本文へ移動
雑学書庫好奇心が集まる場所
日本語

左側だけを流し読みする目、F字型パターン

ニュース記事や検索結果の画面を開いたとき、最初の数行は最後まで読んだのに、すぐに各行の頭だけを拾いながら下へ進んだ経験はありませんか。このように画面の上部は横に2回読み、その下は左端だけを縦に流し読みする視線の形を「F字型パターン(F-Shaped Pattern)」と呼びます。

F字型パターンとは、簡単に言えば「ウェブの文章をじっくり読まずに流し読みするとき、視線がアルファベットのFの形を描く現象」を意味します。2006年、ユーザビリティの専門家ヤコブ・ニールセン(Jakob Nielsen)が率いるニールセン・ノーマン・グループ(Nielsen Norman Group)が、ユーザー232人の視線を追跡した研究で名付けました。

本稿では、F字型パターンが発見された経緯、図で見る視線の3つの動きと主な用語、デザインと文章作成への活かし方、そしてこのパターンをめぐる誤解と限界まで、順に見ていきます。


流し読みする目が残した地図、F字型パターン

1. F字型パターンが発見された経緯

明るいオフィスの窓辺で、30代の会社員がノートパソコンの画面の長いウェブ記事をすばやく流し読みしている横顔

ウェブが広く普及するにつれ、人が画面の文章をどう読むのかは、デザイナーと研究者の双方にとって関心事となりました。ユーザーに直接尋ねるよりも正確な答えは、目の動きそのものにありました。

(1)視線追跡の研究
視線追跡(Eyetracking)とは、モニターの下に置いた装置で、目が画面のどこに、どれだけ長くとどまるかを記録する方法です。ニールセン・ノーマン・グループはこの装置で、ユーザー232人が数千のウェブページを見る様子を記録しました。

(2)ヒートマップに現れたF
視線が長くとどまった所を赤、あまりとどまらなかった所を黄や青で塗ったヒートマップを重ねてみると、会社紹介ページ、製品ページ、検索結果のように性格の異なる画面でも、よく似たFの形が現れました。ニールセンは2006年4月のコラム「F-Shaped Pattern For Reading Web Content」でこの結果を発表しました。

(3)読まずに流し見るユーザー
この研究が示した核心は、Fという形そのものよりも、人がウェブの文章を一語ずつじっくり読むことはまれだという事実でした。ユーザーは必要な情報を早く見つけようと文章の一部だけを拾い読みし、Fはその流し読みが残した跡なのです。


2. 図で見る視線の3つの動きと主な用語

ユーザビリティ調査室で、参加者がモニターの下に視線追跡装置の付いたパソコン画面を見ており、後ろの机で研究者がノートパソコンで記録を見守っている場面

F字型パターンは3つの視線の動きでできています。上部で横に2回、左側で縦に1回動いた軌跡が合わさってFになります。

アイボリーの背景の上部にタイトル「F字型パターン」があり、中央のウェブブラウザ画面の上に赤とオレンジのヒートマップが「1回目の横読み」「より短い横読み」「左側を縦に流し読み」の3本の帯でF字を描き、右下はぼかした「あまり見られない領域」、横に「よく見る」から「あまり見ない」までのカラーバーの凡例があるインフォグラフィック
F字型パターンは、上部の1回目の横読み、それより短い2回目の横読み、左側に沿って下りる縦の流し読みで成り立っています。
  • F字型パターン(F-Shaped Pattern):上の2行は横に読み、残りは左側だけを縦に流し読みして、視線がFの形を描く現象です。
  • 視線追跡(Eyetracking):目の動きと視線がとどまった時間を装置で記録する研究方法です。
  • ヒートマップ(Heatmap):視線が多くとどまった所ほど濃い色で塗り、ひと目でわかるようにした図です。
  • 流し読み(Scanning):文章全体を読まず、目に留まった語句や文だけを拾って見る読み方です。

(1)1本目の横線
ユーザーはまずコンテンツ領域のいちばん上を横に読みます。見出しと最初の文が置かれるこの区間が、Fの上の横棒になります。

