サイトデザインの勉強

feature/search/browse

TOP ページに製品・商品(feature)、検索ボックス(search)、項目やカテゴリを俯瞰して見る(browse)を先頭に表示する。
利用者を引き込むための材料。

allabout, amazon などで採用されている。

newsstream

最新情報を概要だけ一気に出力する。別々の情報源お単一の stream にまとめる。
Twitter のパブリックタイムラインとかがそれ。

ニュースの流れを追うのが楽になる。

Picture manager

サムネイル、項目表示、閲覧用インターフェースの３つから構成される。 パターンとして

• Thumbnail grid : 画像をグリッド状に表示
• One window drilldown
• Two panel select
• Pyramid
• Collapse panels
• Button group
• Tree / outline
• Keyboard only
• Sharing widget
• Search box
• Social comments and talks

Dashbord

データの表示を情報密度の高い単一ページにまとめ、定期的に更新する。
状況に見合ったアクション可能な情報をユーザに示し、必要に応じて表示のカスタマイズができるようにする。

ダッシュボードでよく使われる画面パールは下記。

• タイトル付きセクション
• タブと開閉可能パネル
• 移動可能パネル
• 1ウィンドウでのドリルダウン
• 各種のリストやテーブル
• 行のストライプ配色
• インフォメーショングラフィックス
• データチップ

Canvas plus palette

画像編集ツールでよく見るパターン。 重要なのは編集対象を必ず中央に置くこと。

以下続く