ハード優先順位付け、またはWindows 8の優れたアプリケーションへの5つの最初のステップ。

記事の第1部と第2部では、アプリケーションを設計するためのパスの4つの最初のステップを調べました。

1. 対象者の定義
2. アプリケーション目標ステートメント
3. 主なシナリオの選択
4. ナビゲーション計画

3番目の部分では、アプリケーションの意図された機能をアプリケーションインターフェイスを介して転送する方法について説明します。システムソリューションに結び付ける場所、特別なコントロールを使用する場所、コンテンツに統合する必要がある場所です。

5.機能を検討する

受け入れて覚えておく必要がある最初の最も重要なこと： コンテンツは最初にあるべきです。



コンテンツは最も重要なものです！ コンテンツは、ユーザーがアプリケーションを使用するために訪れるものです（明確にするために：ゲームでは、コンテンツはゲーム体験、ゲームそのものです）。



コンテンツが他のすべてよりも優先されるのは、この記事では触れないビジュアルとデザインの両方、および実装された機能とその実装方法です。



最初のルール 。 機能をコンテンツに統合できる場合は、実行してください。



特に、ナビゲーションを整理するための主なツールはコンテンツ自体です。 コンテンツに飛び込むには、コンテンツ自体を使用する以外に追加のソリューションは必要ありません。 「続きを読む」、続行する矢印などはありません。







クリーンアップ：







「さらに読む」や「もっと読む」など、さまざまな革命についても同じことが言えます。 ユーザーは、プレート全体を（正しく）押したり、矢印だけでなく、署名を押したりすることを考えてはいけません。



コンテンツは直接対話する必要があります。 前のステップで説明した適切なナビゲーション計画がこれに貢献します。



2番目のルール 。 コマンドがコンテキスト依存の場合は、コンテキスト内でのみ使用可能にする必要があります。



ある意味でのこの規定は、機能をコンテンツに統合するという考えを継承しています。 重要なメッセージは、特定のコンテンツ要素をアクティブにする場合にのみ可能な追加のアクションを示すことです。







上記の例では、アカウントを管理するためのポップアップメニューは、アカウントをクリックした後にのみ表示されます。 2つのことに注意してください。

1. アカウントを持つブロックは、 すでに情報の一部（ユーザー名とアバター）を表しています。つまり、コンテンツです。
2. メニューはユーザーの要求に応じて表示されますが、画面に常に表示されるわけではありません。これは、メニューが二次的な役割を果たすからです。

同じ考えが他のセカンダリ（おそらく重要な）要素にも適用されます。それらはオンデマンドで、またはアプリケーション階層の下位レベルに表示される必要があります。



別の一般的な必要性は、通常の（またはそうではない）コンテンツ要素にいくつかのアクションを掛けることです。 あなたはおそらくこのWebサイトとデスクトップアプリケーションの考え方に精通しているでしょう。ここに、ラップトップのドライバーをダウンロードするときに出会ったLenovo Webサイトの最近の例を示します。







ここでは、このような通常のアクションはダウンロードリストに追加され、直接ダウンロードされます。 いいね、ツイート、お気に入りなど、他のアクティビティも簡単に想像できます。



最初の近似では、Windows 8に移植すると、次のようになります。







ひどいですね。 ここには少なくとも2つの問題があります：コンテンツとの直接的な相互作用との矛盾（主にコンテンツに没頭するため）と多くの混乱。



実際には、ほぼ確実に、そのような量のこれらのボタンは必要ありません-そして、それらをコンテキストに合わせることはより正確です。 Windows 8には、このための2つの特別なソリューションがあります。

• アプリケーションパネルでの要素+コマンドの選択、
• コンテキストメニュー。

アプリケーションパネルの個々の要素に関連付けられたアクションを実行すると、次の解決策が得られます。







このアプローチでは、アクションが特定のコンテキストに明示的に関連付けられているだけでなく、ユーザーの要求時にのみ表示されるだけでなく、同時に複数のアクションを整理する方法を取得することも重要です（複数の要素に同時に適用可能）。



ちなみに、指での要素の選択は、スクロールの方向に垂直に、キーボードのスペースバーで、マウスで-右ボタンを押すだけで行われます。



コンテキストについて言えば、現在の各画面には2つのコンテキストがあります：すべてのセットとしての画面全体（通常は画面にも名前があります）と、場合によっては1つ以上の要素が強調表示されます。 したがって、アクション（コマンド）は、「画面」全体の中で、および現在の選択に対してのみ意味をなすことができます。



3番目のルール 。 チャーム、コントラクト、または拡張機能を使用して機能を実装できる場合、これを行う必要があります。







前のセクションで、それが何であるかと、奇跡のボタンの存在がナビゲーションのデザインにどのように影響するかについて少し話しました。 計画機能に関しては、これを再度強調します。

