web-dev-qa-db-ja.com

カルーセルは効果的ですか?

ほぼすべてのeコマースサイトにアクセスすると、ホームページにカルーセル(通常、ある種の小さなナビゲーションを備えた自動回転パネルがあり、通常、新製品のリリース、セール、またはオファーを強調表示)が表示されることがほぼ保証されています。

カルーセルの有効性の変換の観点から、他の方法と比較した調査はありますか?同様の情報を表示しますか?私は、それらがUIの決まり文句の一部である可能性があるという仮説を立てています。

298
Alex G

私が管理したほとんどすべてのテストで、カルーセル経由で配信されるコンテンツがほとんどのユーザーに見落とされていることが証明されています。彼らと交流する人はほとんどおらず、広告のように見えると多くのコメントが寄せられています。私たちは、バナー失明の概念が完全に機能しているのを見てきました。

スペースの節約とコンテンツのプロモーションに関しては、多くの競合するメッセージが1つの位置で配信されるため、フォーカスが失われる可能性があります。

確かに、ワイヤーフレーミングアプリに含まれ、JavaScriptフレームワークの一部であることから生まれたユーザーインターフェイスの決まり文句であることは間違いありません。

179
Adam Fellowes

カルーセルは、マーケティング/上級管理職の人々に、彼らの最新のアイデアが現在ホームページにあることを伝えるのに効果的です。

それらはユーザーにとってはほとんど役に立たず、広告のように見えるため「スキップ」されることがよくあります。したがって、それらはホームページでこのページの役に立たない情報を取得するための優れた手法です(この投稿の最初の文を参照)。

要約すると、それらを使用して、ユーザーが無視するコンテンツをホームページに配置します。または、必要に応じて使用しないでください。ずっと。

ちなみに、これらのビューは私自身のものではありませんが、ユーザーによる何千ものテストの観察に基づいています。

163
Lee Duddell

ユーザーとして、カルーセルはかすかに迷惑だと思います。

  1. ほとんどの場合、ユーザビリティに問題があり、この記事で説明するカテゴリに分類されます。

    デザイナーがカルーセルで行う5つの大きなユーザビリティの間違い

  2. カルーセル上の特定のアイテムをブックマークする機能はありません。たとえば、使用するBBCニュースの写真カルーセルを見てみましょう。 http://www.bbc.co.uk/news/world-africa-14619799 = 6番目のアイテムをブックマークしてリンクを送信する方法はありません。

  3. アイテムを右クリックして「新しいタブ/ページで開く」ことができないカルーセル-フラッシュカルーセル

  4. マウスを動かしただけの理由でコンテンツを回転するなど、予測できない非直感的なナビゲーションを備えたカルーセル。

57
Kev

私が行ったすべてのテストで、ホームページカルーセルはまったく効果がありません。

まず、最初のビューを超えると、ビジターのインタラクションが大幅に減少します。 2つ目は、カルーセルに表示されている情報が、訪問者が探している情報と一致する可能性が低いことです。したがって、その場合、カルーセルは非常に大きなバナーになり、無視されます。テスト後のテストでは、大きなカルーセルのあるページにアクセスしたときにビジターが最初に行うことは、ページを右にスクロールして、タスクを進めるトリガーを探し始めることです。

私が見つけた唯一の例外は、休暇中のテストでカルーセルがその休暇について具体的に話したときに、訪問者がカルーセルでクリックした回数が増加したことです。

56
Craig Kistler

カルーセルの使用や推奨はしません。画像の変更は、ユーザーがページ上のテキストを読むときにユーザーの注意をそらす可能性があります。

http://digitaleskimo.tumblr.com/post/752912498/image-carousel-appropriateness で興味深い情報が見つかるかもしれません

https://blinkux.com/ideas/usability-highlights-2008-beyond は、使用法に異議を唱えたり、原因を問わないものではありませんが、「カルーセルでの混乱を招かないようにする」セクションでいくつかのヒントを提供しています。

45
Emil

カルーセルに関するいくつかの調査ノートルダム大学 Webサイトでの使用法:興味深い発見がいくつかあります。

訪問者の約1%が機能をクリックします。この期間のフィーチャーの合計クリック数は28,928でした。この機能は手動で「切り替え/回転」され、合計315,665回行われました。これらのクリックのうち、84%が1位の記事に掲載され、残りは他の4つの間でほぼ均等に分割されています(それぞれ約4%)...(「機能」とは、手動または自動の個々の行動を促すフレーズを指します視界内外で回転します。)

この記事では、静的カルーセル(スクロールに手動での使用が必要なカルーセル)と自動転送カルーセルの違いについても説明しています。驚くべきことに、自動転送の利用率が最も高くなっています(カルーセルをクリックした訪問者の8.8%-これらのクリックの40%が最初のスライドのアイテムに対するものでした)。ただし、記事も Nielsenグループの記事を参照 自動転送カルーセルは優れたユーザーエクスペリエンスではないと述べています)

静的カルーセルの場合、平均クリック率は1.7〜2.3%で、カルーセルの最初の項目の方がかなり高い選択(48〜62%)を受け取りました。

このコンテンツの主な記事のソースは weedygarden.net からです

41
JonW

過去にクライアントのためにこれらを構築し、主な原動力はSEOです。 (テキスト/リンクがオーバーレイされたカルーセル画像)。これらは、検索エンジンやキーワードの詰め込みを「ゲーム」しているように見えなくても、メインホームページに多くのコンテンツを詰め込む方法です。

私たちはできる限り効率的で使いやすいように努めていますが、「モダン」に見え、ユーザーに無駄な情報をぶつけることなくホームページのコピーの量を増やすことができるため、マーケティング担当者から要求されています。

