比較基準
観察
共通領域とグループの見え方
同じ6要素の位置・大きさ・toneを固定し、背後に置く共通領域surfaceだけを変える。囲いがない状態、全要素を一つの領域へ入れる状態、左右を二つの領域へ分ける状態を比べ、common regionがgrouping cueとしてどう働くかを観察する。
変える条件
背後に置く共通領域surfaceの分け方
固定する条件
- canvasの大きさ
- 6つの内容要素の位置
- 6つの内容要素の大きさ
- 6つの内容要素のtone
- 内容要素同士の距離
- 背景
この観察は条件差を見るための自作比較。ここでの予想や観察を、一般的な心理効果や品質の証明として扱わない。
比較
条件ごとの見え方
3条件
比較案
全要素を一つの領域へ入れる
比較案
左右を二つの領域へ分ける
観察メモ
比較後に確認するポイント
- 囲いを置かない
内容要素だけを置き、共通領域surfaceは追加しない。距離とalignmentだけからgroupingがどう見えるかを確認する。
- 全要素を一つの領域へ入れる
6要素すべてを一つのlight surfaceへ含める。内容要素の距離は変えず、全体が一つのgroupとして見えるかを見る。
- 左右を二つの領域へ分ける
左右3要素ずつを別surfaceへ含める。内容要素の距離を変えず、surface境界だけで二つのgroupがどの程度見えるかを観察する。
仮説
比較前に置いた予想
内容要素の距離を変えなくても、同じsurfaceへ含めるか別surfaceへ分けるかによって、どこまでを一つのgroupとして見るかは変わって見える。
観察を制作へ持ち帰る
内容要素の位置や距離が同じでも、共通領域surfaceの有無と分け方によってgroupingの見え方は変わる。common regionはproximityとは別のcueとして使えるが、cardやpanelを増やすこと自体が品質ではない。実制作では情報構造に合わせて、囲いが必要なgroupだけに使い、不要な入れ子やfragmentationを避ける。
指示練習
判断を指示に変える
AIでも人でも、結果だけでなく変更条件と確認条件を分けて伝える。
- 変える
背後に置く共通領域surfaceの分け方
- 残す
canvasの大きさ / 6つの内容要素の位置 / 6つの内容要素の大きさ / 6つの内容要素のtone / 内容要素同士の距離 / 背景
- 方向を決める
どちらの方向へ、どの程度変えるかを自分の目的に合わせて言葉にする。
- 確認する
出力を見て何が変わったか、何を採用するか、次に何を直すかを言葉にする。