• アプリケーションのコンテンツで検索する機会を与えたい場合は、検索コントラクト-検索を使用します（たとえば、開いているドキュメントで、画面上の情報のコンテキスト検索に相当するインライン検索の場合を除く）。
• たとえば、ソーシャルネットワークで情報を共有したり、別のアプリケーションに保存したりするなど、 情報を共有する機会を与えたい場合は、共有契約-Shareを使用します。 （この契約の2番目の部分は、他のアプリケーションから情報を受信するために機能します（それがあなたの場合に意味がある場合）
• 設定がある場合は、設定契約-設定を使用します。 Windowsストアのアプリケーションには、評価とレビューにすばやくアクセスできる設定パネルがあり、特定のサービス（地理位置情報や通知など）へのアクセス許可がある設定パネルもあることに注意してください。
• 外部デバイスに出力する必要がある場合は、適切なコントラクトを使用してそれらを操作します（たとえば、印刷用）-このすべての機能は、デバイスの奇跡ボタンで組み立てられます。

ファイルや連絡先の選択など、他のさまざまな契約や拡張機能にも同様の考慮事項が適用されます。



その結果、システム機能を複製したり、それにアクセスするための追加のボタンを配置したりしないでください。 たとえば、アプリケーションコンテキストで「twitterで共有」ボタンを使用しないでください。



ルール4 アクション（コマンド）に優先順位を付けて、画面自体、アプリケーションパネル、ごみ箱に分配します。



コマンドが非常に重要であり、比例（ほとんどの場合1つ）要素に関連付けられている場合（有効な場合、送信される注文などのドキュメント全体を含む）、一部のコマンドは、対応するボタンの形で画面に直接配置できます。



たとえば、メールアプリケーションには、大きなメインコンテンツ要素が1つあります-オープンレターです。 この公開レターには、返信と削除という2つの最も重要なアクションがあります。 これらのアクションのコマンドは、画面に直接配置されます（新しいレターを作成するための同様のよりグローバルなコマンドとともに）。







レター（未読のマークを付けて移動）、メールボックス（同期）、またはフォルダー（スタート画面のピン）に適用できる2番目のアクションは、アプリケーションパネルに表示されます。



重要なように見えるかもしれませんが、ここには他のアクションはありません。 優先順位付けは厳しいものです。 次の割合を守ってください（0は、努力すべき適切な数値です）：







何かが収まらず、コマンドが多すぎる場合、これは考えるための明確な理由です。

• これらのコマンドはまったく必要ですか？
• これらのコマンドはこの画面で必要ですか？

後者の場合、正しい決定は、「余分な」コマンドをコンテンツに没頭したときに表示される内部画面に転送することです。



5番目のルール 。 分割して征服-アプリバーを正しく使用してください。

このテーマには2つの特別なガイドラインがあります。

• アプリケーションパネルのガイドとチェックリスト
• コマンドラインデザイン

それらの中で、パネルにボタンを配置し、異なる角度でそれらを配置するための推奨事項に注意を払う必要があります。仕切りと、ドロップダウンメニューでいくつかの同様のボタンを折り畳む方法。 また、アプリケーションパネルのボタン（またはボタンのセット）は、表示/並べ替え/フィルタースイッチなどとして機能できることにも注意してください。

---

これらのルールで武装する必要がある実践的な演習は次のとおりです。

1. コンテンツのナビゲートとコンテンツのデモンストレーションに加えて、実装する必要がある機能（アクション）を理解しますか？
   
   
   • アプリケーション全体に何が適用されますか？
   • 特定の現在の画面には何が適用されますか？
   • 特定の画面で特定の強調表示されたアイテムには何が適用されますか？
   
   
   
2. システムコマンドによってカバーされるものは、システムコマンドによって行われます。
3. 上記の表に従って、各画面の残りのコマンドに優先順位を付けます。

例 。 仮想アプリケーションMovie Meetingに戻ります。 一貫した方法で質問に答え始めましょう。



アプリケーション全体に適用されるもの、または一部のグローバル機能はありますか？ 明らかに検索。 検索はシステム機能であるため、対応する画面を実装する必要がありますが、アプリケーション自体では直接呼び出されません。



特定の画面（全体）には何が適用されますか？ いくつか例を挙げましょう。

• スタート画面：
  
  
  • データ同期
  • スキャナーの呼び出し（Webカメラからの画像の分析）
  
  
  
  
  
• オファー画面を表示：
  
  
  • リストされていない他の人に電話する
  • 投票（私は行く、私は行かない）
  • 別の時間/場所を提案する
  • 友だちを拡大
  • 映画について話す
  
  
  
  
  
  
  

選択したアイテムに適用されるもの（および選択できるもの） 同じ画面の場合：

