はじめてWEBエキスパート(専門家)コラム あなたのホームページを「読んで」もらおう!(全6回)

伝えたい情報を読んでもらいやすくするための「リスト」「表現の統一」「色の使い方」

文字を読んでもらいやすくするポイントについてお伝えします

前回「第3回:文字もレイアウトしよう!」は、文章のまとまりをどう整理したら良いか、カラムの活用等についてお伝えしました。
今回も、文字を読んでもらいやすくするポイントについてお伝えします。

リストを活用しましょう

伝えたいことがたくさんある時、長い文章にするよりも箇条書きにした方が伝わりやすいことがあります。例として食品などの注意書きが挙げられます。

例)

独自の手法で焼き上げた青森県産りんごと、とびきり美味しいカスタードクリームをパイで焼き上げました。
パイは直径15センチの丸型で4個入り。賞味期限は製造年月日から30日となっております。
ラッピングやのしをつけてお届けすることも可能です。
保存の際は10℃以下で保存してください。クール便でのお届けとなります。なるべく早めにお召し上がりください。
尚、配達日の指定はできませんので、予めご了承ください。
手提げ袋が必要な方は、お申込みの際にご指定ください。

これを箇条書きにすると・・・↓

独自の手法で焼き上げた青森県産りんごと、とびきり美味しいカスタードクリームをパイで焼き上げました。

  • 直径15センチの丸型
  • 4個入り
  • 賞味期限・・・製造年月日から30日
  • ラッピング・のし対応可能
  • 保存方法・・・10℃以下で保存
  • クール便でのお届けとなります
  • なるべく早めにお召し上がりください。
  • 配達日の指定はできませんので、予めご了承ください。
  • 手提げ袋が必要な方は、お申込みの際にご指定ください。

読みやすくなりましたね!
ここでもうひと工夫!
「リスト」の活用です。

みんビズやJimdoでの例

テキストエディタのメニューの中に、箇条書きを表すアイコンがあります。

リストにしたい文章を選択し、このアイコンをクリックするだけで、リスト化できます。

行が増えても、リストアイコンの後ろで改行してくれるので、読みやすくなります。

表現は統一しましょう

パソコンを使っていると、文字入力の際にいともたやすく漢字に変換してくれます。
とても便利な機能ですよね。
でもそれに甘えてしまい、同じものの表現を混在させてしまうことがあります。

例)

青森県産林檎をふんだんに使ったアイスクリーム。
りんごのうまみをぎゅっと詰め込みました。
青森リンゴの中でも酸味が強い品種をつかっているので、ほどよい酸味がくせになります。

同じ「りんご」なのですが、3種類に見えませんか?
また、文中の「使った」も2種類あるため、違和感を感じた方もいるのではないでしょうか?
表現を統一してみました。

違和感がなくなり、スラスラ読むことができます。
ここでもうひと工夫!
このアイスクリームの売りは青森県産りんご。
ここを強調してみましょう。

「 」(かぎ括弧)をつけるだけでも、訴求力が上がります。

そして、「第1回:すぐに活用できる2つのポイント」でお伝えした、「優しいイメージ」を意識するとこうなります。

カタカナの方が伝わりやすい言葉もたくさんあります。

漢字とひらがなの使い分け方については下記をぜひ参考にしてみてください。
Web文章入門(全6回)特別編:漢字とひらがなの使い分け方

背景色や線の色にも気をつけましょう

強調したい文章の背景に色をつけたり、線で囲んだりすることがあると思います。
このときも読みやすさに配慮が必要です。

例えば、
特価=赤
目立たせたい=赤
りんご=赤
ということで、背景を赤にするとこうなります。

文字を読んでいるうちに目がチカチカしてきますよね。
これは、赤を使いすぎているためです。
モノクロにしてみると可読性の確認がしやすいので、見てみましょう。

濃い色に白文字は、長い文章には向きません。
目立たせたいところは赤地でも良いですが、面積は少なめの方が逆に目立つことがわかると思います。

こちらもぜひ参考にしてください。
0からスタート ホームページ配色入門(全6回)第2回:色を詳しく説明できるようになろう

文字を羅列するのではなく、ホームページで欲しい情報がある人たちが少しでも読みやすいよう、「コントラストを考える」「揃える」「リストを使う」「色の濃淡を意識する」ことを意識して、レイアウトしてみましょう。

次回は、レイアウトの工夫などについてお伝えします。

このコーナーのコンテンツは、KDDI提供の情報サイト「はじめてWEB」掲載の「エキスパート(専門家)コラム」の情報を、許諾を得てWeb担の読者向けにお届けしているものです。

「はじめてWEB」掲載のオリジナル版はこちら:
あなたのホームページを「読んで」もらおう!(全6回)「第4回:文字もレイアウトしよう!(2)」(2014/07/07)

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める
日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

Web業界の転職情報

もっと見る
Sponsored by

今日の用語

EMD
EMDは「Exact Match Domains」の略で、「完全一致ドメイン名」 ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]