視線はFを描く
視線追跡研究では、人は長い文章を最後まで読まず、上部を横に読み、少し下でもう一度読み、左側を縦に流し読みします。グランカら（2004）は上位結果への集中を、カトレルとグアン（2007）は要約の長さの影響を示しました。
誤解と事実
ペルニス（2017）はF型は守る原則ではなく、見出しがないときに生じる症状だと強調します。モバイルでは、キムら（2015）が小画面での違いを、ラグンら（2014）が画面中央への注意集中を報告しています。
流し読みに強い書き方
結論を先に書き、要約する見出しを付け、段落を重要語で始めます。視覚的階層で重要度を示せば認知負荷が減り、モバイルファーストデザインでも要点が伝わり、SEOにも役立ちます。
よくある質問
- F型に合わせて設計すべき？
- いいえ、構造の弱さの症状です。見出しと重要語で構造を与えましょう。
- モバイルでも現れる？
- 現れますが、縦の流し読みが増え中央に注意が集まります。
出典確認日：2026-10-27
参考文献
- Pernice, K. (2017, November 12). F-shaped pattern of reading on the web: Misunderstood, but still relevant (even on mobile). Nielsen Norman Group. F字読みは設計目標ではなく構造が弱いと生じる現象だと説明しています。
- Buscher, G., Cutrell, E., & Morris, M. R. (2009). What do you see when you're surfing? Using eye tracking to predict salient regions of web pages. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 21–30). ACM. 視線追跡でウェブページの注目領域を予測した研究です。
- Cutrell, E., & Guan, Z. (2007). What are you looking for? An eye-tracking study of information usage in web search. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 407–416). ACM. 検索結果の要約の長さで視線と成績が変わることを示しています。
- Granka, L. A., Joachims, T., & Gay, G. (2004). Eye-tracking analysis of user behavior in WWW search. In Proceedings of the 27th Annual International ACM SIGIR Conference on Research and Development in Information Retrieval (pp. 478–479). ACM. 上位結果に視線が集中することを示した初期研究です。
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. 大画面と小画面の読み方を比較しています。
- Lagun, D., Hsieh, C.-H., Webster, D., & Navalpakkam, V. (2014). Towards better measurement of attention and satisfaction in mobile search. In Proceedings of the 37th International ACM SIGIR Conference on Research and Development in Information Retrieval (pp. 113–122). ACM. モバイルでは画面中央付近に注意が集まるという結果です。
- Lidwell, W., Holden, K., & Butler, J. (2010). Universal principles of design (Rev. ed.). Rockport. 視覚的階層や整列などレイアウト原則をまとめています。