また、ビジネスのさまざまな領域でサイトが「X」の製品/サービスを過度に強調したくないので、マスター「ヒーロー」イメージを回転イメージとして提供することで、ビジネスのさまざまなエリアで独自のホームページのトップを誇る主力商品を一斉に。

だから、はい、私の経験では、これらは主にマーケティングツールであり、特にユーザーを念頭に置いて構築されたものではありません。

25
JonW

カルーセルは、ユーザーに制御権を与える限り、効果的であると思います。つまり、先にスキップしてフローを導き、カルーセルのどこにいるかを把握し、自動再生機能をオフにすることができます。

このアイデアの詳細は次のとおりです。

http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/

16
Mitch Malone

記事はこちらノートルダムNielsen/Norman での最近のいくつかの研究を引用しています。それは議論に関連しているかもしれません。

要約する:

  1. 矢印が邪魔をしている!
  2. 商品の紹介にウェブカルーセルを使用しないでください
  3. Webカルーセルを使用して、サイトやサービスのブランドを設定する
  4. WebカルーセルはデスクトップWebサイトには理想的ではありません
  5. ウェブカルーセルはモバイルで非常に重要なタップを取得します!
  6. モバイルカルーセルを4つのパネルに制限する
  7. 各パネルを1つの製品または画像に制限する

(注:私は物事が嫌いですが、この記事はそれらと和らいだようで、それらを使用する必要がある場合は、それらを最良の方法で使用する方法について話します。)

6
Ken Mohnkern

私が作成したサイトの分析データを見てきた私自​​身の経験から、ほとんどのユーザーはカルーセルを操作せず、カルーセルからのコンバージョンははるかに少ないと言えます。

最近、カルーセルを使用していた多くのサイトにカルーセルがなくなり、代わりに「パネル」が1つだけ表示されていることに気付きました( HTMLの場合、以前のカルーセルの一部が残っている場合があります)。 Microsoftはおそらく最も注目すべき例です( http://www.Microsoft.com/ )別の例はBYUのサイトです( http://home.byu.edu/home/ )。 Googleアナリティクスのサイト( http://www.google.com/analytics/ )以前は持っていたと思いますが、もう持っていません。

それはあなたの質問に直接答えるものではありませんが(他の人はすでにそれをうまくやっています)、Microsoftのような大規模な組織(変換データをよく見て、分析していると確信している)がカルーセルを廃止することに決めたのは興味深いと思います、おそらくロード時間の短縮を支持します。

興味深い副注:NNGのWebサイト( http://www.nngroup.com/ )は、カルーセル/ヒーロー画像を完全に削除したいサイトに適した代替手段を提供すると思います。会社の説明と画像のある3つのブロックの間のカルーセルを除いて、まったく同じレイアウトのサイトをたくさん見ました。 NNGのサイトでは、これら2つのページ要素の間にカルーセルがあることを忘れないでください。実際にはそれなしで良いです。

5
ccnokes

ほとんどのカルーセルには、ページネーションの矢印とドットがあります。ユーザーはこれに惹かれません。それらはテキストラベルに描画されます。

ユーザーがホームページカルーセルをクリックしない理由

要約する:

ラベルは有益で意味があり、ユーザーが望むものを説明します。各スライドにラベルを付けると、何が得られるかがラベルに示されているため、クリックするように促されます。ユーザーは、彼らにとって有益であるように見える何かをクリックする可能性が高くなります。

3
mutant

多くのeコマースWebサイトを設計したので、カルーセルは効果的だと思います。具体的には、ユーザーがより多くのメインプロモーションを表示できるようにします。これらは、ユーザーが対話し、プロモーションを実際に読んだり、影響を与えたりする可能性を高めるのが楽しいものです。

無料の Professor Cloud javascript carousel を、機能のローテーションでもうまく使用しました。すべてがこの機能を必要としないので、控えめに使用しないと、ページの残りのコンテンツが影響を受けることを覚えておいてください。

3
Tony Jessup

私はまた、一方ではホームページの読み込み速度を最適化することを望んでいたマーケティングチームと格闘していました。もう1つは、「素晴らしい体験を紹介する」巨大な画像を含むカルーセルを配置することです。そして、この特定のケースでは、それは全く効果がないことが判明しました。

ここにいくつかの興味深い発見があります: http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/

つまり、ほとんどの変換エキスパートはバナーやカルーセルのローテーションに反対しています。変換に注意する必要がある場合は、「ショーケースエクスペリエンス」の他のオプションを検討することをお勧めします:)

0
Maxbee

カルーセルは、扱うWebサイトの種類(実際にはサイズ)に応じて、eコマースで使用すると思います。

たとえば、e-bayのサイズのWebサイトを扱う場合は、取引、新製品、その他の方法では最終消費者に届かない情報を通知するためのカルーセルが必要です。これについての研究もあると思いますが、ユーザーの閲覧設定についてすでに何かを知っている場合(たとえば、Cookieを使用している場合や、ユーザーが既にアカウントを持っている場合)を除いて、ユーザーを何かに誘導するのは常識です。

反対に、製品の範囲が非常に少ないWebサイトを扱う場合、カルーセル(例: http://www.hardgraft.com/ )は必要ありません。これらのツールの1つが間違いなくユーザーの邪魔になることは明らかです。

誰かが初めてtarget.comにアクセスし、カルーセルがないことを想像するのは良い練習になります...彼はどこに行くのでしょうか、ホームページの直帰率などはどうでしょうか。

また、非常に小さなWebサイト( http://cleaneverything.com/ )のホームページにカルーセルの例がありますが、この例ではカルーセルは役に立ちません。

0
Mike