Webサイトを見ているとき、「どうして静かに待っていてくれないんだろう」と感じることがあります。
スクロールすると文字が現れ、画像が動き、画面の一部がいつまでもついてくる。ひとつひとつは珍しい演出ではありません。
けれど、情報を読みたいだけなのに、サイトの動きに付き合わされているような気持ちになることがあります。
検索すると「Webサイト アニメーション うざい」という言葉も見つかります。しかし、本当に不快なのはアニメーションそのものなのでしょうか。
今回は、スクロール演出と閲覧者の主導権について考えてみます。
スクロールするたびに、サイトが動き出す
スクロールに合わせて文字や画像が現れる演出は、多くのWebサイトで使われています。
画面に変化をつけたり、注目してほしい情報を目立たせたりするための表現です。
見たいのに、表示されるまで待たされる
たとえば、次の文章を読もうとスクロールしたとします。
ところが、そこにはまだ何も表示されていません。少し待つと、文字が下からふわっと現れます。
ほんの短い時間でも、読みたい気持ちが先に進んでいると、その演出が邪魔に感じられます。
私は文章を読みたいのであって、文章が登場する瞬間を見たいわけではありません。
もちろん、表示アニメーションが効果的な場面もあります。重要なのは、演出が情報の理解を助けているかどうかです。
案内されたいわけではなく、自分で見つけたい
スクロールするたびに要素が動くと、サイトから「次はこちらです」と案内されているように感じることがあります。
丁寧な演出のつもりでも、閲覧者が自分で情報を探したい場合には、過剰な誘導になりかねません。
Webサイトには、何もせず、情報を見える状態で置いておくという選択肢もあります。
スクロールしても、画像が離れてくれない
一方で、動くこととは反対の不満もあります。
スクロールして次の情報へ進んだのに、同じ画像が画面に残り続ける場合です。
追従する画像は、本当に親切なのか
CSSの position: sticky などを使うと、スクロールしても特定の要素を画面内に留められます。
たとえば、商品画像を表示したまま説明文を読める設計なら、画像と文章を比較しやすくなるでしょう。
ただし、常に便利とは限りません。
次の情報へ進みたいのに、前の画像がずっと視界に残っていると、私は「もう離れてほしい」と感じます。
スクロールしているのに、視界が思うように更新されない。
これは表示アニメーションとは違う種類のストレスです。
動く演出と、動かない演出の共通点
一見すると反対の現象ですが、共通点があります。
| 演出 | 閲覧者が感じる不満 |
|---|---|
| スクロールで文字が現れる | 読みたいタイミングで読めない |
| 画像が画面に追従する | 次へ進んでも視界から離れない |
| スクロールに連動して画面が変化する | 自分の操作より演出が優先される |
どれも問題は、単純に「動くか、動かないか」ではありません。
自分のスクロール操作に対して、期待した結果が返ってこないことが不快感につながるのではないでしょうか。
Webサイトの主導権は、誰が持つべきなのか
Webデザインには、情報を見せる順番や視線の流れを設計する役割があります。
だからこそ、閲覧者を誘導すること自体が悪いわけではありません。
ただ、誘導と干渉の境界は考える必要があります。
演出が閲覧者のペースを追い越すとき
作り手は、じっくり見てほしい場面や、印象に残したい画像を用意します。
しかし、閲覧者が同じ速度で見たいとは限りません。
ざっと情報を確認したい人もいれば、気になった場所だけを詳しく読みたい人もいます。
その違いを無視して演出のタイミングを優先すると、見せたいという作り手の意図が、閲覧者の自由を狭めてしまうことがあります。
静かなデザインにも役割がある
動きが少ないWebサイトは、必ずしも退屈ではありません。
必要な情報が最初から表示されていて、スクロールすれば自然に次の内容へ進める。
それだけで、閲覧者は自分の速度で読み、立ち止まり、戻ることができます。
目立つ演出を追加する前に、何もしない状態がすでに快適なのかを考えてみたいところです。
【まとめ】閲覧者のペースを邪魔しないデザイン
Webサイトのアニメーションがうざいと感じる理由は、動きの多さだけでは説明できません。
文字が現れるまで待たされることも、画像がいつまでもついてくることも、閲覧者の思いどおりに情報を見られない点では共通しています。
もちろん、演出によって情報が理解しやすくなる場合もあります。
だからこそ、必要なのはアニメーションをなくすことではなく、その演出が閲覧者の行動を助けているのか、邪魔しているのかを考えることだと思います。
Webサイトは、いつも何かをしていなくてもいい。
ただ静かに待っていてくれることも、ひとつの親切なのではないでしょうか。