UX for Business ―デジタル変革時代のビジネスデザイン手法

ビジュアルヒエラルキ ー

どのデザイナーもビジュアルヒエラルキー、つまりページをざ っと 見（ ス キ ャ ン ）し や す く す

る方 法について学 ぶ 。しかし、なぜそうすべきかをスキャンという言葉を使わずに説明でき

る 人 は あまり い な い 。

一般的なビジュアルヒエラルキーの考え方は非常にシンプルだ。重要なものを大きく、

濃く、目立たせ、重要でないものを小さく、控えめに配置する。見出しが優先され、必ず

どこかにいれなければならない法律関連のリンクはフッターに小さく収まる。

認知的な観点から見ると、これはユーザーがページ全体にいっぺんに注意を分散させる

必要がないことを意味する。ユーザーは各要素に一瞬だけ集中し、それを1つずつ理解で

きる 。

つまり、ビジュアルヒエラルキーを使うと、ユーザーの脳にとってページを見るのが 楽にな

るということだ 。 散らかったコン テン ツ で は なく、 まとまりとして 見 ることが で きる 。 こ れ だ け

でもデザインにビジュアルヒエラルキーの原則を適用すべき理由としては十分だが、ビジネ

ス的にどう役立つかが、私たちの今の関心ごとでもある。

まずここが 目 に 入るだろう

次 に お そらくここ だ ろう

そして読むかもしれないし読まないかもしれない部分

そして読むかもしれないし読まないかもしれない部分

そして読むかもしれないし読まないかもしれない部分

9. 1つのページ 