Webサイトを見ていると、一瞬で目を引かれるサイトがあります。
鮮やかな色、大きな文字、イラスト、写真、アニメーション。画面をスクロールするたびに次々と違う表現が現れるサイトも珍しくありません。
一つひとつを見ると、どれも魅力的です。
それなのに先日、そんなサイトを見ながら「もう読むのをやめよう」と思ってページを閉じました。
目には入っている。デザインにも気づいている。それでも、肝心の内容を読む気にならない。
そこで疑問に思いました。
「目を引くこと」と「読みたくなること」は、本当に同じなのでしょうか。
目立つ要素が多いほど伝わるのか

Webサイトでは、ユーザーに情報を見てもらうためにさまざまな表現が使われます。
画像や色もその一つです。文字の大きさを変えれば重要な情報を強調できますし、イラストを使えば難しい内容も親しみやすく見せられます。
全部が主役になると見る場所が分からない
今回見たあるWebサイトでは、画像、色、背景の装飾など、さまざまな要素が使われていました。
情報そのものも豊富で、サービスの特徴やできること、導入方法など多くの内容が掲載されています。
それなのに、私は途中から内容が頭に入ってこなくなりました。
見るものが多すぎたのです。
目立たせたいものが一つなら、そこへ自然に視線が向きます。しかし、画像も目立つ、背景も目立つ、文字も目立つとなれば、どこから見ればいいのか迷います。
情報を伝えるために追加された要素が、結果として情報への集中を邪魔することもあるのではないでしょうか。
「かわいい」と「読みやすい」は別だった

別のWebサイトでは、アニメーションとイラストが印象に残りました。
実際、私はそれを見て「かわいい」と感じています。
それでも、そのサイトも途中で離脱しました。
好きな要素があってもサイトを読み続けるとは限らない
ここが自分でも面白いと感じたところです。
イラストは好き。アニメーションもかわいい。
それならサイト自体も好きになりそうですが、実際にはそうなりませんでした。
文字、色、スクロールによる動きなど、画面の中から受け取る刺激が多すぎて、内容を読むことよりデザインを見ることに意識を使ってしまったからです。
例えば、次のような違いがあります。
| 表現 | 適度な場合 | 多すぎると感じた場合 |
|---|---|---|
| 色 | 情報を区別しやすい | 視線が分散する |
| 画像・イラスト | 内容を理解しやすい | 情報量が多く感じる |
| 大きな文字 | 重要な部分が分かる | すべてが強く見える |
| アニメーション | 視線を誘導する | 内容より動きが気になる |
どれも、それ自体が悪いわけではありません。
むしろ一つずつなら、Webサイトを分かりやすくしたり、魅力的にしたりするための要素です。
問題は、それらが同時に主張し始めたときなのかもしれません。
Webデザインは目を止めた後が重要なのかもしれない

Webサイトにアクセスしてもらった以上、まず目を止めてもらうことは大切です。
しかし、目を止めてもらうことがゴールではありません。
「見た」と「読んだ」には大きな違いがある
派手な色や大きな文字があれば、そこを「見る」ことはできます。
アニメーションが動けば、反射的に目で追うこともあります。
でも、目に入ったことと、内容を読んだことは別です。
今回私が離脱したサイトも、何も印象に残らなかったわけではありません。
むしろデザインについては強く印象に残りました。
それなのに、そこで何が伝えられていたのかとなると、デザインほど強くは残っていません。
これは少し不思議です。
Webデザインには人の目を引く役割があります。しかし、本当に伝えたいものがコンテンツなのであれば、デザインがコンテンツより記憶に残る状態はどう考えればいいのでしょうか。
目を引くための表現と、読み続けてもらうための表現。
この二つは似ているようで、実は別なのかもしれません。
【まとめ】目立たせることより伝わることを考えたい

色、画像、イラスト、文字、アニメーション。
Webサイトには、人の目を引くために使える表現がたくさんあります。
だからといって、それらを増やせば増やすほど魅力的になるとは限らないように感じました。
今回特に印象に残ったのは、「かわいい」と思ったサイトからも、自分が離脱したことです。
部分的なデザインを好きだと感じることと、そのサイトを読みたいと思うことは別でした。
もしかするとWebサイトを見るときに大切なのは、「どれだけ目立っているか」だけではなく、目を止めたあと、自然に内容へ入っていけるかどうかなのかもしれません。
デザインを見るためのサイトなのか、コンテンツを読むためのサイトなのか。
これからもWebサイトを見ながら、**「私はどこで読み始め、どこで読むのをやめたのか」**にも注目していきたいと思います。