文字が読めないことによる機会損失

まず読みやすくするためには背景色と文字色の明度差が重要です。明度差が小さければ、文字は読みにくくなり、それが原因でサイトから去られてしまうこともあります。

また色は誰もが同じように見えているとは限りません。色弱で特定の色が見にくい人もいれば、病気や加齢によっても色の見え方が変わる人もいます。このような見え方の人は少なくなく、知らないうちに機会損失を生み出していることもあるため、ツールを使ってチェックする習慣を付けましょう。

読みやすさをチェックする無償のツール

客観的に読みやすさをチェックするための無償のツールもたくさん存在しますが、おすすめは富士通が提供しているカラーセレクターです。

このツールでは背景色と文字色を指定すれば、○×で判定してくれます。5つの判定結果がすべて○であれば、まず問題ないと判断してよいでしょう。

読みやすさをチェックしておくべき部分

サイトのどの部分の文字もきちんと読めるのが一番ですが、特にチェックしておきたい部分は以下の部分です。

• サイト名やロゴ
• キャッチコピー
• 文章の見出し
• テキスト本文
• ボタン上の文字

リンクの色の基本は青

GoogleやYahoo!などの多くのサイトで、未訪問ページへのリンク色は青になっています。図の右側の例のように、普段見慣れない色に変更すると、どこをクリックしてよいかわからなくなることがあるため、リンクの色は「青が望ましい」のです。

リンク色が青色以外のテンプレートを選んだ場合でも、リンクの色だけは青に変更した方が、機会損失という点において無難です。もちろんリンク部分の文字もきちんと読めるかのチェックも必要です。

よい配色はテーマカラーと呼ばれる1色を決め、その色を様々に展開されて作られたものがほとんどです。まずは自分のサイトのイメージに合う1色を決めてしまいましょう。

テーマカラー選びで重要なことは、業種やサービスのイメージに合っているかということです。もし、どうしても使いたい色と目指す配色の印象が違う場合には、目指す印象に近い色の方をテーマカラーとしましょう。

右の例のように天然素材をアピールしたいのに、ロゴの色に合わせて強い色にしてしまうと、商品の良さが十分に伝わらなくなってしまうのです。

次回は、テーマカラーから色を増やして、必要な部分に配置する考え方を学んでいきます。