• スタート画面：
  
  
  • 今後の会議-リマインダーを追加
  • オファー-すぐに投票する
  • 友人からの興味深い映画-自分に追加
  • 自宅で面白い映画-リストから削除
  • 面白い映画-説明を友達と共有する
  
  
  
• オファー画面を表示：
  
  
  • メンバー-ウィンクして疑わしい人に電話する
  
  
  

共有に関連するすべてのものは、システム共有機能を介して実装できることにすぐに気付くことができます。 したがって、インターフェイスでの特別なソリューションは必要ありません。



さらに、残りの追加アクションに優先順位を付けることが重要です。



スタート画面から始めましょう：

• すぐに画面に配置するアクションはどれも非常に重要ではありません。
• スキャナーは重要です。したがって、スキャナーをアプリケーションパネルに配置します（右側には、新しいアプリケーションに近く、グローバルなものとして）。
• データの同期-自動的に行われるため、ゴミ箱に送ります。

ハイライトされたスタート画面の要素：

• 選択された予定-わかりました。左パネルにリマインダーを設定するためのコンテキストボタンを追加します。
• 選択した提案-わかりました。左パネルにクイック投票用のコンテキストボタンを追加します。
• 選択したムービー-わかりました。コンテキストボタンを追加して、左側のパネルのリストに追加またはリストから削除します。 コンテキストメニューを複製しようとしました。

映画の提案画面：

• 提案への投票は、この画面が必要な最も重要な理由であるため、ボタンを画面に直接配置する必要があります。
• 他の人に電話をかけることは、単に共有するよりも迅速で具体的なアクションであり、連絡先ピッカーの使用に結び付けることができます。
• 別の場所/時間を提案する-別の分析が必要です。 たとえば、これは投票の実施と会議の全体的な計画のレビューにつながる可能性があります。 テストが必要なので、この機能なしで開始し、ユーザーがその実装を要求するかどうかを確認する必要があります。
• 映画について話す-いいえ、映画自体の画面上にあるべきです。 そして、そのような残忍な方法で他人の好みに影響を与えるものは何もありません。

ハイライトされた映画視聴提案画面の要素：

• 献身的な参加者-意思決定を強制することは良いアイデアのように思えます。アプリケーションパネルの左側にコンテキストボタンを配置します。

アプリケーションのすべての画面に対して同様のジョブを実行する必要があります。 もちろん、重要性、タイミング、実装の複雑さの観点から、機能の基本的な優先順位付けを忘れないでください。

まとめ

設計の観点から、この時点までに、アプリケーションがどのように、何をするのか、ユーザーの観点からどのように配置されるのか、タスクを解決するためにどのシナリオと画面を通過するのか、一般的には主要ユーザーであるかについての明確なアイデアが必要ですあなたのアプリケーション。



あなたが得る必要があるそれぞれの重要なステップと結果をもう一度思い出させてください：

1. ユーザーを知る。
   
   
   • ターゲットオーディエンスを十分にカバーする2〜3個のキーキャラクターを説明します。
   • すべての人にすぐにアプリケーションを作成することはできません。したがって、ユーザーとその主要な特性に優先順位を付ける必要があります。
   
   
   
2. アプリケーションが他のアプリケーションより優れているのはなぜですか？
   
   
   • 「ベストアットステートメント」を策定します。
   • あなたは単に最高のものになることはできません-あなたのニッチで競合他社よりも正確に優れているものを正確に指定してください。
   
   
   
3. 主要なシナリオを強調する
   
   
   • アプリケーションに固有の3〜4つの主要なシナリオを選択
   • 一度にすべてを実行することはできません。誰よりも優れています。ユーザーリクエストを開き、最も満足させるために役立つシナリオを優先してください。
   
   
   
4. ナビゲーションを計画する
   
   
   • アプリケーション情報マップを描画します。
   • どのコンテンツブロックが最も重要であり、それらが主要なシナリオにどのように関係するかを決定します。 小さな断片から、全体的なナビゲーションスキームに移行し、重要なシナリオへのアクセスが常に手元にあることを確認し、それらを解決するプロセスが可能な限り直線的かつ明白であることを確認します。
   
   
   
5. 機能を考える
   
   
   • コンテンツが最初になります。
   • 選択した項目にコンテキスト的に適用されるアクションを含む、各画面で必要なアクションを決定します。 システムコマンドを複製せず、残りの部分に優先順位を付け、余分な部分を大胆に捨てないでください。 使いやすいほど、ユーザーにとって使いやすくなります（さまざまな可能性があるため、混乱を招き、選択が遅くなります）。
   
   
   

次に進む準備はできましたか？

アプリケーションを構築し、 秋のラボに来てください。

---

主なリソース

• Windows 8向けの設計
• Windows 8向けの開発
• Microsoftアプリケーション開発