ウェブサイトのホームページで「画像回転」を使用すると、なぜコンバージョン率が高くならないのでしょうか？

編集者注: マーケティングは常に謎に包まれています。できるだけ多くの製品情報を顧客に見せるために複数の画像を交互に使用する方がよいのでしょうか、それとも静止画像を使用して 1 つのメッセージのみを伝える方が効果的なのでしょうか。どちらがより高いビジネスコンバージョン率をもたらすでしょうか?この記事の著者は、盲目的に群衆に従ってウェブサイトのホームページで「画像の回転」を使用するのではなく、決定を下す前に調査データを見て専門家の意見を聞く方が良いと皆に伝えています。結局のところ、他の誰かに従うよりもお金に従う方が現実的です。

数十、いや数百の画像カルーセルを見たことがあると思います。画像は自動的に切り替わったりスクロールしたりします (このモードは「カルーセル」とも呼ばれます)。気に入るかも知れませんよ。しかし、実際には、この画像表示方法は、ビジネスのコンバージョン率の向上にはつながらない可能性があります。

このモデルが役に立たないのなら、なぜ人々はいまだにそれを使っているのでしょうか?理由は2つあります。

この写真の表示方法はクールだと思う人もいます。しかし、カッコいいこととお金を稼ぐことは別物です。さまざまな部門やさまざまなマネージャーが、会社のホームページにできるだけ多くの情報を表示したいと考えています。

テストの結果何がわかりましたか?

このように考えているのは私だけではありません。多くのコンバージョン率最適化の専門家による実験で、同じ事実が示されています。

Wider Funnel の Chris Goward 氏は次のようにコメントしています。「カルーセル画像を何度かテストしましたが、ホームページのコンテンツを紹介する方法としては不適切であることがわかりました。」

「画像カルーセルは役に立たないので、ホームページからすぐに削除する必要があります」と、Site Tuner の Tim Ash 氏は述べています。

Jakob Nielsen (そう、あのユーザビリティテストの第一人者) がテストでこれを確認しました。彼はユーザビリティ調査を実施し、ユーザーに次のタスクを完了するよう依頼しました。自動的に回転するスライドショーで「シーメンスは洗濯機の特別オファーを行っていますか?」と尋ねる。この情報は最も目立つスライドに配置されていましたが、「広告盲目」効果によりユーザーはそれを無視しました。ニールセンはスライドが完全に無視されたと結論付けた。

ノートルダム大学も画像の回転の効果をテストしました。

すべての画像のうち、消費者の注目を集めたのは最初のスライドのみ（わずか 1%！）で、他のスライドはほとんどクリックされませんでした。そして、消費者の注目度のわずか 1% しか得られなかったスライドが、ページの半分を占めていました。

製品デザインの第一人者、ルーク・ウォロブウェスキ氏は次のように要約しています。

「@erunyon、基本的に、データによれば、画像の回転は絶対に使用しないでください。」

— ルーク・ウォロブレフスキー (@lukew) 2013年1月22日

StackExchange UX では、画像を自動的に回転させることについて議論されています。

さまざまなテストを実行した人々のコメントは次のとおりです。

アダム・フェローズ氏はこう語る。

私が実施したほぼすべてのテストで、画像カルーセルで表示されるコンテンツはユーザーによって無視されることが多いことが示されました。これらのカルーセルに反応した人はほとんどおらず、多くの消費者はカルーセルが広告のように見えると感じたため、「広告盲目」効果が見られました。

レイアウトスペースを節約し、コンテンツの質を高めるために、競合する多くの情報も同じ場所に配信されるため、ユーザーの注意が散漫になり、集中できなくなります。

Lee Duddell からの別のコメントは次のとおりです。

画像カルーセルを使用すると、マーケティング部門や上級管理職に、ホームページで新しいアイデアが紹介されていることを効果的に伝えることができます。

しかし、それらはユーザーにとって役に立たず、広告と非常によく似ているため、ユーザーはそれらを「スキップ」することがよくあります。したがって、画像カルーセルはホームページに役に立たない情報を表示するのに非常に良い方法です (その機能についてはこの段落の最初の文を参照してください)。

つまり、ユーザーがホームページ上で確実に無視するコンテンツを掲載するために使用できます。または、お好みであれば、情報を表示するために画像カルーセルを使用することをやめてください。