(2)2本目の横線
少し下へ移って再び横に読みますが、今度は1回目より短い区間だけを読んで止まります。これがFの真ん中の横棒です。

(3)左側の縦線
最後に、コンテンツの左端に沿って縦に流し読みしながら下りていきます。ゆっくり丁寧にたどることもあれば、飛び飛びに素早く通り過ぎることもあり、この動きがFの縦棒になります。


3. デザインと文章作成への活かし方

デザイナーの木の机の上で、両手が四角い枠と横線だけが描かれたウェブページのワイヤーフレームのスケッチ用紙を並べている様子

F字型パターンを知っているからといって、画面をFの形に飾れという意味ではありません。むしろ、ユーザーが流し読みするだけでも大切な内容を見落とさないよう、文章と画面を整えなさいという合図に近いものです。

(1)重要な内容は最初の2段落に
ニールセンは、最初の2段落に最も重要な情報を盛り込むべきだと助言しました。ユーザーが横に最後まで読むのは上部の数行だけだからです。結論を先に書く新聞記事の逆ピラミッド構造にも通じる原則です。

(2)最初の語に情報を載せる
左側に沿って下りる目は、各行の最初の2〜3語だけを見て通り過ぎます。そのため、小見出しや段落、リストの冒頭を内容を表す語で始めれば、流し読みする人も何についての内容かをすぐに把握できます。

(3)小見出し・太字・リストを使う
ニールセン・ノーマン・グループは、小見出しや太字のような手がかりがほとんどない長い文章でF字型パターンが現れやすいと説明しています。小見出しを付け、キーワードを太字にし、リストに分ければ、視線が必要な場所にとどまりやすくなります。


4. F字型パターンをめぐる誤解と限界

暖かな照明の夕方のカフェで、ひとりの人が親指でスマートフォンの画面をスクロールしながら見ている様子

F字型パターンは広く知られているぶん、誤解されることもあります。このパターンは人が常に従う法則ではなく、特定の条件のもとでよく現れる読み方の癖です。

(1)良いデザインの目標ではない
ニールセン・ノーマン・グループは2017年に改めて研究し、F字型パターンがスマートフォンの画面でも依然として現れると明らかにしました。同時に、このパターンはユーザーが右側の内容を見落としていることを意味するため、デザイナーがあえて引き出すべき目標ではないと強調しました。

(2)ほかの流し読みパターン
同じ研究では、小見出しだけを拾い読みするレイヤーケーキ・パターン(Layer-Cake Pattern)、数字やリンクなど特定のものだけを探して読み飛ばすスポッテッド・パターン(Spotted Pattern)、関心が高くほぼすべてを読むコミットメント・パターン(Commitment Pattern)なども紹介されました。文章の構成や読む目的によって、視線の形が変わるということです。

(3)言語と画面構成の影響
Fは左から右へ読む言語で得られた結果です。アラビア語やヘブライ語のように右から左へ書く言語では左右が反転した形が現れることがあり、画像が多い画面や構成がよく整理された画面では、Fがはっきり現れないこともあります。

結局、F字型パターンが教えてくれるのは、人は画面の文章を急いで流し読みするという事実です。大切な言葉は上に、キーワードは左側の行頭に置けば、流し読みする目も見落とさないという単純な考え、それがF字型パターン理解の第一歩です。

この記事をPDFで手元に

今読んでいる記事の、選択した言語の版を購入できます。

US$1.00
選択中の言語: 日本語

US$1.00 · 1記事・1言語

一度購入すれば、同じアカウントでログインして購入した版を再ダウンロードできます。

PDFサンプルを見る ↗本文は引き続き無料で読めます。サンプルでPDFの文字やレイアウトを確認できます。

販売者情報

商号
아카이지
代表者
안호원
事業者登録番号
530-02-04118
通信販売届出番号
2026-경기군포-0626
届出先
경기도 군포시
事業所所在地
경기도 군포시 산본천로 119-9, 1109동 405호 (산본동, 주공아파트)
ホスティング提供者
카페24(주)
お問い合わせメール
sgjjojo@gmail.com
お問い合わせ電話番号
010-4194-0821

事業者情報の確認(韓国公正取引委員会)