目は「全体」を見ていない──中心視野と周辺視野が示す視線の優先順位

本記事は、UXを「人間理解」から捉え直す全6回シリーズの第4回目です。本シリーズでは、表層的なUI改善やテクニック論ではなく、「人はどのように感じ、どのように判断し、どのように行動するのか」という認知の視点からUXを考えていきます。

前回（第3回）では、「見えているのに見落とす理由──注意の錯覚と選択的注意の心理学」として、選択的注意と非注意性盲目の構造を整理しました。あわせてご覧ください。

今回はさらに視覚構造そのものへと踏み込みます。人はそもそも、どこを「見て」いるのか。中心視野と周辺視野という二つの領域の違いから、視線が動く仕組みを読み解きます。

UXデザインの出発点を「人間理解」に置くとは、こうした視線の実態を前提にすることです。サンアンドムーンは、表層ではなく認知から設計する。その視点を、視覚の構造から掘り下げていきます。

「全体が見えている」という思い込み──視野の実態を解く

目を開いていれば、視野全体が均等に見えている。多くの人が、そう感じています。しかし実際には、そうではありません。人間が細部をはっきりと認識できるのは、視野のごく中心部分だけです。それ以外の領域は、思っているよりずっとぼんやりしています。

私たちが「見えている」と感じている広い視野の大部分は、精度の低い情報をもとに脳が補完した世界です。見えているという感覚と、認識できているという事実は、別のことなのです。この前提を持たないまま設計を行うと、「目立つ場所に置いたから伝わるはず」という思い込みが積み重なります。視野の実態を知ることは、設計の起点を変えることにつながります。

中心視野と周辺視野──見る機能の非対称性

視野には、機能的に異なる二つの領域があります。ひとつは「中心視野（fovea）」です。視野角にして約2〜5度という非常に狭い範囲ですが、この領域だけが高解像度で機能し、文字を読んだり、ボタンのラベルを確認したり、細部を識別したりするのは、すべてここに依存しています。

もうひとつは「周辺視野」です。広大な領域ですが解像度は大幅に落ち、文字の判読や細かな形の識別は難しくなります。ただし、周辺視野には別の特性があります。動きや明暗の変化、大きなコントラストの差に対して非常に敏感なのです。「中心視野で読む。周辺視野で気づく。」この機能の非対称性が、視線の動きと設計の関係を考える上での基本になります。

視線はどう動くか──サッカードという目の跳躍

視線は、ゆっくりと滑らかに移動するものだと思われがちです。しかし実際には、視線は「サッカード（saccade）」と呼ばれる高速な跳躍運動を繰り返しながら動きます。一度の注視（fixation）は0.2〜0.5秒ほど。その間に中心視野で情報を処理し、次の注視点へと瞬時に跳躍する。この繰り返しによって、人は視野全体を「見ている」という感覚を構築しています。

重要なのは、サッカードの移動中は視覚情報がほとんど処理されないという点です。私たちが実際に認識している情報は、注視点をつないだ”点の集積”にすぎません。視野の全体を平等に見ているわけではない。どこに注視点が落ちるかが、そのまま「何が伝わるか」を決めることになります。

視線の構造から考えるUX設計の原則

中心視野・周辺視野・サッカードという視覚の仕組みを理解すると、設計に対する問いが変わります。「この情報は目立っているか」ではなく、「この情報は視線が自然に通るルート上にあるか」。「このボタンは大きいか」ではなく、「このボタンは中心視野で確認できる位置と密度になっているか」。

アイトラッキング研究が示す「Fパターン」や「Zパターン」は、ユーザーがページを「読んで」いるのではなく「スキャンして」いることを示しています。重要な情報は視線の自然な流れの起点に、ラベルや説明文は中心視野で一度に捉えられるサイズに収める。余白は「空き」ではなく、次の注視点へ視線を誘導する設計要素です。視線の実態を知ることが、「見てもらえる設計」の出発点になります。

記事監修

中谷 浩和

株式会社サンアンドムーン｜代表取締役

1976年創業のデザイン事務所を前身に、Webコンサルティング・UI/UXデザインを専門とする。
国際標準のUX設計プロセスを学ぶ Google UX Design Professional Certificate を取得し、 上級ウェブ解析士 としてデータ主導のサイト改善にも精通。デザイン思考を軸に、ユーザー認知・行動・文脈からWebサイトの課題を捉え直し、成果につながる設計へ落とし込むことを使命としている。システム設計、フロントエンド技術、SEO・パフォーマンス改善まで技術知識を横断し、サイト全体を見通したディレクションを得意とする。自動車メーカー、銀行・クレジットカード、保険などの大手から中小企業まで、数値で検証しながら改善を積み重ねる実践的なコンサルティングを提供している。