web-dev-qa-db-ja.com

無限スクロールまたは古典的なページネーションを採用すべきですか?

アイテムのリストを表示する単一ページアプリケーション(Web)を所有しています。
各項目は発表を表しています。たとえば、いくつかの入札を想像してください。

ユーザーは現在の入札をリストし、それらの1つをクリックして、入札を詳細に示す「表示」ページを表示できます。

入札単価のさまざまなビュー間のユーザーナビゲーションを処理する方法

彼がブラウザの戻るボタン(または適切な戻るボタン)をクリックすると、タイトルや価格などが更新された場合、または再度ソートにつながる新しい入札が追加された場合に、アプリケーションが入札リストを更新することを期待しますリスト。

より正確に言えば、ページネーションのメカニズム(ページを数字で分割する)か、スクロールの無限メカニズムを採用する必要がありますか?

無限のスクロールで気づく問題は、入札リストの更新と互換性がないことです。
確かに、私のロードルールが20アイテムあたり20アイテムをロードすることだった場合、ユーザーが190番目をクリックすると、更新につながるバックは最初の20アイテムのみを取得します。ユーザーは、191番目の項目=>がUXに関して非常に悪い音を見つけるまで、スクロールを余儀なくされます。
一方、(Ebayのように)古典的なページネーションメカニズムを扱う場合、スクロールは簡単に保持できます。

私見、このユーザーのナビゲーションの使用中にリストが更新されなかった場合(現在のスクロール位置を保持できるため)、「無限スクロール」が関連するか、「入札詳細」ページがブラウザーの別のウィンドウ/タブで開かれる場合。

私が間違っている?この場合の良い習慣は何でしょうか?

2
Mik378

その場合、私は次の提案をします:

  1. まず、ユーザーが入札したアイテムのリストを作成します。そうすれば、彼はいつでも興味のあるアイテムに戻る方法を見つけることができます。または、ユーザーがアイテムに戻りたいがまだ入札していない場合は、「保存済み」リストかもしれません。
  2. 次に、この記事の人々がページネーションと無限スクロールをどのように組み合わせるかを見てください。私は以前にこのウェブサイトで誰かにそれをすでに提案しましたが、これは無限のスクロール/ページネーションの問題に対する非常にエレガントな解決策だと本当に思っています。

このようにして、ユーザーは自分がいたページにすばやく戻ることができ(たとえば、この正確なページを友達と共有することができます)、それでも無限のスクロールがもたらす楽しさを維持できます。

6
JonSpr

デフォルトでページネーションを使用し、JavaScriptが有効になっている場合にのみ無限スクロールに切り替えます。

一部のユーザーがjavascriptを無効にしていることを考慮してください。サイトがうまく機能しているとしたらいいと思います。通常、無限スクロールが唯一のオプションである場合、これは当てはまりません。ただし、少し考えれば、それをすべての人に機能させ、JSユーザーにスムーズなエクスペリエンスを提供することができます。

0
WBT