今回も「UIデザインの教科書」を基にUIデザインの理解を深めます。
1章でUIデザインは「設計」であり、キレイな見た目としての”デザイン”はその中の一部の要素と理解をしましたが、そうなるとUIデザインの決定要素は下記の3つで決まると言ってよいかもしれません。
１．「ユーザ」＝「人間」の行動心理学
２．操作するデバイスの制約条件（物理的な特徴）
３．デバイスに表示させる「設計」（見た目のデザイン含む）
つまり、UIデザインにおいて重要なのは、操作する人間が何を見て、どう感じるかを知っている事なのです。ということで、今回の4章は「人間の認知特性」がテーマです。
【色による認知】
１．色がついていると瞬時に見つけることが出来る
２．一方、色が増えすぎると判断できなくなる（色の数は少なくする）
３．カテゴリ分類に色を使う（同階層に同色を）
４．フォーカス時に色を使う、色を反転させる
【形による認知】
１．他と形が異なると瞬時に見つけることが出来る
２．フォーカス時に形を小さくしたり、大きくさせる
３．人の顔写真は注意を引き付ける（広告のCVRが上がる）
【動きによる認知】
１．動きがあると、パッと「注目」を集めることはできる
２．スライドやマウスオーバーで状態変化の「理解」を補完することができる
３．装飾（パララックス等）として動きを使う手はある
４．シンプルな分かりやすさを求める上で「動き」を使うのは難易度は高い
【頭への負荷（インタラクションコスト①）の低減】
１．読まなくても分かる・できる
１－１．文字が小さすぎない
１－２．行間が適度に空いている
１－３．1行ごとの文字数が多すぎない
２．理解しなくても分かる・できる
２－１．入力フォームの数が多すぎない
２－２．入力の仕方や内容が分かりやすい
２－３．入力の到達度が分かる
３．覚えなくても分かる・できる
【身体への負荷（インタラクションコスト②）の低減】
１．クリック/タップを減らす（同じ操作を減らす）
１－１．TV＞スマホ＞PCの順で入力負荷が高い
２．スクロールを減らす（移動が近い）
３．スワイプを減らす（手を持ち替えなくて良い）
上記の人間の認知特性を受けて、UIとしてイケている「設計」（デザイン）は、下記の3つのポイントを押さえれば良いようです。
１．一貫性： 既存のコンポーネントやライブラリを流用する
２．シンプルさ： なるべく情報量を減らす、ただ何度も使うものはインタラクションを減らす為、多ボタンでもOK（飛行機のコクピット）
３．共通概念： アイコンなどはユニバーサルデザインを使う（普通と異なる動作をするとユーザはイラつく）
つまり、既存の基本（GoogleやMicrosoftのガイドライン）に忠実に作ってみることが案外大事だという事ですね。UI的にイケてると言われる「直観的」デザインも、人間の本能的なデザインなのではなく、後天的な経験やルールに基づくデザインだという事を肝に銘じる必要があります。
