移行中の知識
視覚的多様性
Visual Variety
定義
視覚的多様性（visual variety）とは、構成内の色、形、scale、texture、layoutなどに、どの程度知覚できる違いや変化があるかという性質です。要素数の多さやvisual complexityとは同義ではなく、少数要素でも差が大きければ多様に見えます。多様性は関心や区別を作れますが、統一感と無関係に増やすとばらつきや混雑として知覚されうるため、両者を分けて調整します。
関連
対比すると分かりやすい概念
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
記事や作品を並べるgallery
card一覧の単調さを崩す
見るポイント
すべてのcardを同じ比率・同じ情報量で並べる代わりに、featured itemだけscaleや画像比率を変える。変化を増やしても、gridやtypographyの統一感が残るか確認する。
複数種類のdata widgetを持つ画面
dashboardの区別
見るポイント
metric、chart、tableを役割に応じて異なるvisual formで示しつつ、色やborder、spacingまで無秩序に変えない。機能差を伝えるための多様性と、不要な装飾差を分ける。
理解
理解のポイント
- website研究ではperceived varietyとunityの双方がaesthetic appreciationへ寄与する条件が報告されており、単純にどちらか一方だけを最大化する問題ではない。
注意
誤解しやすい点
- 多様性を要素数や色数だけで測り、差の大きさや種類を見ない。
- 多様性を「ランダムに変えること」と解釈し、共通ルールや統一感を失う。
- visual varietyとvisual complexityを同じ概念として扱い、変化の量と処理しにくさを区別しない。
関連
関連する概念
出典