ちなみに、これらの意見は私自身のものではなく、何千人ものユーザーからのテストデータに基づいた結論です。

最後に Craig Kistler からのコメントです。

私が行ったすべてのテストでは、ホームページ上の画像カルーセルはまったく機能しませんでした。一方で、最初に表示される画像以外のコンテンツに対して訪問者がインタラクションを行う可能性は大幅に減少します。さらに、カルーセルに表示される情報が訪問者が探しているものと一致する可能性は低いです。したがって、この場合、画像カルーセルは無視されるバナーになります。数回のテストを経て、大きなカルーセルのあるページにアクセスした訪問者が最初に行うことは、ページを下にスクロールし、カルーセルをスキップして、次のアクションを実行するためのボタンを探し始めることでした。

画像カルーセルが機能しない主な理由は 2 つあります。

理由その1: 人間の目は動きに反応します（重要なものを見逃す可能性があります）

私たちの脳は 3 つの層から成り、その最も古い部分は爬虫類にも見られます。この部分は主に人間の生存に関係しています。爬虫類にとって、地平線上の突然の変化は生死に関わる問題となり得る。したがって、人間の目は、動画やカルーセルなど、あらゆる種類の動きに反応します。

それは素晴らしいですね。

カルーセルがサイト上の唯一のものである場合を除き (それはあまり良いことではありません!)、より多くのコンテンツを表示できないのは良いこととは思えません。これは、カルーセル画像が消費者の注意を他のものから奪ってしまうことを意味します。実際、ホームページにはカルーセル画像以外にも、価格、ウェブサイトのコンテンツ、製品情報など、重要なものがたくさんあります。

理由2: メッセージが多すぎるとメッセージがない

ウェブを閲覧する人々は、広告盲目のためカルーセル画像を気にしませんが、カルーセルに気付いた人でもそこから有用な情報を見つけることができません。

訪問者があなたのウェブサイトにアクセスします。カルーセル上のメッセージを確認して読み始めます。「この秋、あなたは…」パチッ！言葉は消えた。多くの場合、画像が非常に速く再生されるため、読み終わる前にページをめくってしまいます (その時点で読み続けたい場合でも)。

1 つの主要なメッセージを伝えることに焦点を当て、その後行動を起こす方がはるかに効果的なアプローチです。

理由3: 広告に対する盲目

これらの情報画像カルーセルは広告のように見えるため、ユーザーは閲覧時にスキップする傾向があります。

ユーザーはコントロールする必要がある

カルーセルは非常に使いにくく、切り替えが速すぎたり、ナビゲーションアイコンが小さすぎたり (そもそもアイコンがあったとしても)、ユーザーが表示されているコンテンツを手動でナビゲートしたい場合でも自動的に移動してしまうことがよくあります。ユーザーインターフェイス設計の重要な原則の 1 つは、ユーザーが制御できるようにすることです。

現在でも画像の回転を使用している e コマースサイトは数多くありますが、これはテスト結果に基づいて効果があると考えているからではなく、「他のサイトが採用しているのだから、私たちも採用すべきだ」という群集心理によるものだと思います。

Forever21 の画像カルーセルは、私たちが予想した通りひどいです。4 秒ごとに 3 つのお買い得品が切り替わります。

人々が最初に目にするオファーが気に入らない場合（または興味との関連性が低い場合）はどうなりますか? 3つのうちどれも気に入らなかったらどうしますか?こうした画像の回転は、会社の顧客の長期的な価値を高めることにはまったく役立ちません。

しかし、画像カルーセルの良いところは、画像カルーセルの矢印をクリックすると、画像の自動回転が停止することです。それだけでなく、後でサイトに戻ったときに、見たかったスライドショーが表示されます。

これを実行する代わりに、単一の静的な引用を提示することをお勧めします。

以下は、JJ バークレーが静的な引用を述べている部分です。ただ 1 つのメッセージを伝えることに重点を置いています。

Adobe、Gap、Hilton など、以前は画像カルーセルを使用していた一部の企業は、現在では静的メッセージに切り替えています。

アドビ：

ギャップ：

ヒルトンには画像をスライドできるスライダーボタンがありますが、自動的にスライドしないことに注意してください。移動したい場合は、ボタンをクリックして移動できます。

結論は

可能であれば、回転する画像の使用は避けてください。ファッションのトレンドを追わないでください。トレンドは必ず時代遅れになります。お金だけを追い求める方が現実的です。