UIデザイン — Art Lab

← 学ぶ

情報を整理する

視覚的階層 — 複数の要素に相対的な強弱や順序が生じる見え方を、構成・大きさ・コントラストなどの関係から観察する概念。
近接 — 要素間の距離を変え、どの要素同士がまとまって見えるかを観察するための概念。
共通領域 — 複数要素を同じ囲い・面・領域の内側へ置くことで、まとまりの見え方がどう変わるかを観察する概念。
余白 — 要素の周囲や要素間に残す空き領域を、距離・区切り・まとまりの見え方を調整する変数として扱う概念。
視覚的混雑 — 要素数だけでなく配置やまとまり方によって生じる、画面の混み合った見え方を情報密度と分けて観察する概念。

操作を伝える

アフォーダンス — 人と対象・環境の関係から、どのような行為が実際に可能かを捉え、見た目の操作手がかりとは分けて考えるための概念。
シグニファイア — どこで、どのような行為ができるかを人が発見する助けになる、知覚可能な手がかりを捉えるための概念。
マッピング — 操作と結果、入力方向と変化方向、表示と対象等の対応関係を捉え、結果を予測しやすいかを観察するための概念。

結果を返す

フィードバック — 行為や状態変化に対して、何が起きたか・結果がどうなったかを知覚できる形で返す情報を設計・観察するための概念。

根拠・参考資料

The Design of Everyday Things — Basic Books
Signifiers, not affordances — ACM Interactions / JND.org
Designing for Web Accessibility — Tips for Getting Started — World Wide Web Consortium