ストループ効果 ： 色や情報の「干渉」を意識すると、Webページはわかりやすくなる

「ストループ効果」とは、『2つの異なる情報が干渉しあう』ことを言います。
この現象を発見した人（ストループ）の名前がつけられました。

例えば、「クリスマス」をイメージする色は「赤」と「緑」ですね。
下記の画像を見てみてください。

「犬がかわいいなぁ」と思いつつ、何か違和感を感じませんか？
クリスマスで、サンタの格好なのに「水色」･･･。ヘンな感じですよね。

この「違和感」がストレスに感じられてしまうということになります。
人は、ストレスからは逃げたいという欲求を持っていると言われているため、こういった違和感が続くことで、見ていて「何かストレスを感じる」という印象を与えてしまいます。

サンタクロースはやはり、「赤」ですね。

色だけでなく、情報をレイアウトする際にも注意が必要です。

特に問題ないようにも見えますが、パッと見で「問い合わせ」「電話で」という言葉が目にはいると思います。そこで必要になる情報は「電話番号」です。

電話番号を大きくしてみました。
こちらの方がスッと「電話で問い合わせ」という情報が入りやすいと思います。

さらに、視覚的に「電話だ」とわかるような記号も追加してみます。

より、問い合わせしやすくなりました。
さらに、問い合わせする側になって想像してみると、下記のような疑問が出てきます。

• 営業時間は何時なんだろう
• 定休日はあるのかな
• ファックスやメールで問い合わせしても良いのかな
• 会社名なんだったっけ？
• 担当の人っているのかな？

これらの情報を、関係があるもの同士を並べてレイアウトすることで、より問い合わせしやすく見える、ということになります。

人にはすでに、普段の生活から「これが当たり前」と植えつけられている情報がたくさんあります。
単なる文字の列挙や好きな色を使うのではなく、ホームページを見にきている人が

• どんな情報が欲しいのか
• どんな行動をとってもらいたいのか

などを想像しながら、使う色やレイアウトを工夫してみてください。