SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

おすすめのイベント

おすすめの講座

おすすめのウェビナー

マーケティングは“経営ごと” に。業界キーパーソンへの独自取材、注目テーマやトレンドを解説する特集など、オリジナルの最新マーケティング情報を毎月お届け。

『MarkeZine』(雑誌)

第99号(2024年3月号)
特集「人と組織を強くするマーケターのリスキリング」

MarkeZineプレミアム for チーム/チーム プラス 加入の方は、誌面がウェブでも読めます

今日から実践!ユーザビリティ向上ノウハウ

見出しは冒頭15文字が勝負


  ニュース系のサイトでユーザーをつかまえるには、まずユーザーの目に留まる見出しをつけることが重要です。今回は当社の調査結果を元に、ユーザーの興味を引き付ける、効果的な見出しのつけ方をご紹介します。(ユーザビリティ実践メモの中から編集部がチョイスした記事を再掲載しています)

 ニュースサイトや一部のブログなど、日常的に数多くの情報を扱うニュース系のサイトでは、見出しの配置や優劣がユーザーの行動に大きな影響を与えます。

 こういったサイトを訪れるユーザーは、日課の1つとしてサイト閲覧を行っています。たとえば、朝会社に来てメールチェックをした流れで、ニュース系サイトにアクセスするようなパターンです。

 商品の比較や購買のためにECサイトを訪れるようなユーザーと大きく異なり、ニュース系サイトのユーザーは以下のような行動特性を示します。

  • 特定の目的を持たずにサイトを訪れ、興味を引く情報を探す
  • 見出しを流し読みし、興味があるものだけクリックして詳細を見る
  • 短時間に、必要最低限の情報を得ようとする

 弊社のユーザビリティテスト(ユーザ行動観察調査)では、こういった流し読みの際にユーザーに認識されるのは、冒頭の15文字程度であることが分かりました。アイトラッキングによる観察では、一つひとつの見出しを読むのではなく、ほぼ一直線に視線を進めていきます。

制作者が期待するユーザーの視線の動き      実際のユーザーの視線の動き
制作者が期待するユーザーの視線の動き  実際のユーザーの視線の動き

 つまり、この15文字の中に、リンク先の内容が想像できて、なおかつ興味を引く言葉を詰め込めるかどうかで、ユーザーの行動が大きく変わってくるのです。

 しかし、実際には15文字の中で見出しを付けるのはかなり難しいものです。単純に文字数を減らすと意味が分かりにくくなりますし、逆にリンク先の内容を正確に表現しようとすれば、どうしても文字数が多くなりがちだからです。

 短い見出しの付け方で参考になるのはYahoo!JAPANのトップページのトピックス欄です。13~15文字程度で見出しがつけられているので、ストレス無く流し読みができます。

Yahoo! Japanの見出し

 キャッチーな見出しという点では、新聞や雑誌系のサイトなども参考になるでしょう。

日経ビジネスオンラインのトップページ見出し

 具体的には、

  • 固有名や数字を入れる
  • カナばかり、漢字ばかりにならないようにして可読性を保つ
  • 略語での表現が可能であれば活用する(専門的になりすぎないよう、ユーザーの理解レベルを考慮すること)
  • カッコや記号を使ってメリハリをつける

 などのポイントに気をつけることで、ユーザーにとって読みやすい見出しを作ることができます。

この記事は参考になりましたか?

  • Facebook
  • Twitter
  • Pocket
  • note
今日から実践!ユーザビリティ向上ノウハウ連載記事一覧

もっと読む

この記事の著者

株式会社ビービット(カブシキカイシャビービット)

仮説検証型の独自方法論「ビービットUCD(User Centered Design)」を用いて、ウェブおよび携帯サイトの戦略立案、サイト設計、構築、効果検証を行うインターネットコンサルティング会社。年間1000人を越えるユーザビリティテスト(ユーザ行動観察)やアイトラッキング調査など各種リサーチを実施し、ウェブユーザの心理と行動パターンを分析。サイトの売上向上、コンバージョン率改善などの具体的成果の創出を行っている。詳細はこちらからご確認ください。【書籍紹介】 絶えず...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

MarkeZine(マーケジン)
2008/11/27 09:57 https://markezine.jp/article/detail/5756

Special Contents

PR

Job Board

PR

おすすめ

イベント

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング