Office アドインを設計する

Office アドインは、ユーザーが Office クライアントで使用できるコンテキストに応じた機能を提供することで、Office のエクスペリエンスを拡張します。アドインにより、コストのかかるコンテキストの切り替えなしで、サード パーティの機能が Office で使用できるようになり、ユーザーの生産性は向上します。

アドインの UX 設計は、効率的で自然な対話式操作をユーザーに提供するために、Office とシームレスに統合する必要があります。アドインのコマンドを利用して、アドインへのアクセスを提供します。また、HTML ベースのカスタム UI を作成するときに推奨されるベスト プラクティスを適用します。

Office の設計原則

Office アプリケーションは、一般的な一連の相互作用ガイドラインに従います。アプリケーションはコンテンツを共有します。また、よく似た外観と動作の要素を持っています。この共通性は一連の設計原則に基づいています。この原則は、Office チームがお客様のタスクをサポートするインターフェイスを作成するために役立ちます。これを理解し、従うことは、お客様の Office 内の目標をサポートするために役立ちます。

Office の設計原則に従って、ポジティブなアドイン体験を作成します。

  • Office に合わせて、わかりやすく設計する。 アドインの機能や外観は、Office 体験を調和的に補完する必要があります。アドインはネイティブに感じる必要があります。それらは iPad や PowerPoint Online で、Word とシームレスに連携する必要があります。独自のエクスペリエンス、プラットフォーム、Office アプリケーションの 3 つを適切に組み合わせたアドインが、適切に設計されたアドインといえます。Office UI Fabric を設計言語として使用することを検討してください。可能であれば、ドキュメントと UI テーマを適用します。

  • いくつかの主要なタスクに重点を置き、それらのタスクを適切に実行できるようにします。 あるジョブの実行が、別のジョブの邪魔にならないように、お客様を支援します。お客様に真の価値を提供します。一般的なユース ケースに焦点を当てて、Office ドキュメントの操作時に、ユーザーにとって最も有益なものを慎重に選択します。

  • クロムよりもコンテンツを優先します。 お客様のページ、スライド、またはスプレッドシートに、体験の焦点を当てたままにすることができます。アドインは補助的なインターフェイスです。アクセサリ クロムは、アドインのコンテンツや機能を妨げるものではありません。体験を適切にブランド化します。認識可能な独自の体験をユーザーに提供し、操作の邪魔は避けることが重要です。ブランドに注意を向けるよりも、コンテンツやタスクを完了することに重点を置いてください。

  • 楽しいものにして、ユーザーをコントロールしてください。 人々は機能的で視覚的に魅力的な製品を使うのを楽しみます。 あなたの経験を、慎重に、巧みに活用してください。 すべての相互作用と視覚的な詳細を考慮して、ディテールを正しく整えます。 ユーザーが自分の経験をコントロールできるようにします。 タスクを完了するために必要なステップは、明確かつ適切でなければなりません。 重要な決定は、理解しやすいものにする必要があります。 操作は、容易に元に戻せるようにしなければなりません。 アドインは目的ではなく、Office機能の拡張機能です。

  • すべてのプラットフォームおよび入力方式に対応するように設計する。アドインは、Office がサポートしている、すべてのプラットフォームで動作するように設計します。また、アドインの UX は、あらゆるプラットフォームおよびフォーム ファクターで最適に機能する必要があります。マウス/キーボードとタッチ入力のデバイスをサポートして、カスタムの HTML UI が各種のフォーム ファクターに順応するようにします。詳細は、「タッチ」をご参照ください。

関連項目