人を惹きつけるのは「動き」と「音」｜本能的注意

今回のテーマは「本能的注意」です。私たちの脳には、動くものや音に思わず反応してしまう、生まれつきの仕組みが備わっています。この本能を知ると、なぜ動くバナーがつい気になるのか、その理由が見えてきます。

静かな部屋で作業をしているとき、視界の端で何かがふっと動くと、つい目をやってしまう。背後で物音がすれば、考えごとの途中でも振り返ってしまう。意志とは関係なく、注意が勝手に引っ張られる感覚——誰しも覚えがあるはずです。これは集中力が足りないからではありません。動きと音に即座に反応することは、危険を察知して生き延びるために、はるか昔から脳に組み込まれてきた働きなのです。UXデザインの出発点を「人間に備わった本能」に置くと、Webの設計で何に気をつけるべきかが見えてきます。

なぜ「動き」と「音」に逆らえないのか

人の祖先にとって、草むらの揺れや突然の物音は「危険が近づいているかもしれない」というサインでした。だから脳は、動きと音をほかの情報より優先して処理するよう進化してきました。これは意識的な判断ではなく、反射に近い反応です。画面の隅でアニメーションが動けば、読んでいた文章から視線が外れる。通知音が鳴れば、手が止まる。本能的注意とは、私たちが「見ようと決める前」に発動してしまう、いわば脳の自動運転のようなものなのです。

強い刺激は「諸刃の剣」になる

動きや音は、強力に注意を引きます。だからこそ、使い方を誤ると厄介です。点滅するバナー、勝手に再生される動画、次々とポップアップする通知——たしかに目は引けますが、ユーザーが本当に読みたかった情報から注意を奪い、「うるさいサイト」という印象だけを残してしまいます。本能的な反応は、ユーザーが望んで起こしているものではありません。だから過剰に刺激すると、引きつけた瞬間に「不快」へと裏返るのです。本能的注意は、ここぞという一点に絞って使うとき、はじめて味方になります。動かすなら、いちばん気づいてほしいものだけ。そう考えると、画面はぐっと静かで上品になります。

「ちょうどよい動き」が、行動をそっと後押しする

とはいえ、動きと音はうまく使えば、ユーザーの体験を温かく支えてくれます。ボタンを押したときにふわりと色が変わる、カートに商品を入れるとアイコンが小さく弾む、送信が完了すると軽やかなアニメーションが流れる——こうした「ちょうどよい動き」は、ユーザーに「ちゃんと反応しているよ」という安心感を届けます。これは、行動のあとに手応えを返すことで次の行動が生まれる、という心理とも深くつながっています。変動報酬の心理学でも触れたように、小さな反応の積み重ねが、サイトへの愛着を静かに育てていきます。注意を奪うための動きではなく、寄り添うための動き。その違いが、印象を大きく変えます。

中小企業サイトで本能とうまく付き合うコツ

本能的注意は、味方にもなれば敵にもなります。付き合い方のコツは、「動きと音の予算」を決めておくことです。1ページのなかで強い動きを使うのは一か所まで、と決めるだけで、画面は驚くほど落ち着きます。音は基本的にオフにしておき、どうしても必要な場面だけそっと添える。動かすときは、操作への反応や、本当に見てほしい一点に限る。「見えているのに気づかれない」という別の落とし穴については「選択的注意とは？見えているのに見落とす脳の仕組みとUX設計」もあわせてご覧ください。本能を刺激しすぎず、必要なときだけそっと借りる。それが、ユーザーにやさしいサイトの姿勢です。

記事監修

中谷 浩和

株式会社サンアンドムーン｜代表取締役

1976年創業のデザイン事務所を前身に、Webコンサルティング・UI/UXデザインを専門とする。
国際標準のUX設計プロセスを学ぶ Google UX Design Professional Certificate を取得し、 上級ウェブ解析士 としてデータ主導のサイト改善にも精通。デザイン思考を軸に、ユーザー認知・行動・文脈からWebサイトの課題を捉え直し、成果につながる設計へ落とし込むことを使命としている。システム設計、フロントエンド技術、SEO・パフォーマンス改善まで技術知識を横断し、サイト全体を見通したディレクションを得意とする。自動車メーカー、銀行・クレジットカード、保険などの大手から中小企業まで、数値で検証しながら改善を積み重ねる実践的なコンサルティングを提供している。