脳は文字を「ジャンプ」して読む:サッカード(衝動性眼球運動)から考える読みやすいレイアウト設計
スマートフォンの画面や本に並んだテキストを読んでいるとき、私たちの目は文字の上をカメラのように滑らかにスキャンしているように感じられる。しかし、視覚科学の実験室で眼球の動きを追跡(アイトラッキング)してみると、現実はまったく異なる。
私たちの目は、細かく小刻みな「ジャンプ」を繰り返しながら文章を追っている。この高速な眼球運動を**「サッカード(Saccade:衝動性眼球運動)」**と呼ぶ。人間の脳は、このサッカードと、その合間の短い静止状態である「固視(Fixation)」を組み合わせることで、初めて文字情報を処理しているのだ。
今回は、この「眼球の跳躍」という生理学的・脳科学的なメカニズムから、Webやアプリケーションにおける本当に読みやすいフォントサイズ、行長、行間の設計原則を紐解いていく。
1秒間に3〜4回起きる「眼球の跳躍」と脳の視覚抑制
本や画面を読むとき、眼球は1秒間に約3〜4回のペースでサッカードを行っている。一回のジャンプに要する時間はわずか数十分の1秒。この移動の間、眼球は非常に高速で動くため、そのままでは視界がひどくブレてしまうはずだ。
しかし、私たちは読書中に視界のブレを感じない。これは、サッカードが起きている瞬間、脳が網膜からの視覚入力を一時的にシャットアウトする**「サッカード抑制(Saccadic Suppression)」**という高度な処理を行っているためである。
脳が文字情報を認識しているのは、ジャンプの合間の「固視」の間(約0.2〜0.3秒)だけだ。しかも、一度の固視でくっきりと認識できる範囲(中心窩視野)は非常に狭く、英単語であれば7〜8文字、日本語であれば数文字程度にすぎない。読書とは、脳が視覚を「ジャンプ → 静止(認識) → シャットダウン(移動) → 静止(認識)」という超高速なコマ送り処理でつなぎ合わせている、動的なパズルなのである。
視覚の「迷子」を防ぐ行長(ラインレングス)の科学
このサッカードの仕組みを理解すると、レイアウト設計における「行長(1行あたりの文字数)」の重要性が科学的に説明できる。
1行が長すぎるテキストは、サッカードの制御を著しく難しくする。 行の末尾まで読み進めた眼球は、次の行の先頭を見つけるために、左端(縦書きなら上端)へ向けて大きなサッカードを行わなければならない。この移動距離が長すぎると、眼球のコントロール精度が落ち、次のようなエラーが発生する。
- 行の読み飛ばし: 次の行を飛ばして、そのさらに下の行へ視線が着地してしまう。
- 同じ行の再読: 読み終えたばかりの行の先頭へ戻ってしまい、二度読みしてしまう。
これらのエラーは、脳に余計な認知的負荷を与え、読書スピードを低下させる原因となる。 視覚科学や人間工学の知見では、人間の脳にとって最もサッカードを制御しやすい1行の長さは、日本語で約35〜45文字、英語で約50〜75文字とされている。これを超えて横に広がるレイアウトは、中央にコンテンツ幅の制限(max-width)を設けるなどして回避すべきだ。
視線の縦移動を助ける「行間(ラインハイト)」の力学
行の折り返しにおけるサッカードのエラーを防ぐもう一つの鍵が、行間(Line Height)の設計だ。
行と行の間の余白が狭すぎると、眼球が次の行の先頭へジャンプする際、隣接する行の文字情報が「ノイズ」として視野の端(周辺視野)に混入してしまう。これにより、視線の着地点が曖昧になり、読み飛ばしやストレスの原因となる。
これを防ぐための適切な行間は、フォントサイズの1.5倍から1.8倍程度(CSSで言えば line-height: 1.5 ~ 1.8)が黄金比とされる。この適度な隙間があることで、周辺視野が行の「レール」を捉えやすくなり、脳は迷うことなく視線を次の行の先頭へと正確に着地(サッカード)させることができる。
私たちが「この文章は読みやすい」と感じるとき、脳内では眼球のジャンプと一時停止が、完璧なリズムでリズムを刻んでいる。逆に、不適切なレイアウトは、眼球をブレさせ、脳を視覚的迷子に陥らせる。優れた画面設計とは、文字の美しさだけでなく、ユーザーの脳内で行われている「眼球運動のリズム」を快適にサポートすることなのだ。
お役立ち情報
- 👁️ 眼球運動と読書メカニズム (日本視覚学会)
- 人間がテキストを読む際のサッカードや固視の生理的特徴、眼球アイトラッキング研究などを解説した学術団体サイト。
- 📕 Webデザインにおける読みやすさ:タイポグラフィとレイアウトの基本 (MDN Web Docs)
- 行長やコントラスト、認知アクセシビリティから見たフォントサイズとレイアウト設計の実践的コーディングガイド。
- 📖 サッカード抑制と視覚的注意の脳内ネットワーク (J-STAGE)
- 眼球運動時に視界のブレを防ぐ脳の「サッカード抑制」のメカニズムを神経科学的に解き明かした日本語の科学論文。
出典: