情報発信/HP/ブログ

更新日:2006年07月08日

ホームページにはFがよく似合う

ホームページにはFがよく似合います。実はユーザーがホームページを見る時の視点の動きがアルファベットのFになります。このF字パターンを考慮したホームページをどう作ればよいのか考えてみましょう。

ホームページにはFがよく似合う

今、皆さんの視線はどう動いていますか?
ホームページを見る時、皆さんの視線はアルファベットの「F」のように動きます。ちょうど今お読みのこの段落が「F」の上棒にあたります。

ウェブ・ユーザビリティの第一人者であるニールセン博士が連載中のコラム『Alertbox』で発表したのがこのF字パターンです。

ユーザーがホームページを見る時、まず上部の左上から水平に右に動きます。これは「F」の上の横棒です。次に視線を少し下げて、今度は少し短めに右へ水平に動きます。「F」の下の横棒になります。
最後に左端を垂直方向に下に読んでいきます。これがF字パターンです。今お読みのこの段落が「F」の下棒にあたります。

ユーザーの視点を考えたホームページ作り

ここがF字パターンの垂直になります。
ホームページを見る時の視線の動きがFの形に
ホームページを見る時の視線の動きがFの形に

あなたの視線はFの横棒から、この文章の段落に視線が動きました。
F字パターンというキーワードを強調しましたが、効果的にキーワードや小見出しを配置することで視線を下に誘導します。

私もガイド記事を一生懸命、作成していますが、作成者の思い入れは別にして、ユーザーは書かれた文章を徹底的に読むことはなく、流し読みするということです。

そこでホームページの作り手はユーザーの視点がF字パターンで動くことを考えて、ページを作成しなければなりません。
  • 文章で強調したいこと、述べたいことはまず最初の段落にしっかり書く(F字の上の横棒)

  • 一つあけた段落にも視点が集まるので、キーワードを効果的に強調する(F字の下の横棒)

  • 小見出し、箇条書き、キーワードの強調などで下に向けて動線をつける(F字の縦棒)

特に最初の段落が重要です。
ユーザーはF字の上の横棒にまず注目し、ここで文章を読むかどうかを判断します。小説と同じで最初の書き出しが大切ということです。最初に引き込まないと検索エンジンから訪れたユーザーは「ブラウザー」の「戻る」ボタンを押して、去ってしまいます。

次に少し間をあけた下の段落が重要です。
検索エンジンから訪れたユーザーはF字の上の横棒の文章を読んでから下の段落に視線を動かします。ここにユーザーが気になるキーワードが書かれているとさらに下(F字の縦棒)へと視線を動かします。
また視線が動きやすいように箇条書きにしたり、少し下に小見出しをつけるのも効果的です。

検索エンジン結果もF字パターンが重要になります
1 2
  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

水谷 哲也

中小企業のIT導入・活用を支援コンサルタント。累積相談件数が2600件以上。大学などで情報処理教育の…

続きを読む

ガイドからのお知らせ

ビジネス・教育関連コミュニティ

北欧好きが、愛用の北欧モノを見せ合うコミュニティ

メルマガ登録

【ビジネスメルマガ】転職・起業・ビジネス実務・スキルアップに関連する、厳選お役立ち情報をお届けします。

ショッピングカタログ

All About ウェブマガジン

女性向け

雨が楽しくなる!レイングッズ15

男性向け

マネしたくなるアイデア住宅

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック

知識・経験を生かして、記事を書いてみませんか?