web-dev-qa-db-ja.com

無限(ループ)カルーセルvs線形カルーセル

スライダーカルーセル-バナーのようなものではなく、非常に機能的なタブ付きナビゲーションとして機能するもの-の場合、無限にループさせる利点はありますか?

それが明確でない場合、カルーセルには2つの動作(私が考えることができる!)があります。 10枚の写真または要素があると仮定します。

1)無限:カルーセルは一度に5つの要素を表示し(1-5)、右側の矢印ボタンをクリックするとさらに5つ読み込まれ(6-10)、もう一度クリックすると最初の5つがもう一度表示されます(1-5)。クリックを続けると、常に結果が表示されます。

2)Lineal:カルーセルは最初のセット(1-5)のみを表示し、矢印をクリックすると2番目のセット(6-10)を表示しますが、要素が10個しかないため、ユーザーは再度クリックできません。矢印ボタンが無効になり、左矢印を使用して1〜5に戻ることが唯一のオプションです。

これら2つのいずれにも利点はありますか?私が言ったように、この特定のケースでは、カルーセルは、その下に異なる内容のボックスを開く写真のセットです。ナビゲーション要素です。

2
Yisela

ある数で表示できる数よりも数が多いと仮定すると、無限またはループパターンが優先されます。

しかし、私は彼らにシステムの状態の文脈的な手がかりを確実に与えるようにします。最初にループバックすることを伝えます。これまでに見たことがないカルーセルが嫌いで、ループしていることに気づきましたが、手がかりがありませんでした。

無限ループ設計を使用して、さまざまな方法でコンテキストの手がかりを彼らに与えることができます

  1. 各サムネイルの下に要素番号4/20または5/30を表示します
  2. 次の矢印は、最後のスライドにあるときに最初の画像にループバックすることを示します(ループを繰り返す手がかりを与えます)。

ループしないHeresシナリオ

  • アイテムの数がカルーセルの長さの2以下である場合(戻る矢印または進む矢印のみを表示して、彼らがどの方向に進むことができるかを知ることができます
  • マウスの指数スクロール機能のようなものがあります(一部のユーザーはマウスを使用せず、キーボードナビゲーションを好むため、これは好きではありません)。

2つの利点を示します

無限

  • アイテムをもう一度見て、最初の要素に戻るのが簡単になる
  • 配置するイーザーは途中で追加され、ユーザーはクリックし続けます
  • 一部のコンテンツを2回表示することをユーザーに奨励します

シングルパス

  • ユーザーは、すべてのコンテンツをいつ消費したかを知る可能性が高くなります
  • ユーザーはコンテンツを2回使用する可能性が低く、表示時に遅くなる可能性があります
3
Frank Visaggio

ユーザー必要彼が持っているboxの数を知るため。

カルーセル画像の下に表示されるboxの数を無限に実装できます。 (または他の場所)

無限のアプローチは混乱を招きません。一定量のboxがある場合は、次のように表示します:limited

1
Yohann V.