3-1. 「読んでわかる」よりも「見てわかる」文章を作ろう｜パラレルワーカーメディア【ブログTRANSIT！】

ネット記事を見ているときは、流し読みをすることが多くはないでしょうか？

これはネットの特徴でもありますが、ユーザーは基本的に流し見をすると思って下さい。興味が湧いたもののみ、熟読というフェーズに入ります。

そのため、ユーザーにとって「読んでわかる」よりも「見てわかる」文章を作りましょう！

画像をフル活用して、「見てわかる」文章を作ろう

読み手は早く、楽して、情報を知りたいと思っています。文字だらけのページを最後まで読む人は少ないのです。そこで「画像」で説明します。

例えば、先ほど挙げたロジカルライティングとエモーショナルライティングの違いを文字と図で比較して見ましょう。

文字だけの例

「ロジカルライティング」は読み手に理解してもらう際に使われる論理的でわかりやすい文章の書き方のことで、これに対して「エモーショナルライティング」とは、読み手の感情に訴えかけて行動を促す書き方のことです。

図で説明した例

文章だと読んで頭の中でイメージしてようやく理解できるのに対して、図の場合は最初からイメージとして表現されているので見てすぐ理解できますね！

画像を見ると右脳でイメージを描くことができ、文章で説明すると左脳で理解できるので記憶にも定着しやすいというメリットがあります。

素材サイトを活用しよう

自分で撮った写真や自分で書いたイラストは自由に使えますが、ネット上の画像には著作権がありますので勝手に使わないようにしましょう。

下記にいくつか著作権フリーの画像サイトをご紹介します。

わかりやすい図や画像には視線が集まる

下記はヒートマップというアクセス解析ツールの画像の一部です。
図の部分が赤くなっていて、読み手が集中して見ていることがわかります。

図に視線が集中していますね！！

わかりやすい図や写真に人は注目します。画像は直感的にたくさんの情報を伝えることができます。

説明は画像だけではなく文字も利用しよう

人間は画像による説明を理解しやすいのですが、検索エンジンは少し苦手な傾向があります。

たとえば、先ほどのヒートマップの図は、人間にはわかりやすいですが、検索エンジンにはなんのことか理解しにくいでしょう。

そこで画像に加えて、「読み手は画像のある箇所に目線が集中する傾向があります」という文字情報も加えます。画像だけ説明しつつ、直後に文字でも同様の内容を説明することが重要です。検索エンジンでは「文字情報」がとても大事なのです。

画像による説明は読み手の理解を大きく促進します。画像は写真や図を好きなところに挿入できるのがWebの強みです。

画像をフル活用してわかりやすいページを作りましょう。

見出しをフル活用して「見てわかる」文章を作ろう

見出しは本や雑誌の各章のタイトルに相当します。見出しをつけて見やすく読みやすく構成しましょう。

以下は見出しのない文章例です。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

一から順番に読んでいかないと、内容が把握できず分かりにくいと思います。

以下は、上記文章に見出しをつけた例です。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

見出しを読むだけで何が書いてあるか把握できるため読みやすいです。

見出しのない文章は分かりにくいので読んでもらえません。読んで考えて理解できる見せ方ではなく、眺めて分かるように意識して構成しましょう。

また、見出しを使うことで、訪問者と検索エンジンにコンテンツ構成を正しく伝えることができます。見出しをつけて見やすく読みやすく構成しましょう。

箇条書きを使って、文章を「見てわかる」レイアウトに工夫しよう

箇条書きを利用することで「読んでわかる文章」から見てわかる文章になります。何かの項目を列挙する際には、箇条書きを使いましょう。

下記の例を見てみましょう。

（例）当Webスクールでは、ライトコース、スタンダードコース、プロフェッショナルコースの3つのコースをご提供しています。

↑上記は、文章で3つのコースを列挙していますが、文章を読まないと「3つ」という情報が頭の中に入りません。

この文章を箇条書きにすると下記のようになります。

（例）当Webスクールでは、下記の3つのコースをご提供しています。

ライトコース
スタンダードコース
プロフェッショナルコース

「3つのコース」がパッと見てわかるようになったのではないでしょうか。

図や箇条書きがなぜ頭に入りやすいか？

長い文章を読んでも頭に入ってこない人は多いのではないでしょうか。通常、文章は左脳で理解されます。

一方、図や表などビジュアルで表現することで右脳に働きかけ、理解度を上げることができます。箇条書きも図も、情報を視覚的にわかりやすく配置したりや記号を使うため、右脳で理解することができるのです。

箇条書きは右脳の働きにより視覚的に頭に入る。

順序関係のある箇条書きは番号付きのリストにしよう

順序関係のある箇条書きは番号付きのリストにすることで、読み手が各項目に順序関係があることを理解できます。

当Webスクールには、下記の手順でご入会いただけます。

お問い合わせフォームからお問い合わせください。
メールで日程調整後、当スクールの事前説明をいたします。
ご入会をご希望の場合は申し込み用紙に記入後ご入金ください。
スクールにてレッスンスタートです。あなたの状況に合わせて丁寧に指導致します。

項目が多い場合はグルーピング化する

箇条書きの項目が多いと読み手は理解しにくくなります。項目が多い場合はグルーピング化することで読みやすくなります。

下記の例を見てみましょう。

（例）このWebスクールで学習できる項目は以下の通りです。

HTML
CSS
Javascript
PHP
WordPressの使い方
WordPressのテーマカスタマイズ
サーバー・ドメイン
アクセス解析
SEO対策
Webライティング

↑箇条書きの項目が10個もあり、上と下の方しか頭に入らないのではないでしょうか。

このように箇条書きの項目が多い場合は、グルーピングして、項目を整理してあげます。

（改善例）このWebスクールで学習できる項目は以下の通りです。

■Webプログラミング

HTML
CSS
Javascript
PHP

■WordPress

WordPressの使い方
WordPressのテーマカスタマイズ

■Webマーケティング

アクセス解析
SEO対策
Webライティング

「Webプログラミング」「WordPress」「Webマーケティング」という3つの項目が目に入りますね。

このようにグルーピングすることで、概要を視覚的に理解することができ、細部も目が行きやすくなります。箇条書きの項目が多い場合は各項目を整理してあげましょう。

人が一度に記憶できる短期記憶の限界（マジカルナンバー）を参考に

ジョージ・ミラー（アメリカの認知心理学者）が発表した理論に、マジカルナンバー7というものがあります。人間が短期記憶として覚えていられる数は「7+-2」、つまり記憶できるのは5～9個というものです。

つまり、一般的に、人は少なくとも5個までは同時に覚える能力があるということです(人によっては9個まで覚えられる人もいる)。したがって、箇条書きの各項目はできれば5個くらいまでにしておくと、どんな読み手でも覚えやすいということです。

短期記憶とは: 短期記憶とは、脳が一時的に記憶する(すぐ忘れる)記憶のことです。Webサイトの文章読む場合には、短期記憶が使われます。
長期記憶とは: 長期記憶は、短期記憶より長く保存される記憶のことです。短期記憶で、色々なことを処理する場合、長期記憶が使われます。繰り返し復習することです。また、印象的な出来事が起こったとき、記憶が長期記憶として保管されることもあります。

Web媒体は流し読みされます。←重要！

流し読みでも伝わるように、「読んでわかる」よりも「見てわかる」文章を作りましょう。