web-dev-qa-db-ja.com

カルーセルは自動スクロールする必要がありますか?

私はポートフォリオサイトを再設計していますが、カルーセルを使用して注目の作品を表示するよう提案されました。これにより、必要なだけの作品を柔軟に定義できるようになります。ただし、カルーセルを自動スクロールするかどうかについては、少し議論がありました。

スクロールの長所:

  • 最初の3つの特集作品に含まれていない新しいコンテンツをユーザーに頼る必要はありません
  • カルーセルのNextおよびPreviousボタンに気づくためにユーザーに依存する必要はありません

短所

  • ユーザーが下にスクロールしてカルーセルのスクロールを確認しなかった後にカルーセルに別の作業セットが表示されていると、ユーザーが混乱する可能性があります

  • サイトは反応するので、ユーザーがモバイルデバイスでサイトを表示すると、カルーセルアイテムが1つしか表示されず、アイテムがスクロールするだけの場合は、注目の作品を見逃したり、注目の作品をもう一度見に行ったりすることができません。

カルーセルは次のようになります。

Screen shot of a carousel design

私はこの質問を見ました モバイルサイトの画像カルーセルは自動的に回転しますか? そして、それはいくつかの洞察を与えましたが、サイトのカルーセルが一般的にスクロールするかどうかというより大きな質問には答えませんか否か。

5
Mervin

見逃した自動スクロールの大きな利点が1つあります:訪問者は、主な機能アイテムと見なされているものによってキャプチャされない可能性があります。さまざまなサンプルの選択を移動すると、リーチが広がり、直帰率を少し抑えることができます。

それはサイトごと、ページごとの決定です。ページに取り込むものが多すぎず、カルーセルが主なフォーカスである場合、自動スクロールにより、ユーザーがクリックする手間を省くことができます。コンテンツが、視聴者が長時間勉強したいと思う種類のものではないことを確認してください。非常に視覚的な情報の小さなチャンクを提示し、スライドを手動で停止、ページング、および再起動する機能を提供します。

9
plainclothes

まず、カルーセルの回転のペースを決定する必要があります。私は、画像/コンテンツがより長い持続時間15〜30秒間留まるサイトで増加する傾向を見ました。

JonWはカルーセルの使用の背後にあるいくつかの統計を指摘しました:

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

ポートフォリオサイトの場合、ターゲットオーディエンスによっては、カルーセルを使用しても意味がない場合があります。聴衆はウェブに詳しい人ですか、それともそうですか?

UXの観点から言うと、カルーセルをページの折りたたみと同じように扱うです。そこにメインコンテンツを表示し、人々が他のことにも気づくことを期待します。あなたのデザインによっては、基準にこだわったり、基準を破ったりするメリットがあります。人々はスクロールしてカルーセルを使用します。最終的には、ターゲットオーディエンスにより適したものを確認する必要があります。

1
rk.