【インターフェイスデザイン】02_コンテンツを整理する

インターフェース上に2つのパネルを並べて配置する。1番目のパネルにはユーザが自由に選択できる項目一覧を表示し、2番目のパネルには選択された項目の内容を表示する。例）メールソフト

ユーザが一覧全体の構造を概観でき、各自のペースで次々に項目を見ていくこともできるようにしたい場合。

空白のカンバスの隣に、アイコンを用いたパレットを配置する。ユーザはパレット上の各ボタンをクリックして、カンバス上にオブジェクトを作成する。例）Photoshop

グラフィック編集ツール全般をデザインする場合。

単一ウィンドウ内でアプリケーションの各ページを表示する。ユーザがメニュー項目を選択してドリルダウンしていき、項目の詳細に入っていく場合には、ウィンドウ内のコンテンツ全体を入れ替えて新しいページを表示する。例）iPod

携帯端末など画面サイズに厳しい制約があるデバイス向けにデザインする場合。

見た目にも構造的にも、デフォルトの表示とは異なる代替表示を用意し、ユーザが選べるようにする。例）閲覧用フォーマット、印刷用フォーマット

Webページなど、何らかのフォーマット化されたコンテンツを表示するものをデザインしている場合。それが色々な条件下で利用される場合。

あらかじめ決められた順序でタスクを実行しながら、インターフェースを通じてユーザをステップバイステップで導く。例）お問い合わせフォーム

長く複雑なタスクを実行するUIをデザインする場合。それがユーザにとってなじみのないタスクである場合。

もっとも重要なコンテンツのみをまず表示し、それ以外は隠しておく。隠れた項目は、1回のみの単純な作業で表示できるようにする。例）Wordのテキストカラー選択画面

かなり多くのものをページ内に表示しなければならないが、中にはあまり重要でないものも含まれる場合。

ユーザの興味を引くコンテンツへのリンクを意外な場所に配置し、好奇心旺盛なユーザを誘導するようなラベルを付ける。例）ニュース本文の中にある関連キーワードへのリンク

テキスト主体のページなど、ユーザが一本道に沿って移動する場合。そのようなコンテンツでも、主な目的から外れた付加的情報を見せたい場合。

多様なニーズを持ったユーザをサポートできるように、軽めのヘルプと重めのヘルプを組み合わせる技法を用いる。例）Excelのツールティップ、通常のヘルプメニュー、ヘルプ検索機能、オンライン関連情報

複雑なアプリケーションの場合。対象ユーザが中級者から上級者である場合。初心者がエキスパートになるのを手助けしたい場合。