web-dev-qa-db-ja.com

無限のスクロール/ページネーションで、ページ2をロードするユーザーをどのように処理する必要がありますが、ページ1に新しいコンテンツがありますか?

たとえば、RedditやFacebookのように、無限のスクロールが関係しているWebサイトを見ているとします。物事は必ずしも時間順に並べられているわけではなく、ページ上の投稿の順序を決定する関連要因によって並べ替えられています。

では、ユーザーが2ページ目を読み込んでも、最初のページに新しいコンテンツがある場合はどうでしょうか。

最初のページをロードし、1時間離れてからスクロールして、ページ2のロードをトリガーするとします。 1時間前と比較すると、最初のページには新しいものがたくさんありますが、ユーザーは2番目のページを要求しています。

どのように処理すればよいですか?ページ2を提示し、ほとんどのユーザーがページ1を取得するために更新すると仮定しますか?ページ2の上部に新しいアイテムを挿入しますか?毎回ページ1もリロードしますか?

私の本能はオプション1です。ユーザーが上にスクロールした場合、一貫性のあるエクスペリエンスを作成するという点で、ユーザーはおそらく以前と同じアイテムがまだ存在することを期待しているようです。

7
Doug Smith

最も簡単な方法は、新しいコンテンツが利用可能であることをユーザーに知らせることです。これらは、新しいコンテンツを動的にロードする多くの異なるアプリケーションにあります。たとえば、ユーザーが無限スクロールのアプリケーションで数回下にスクロールした場合、次のようなことができます。

enter image description here

ページ付けされたアプリケーションの場合、コンテンツをリアルタイムで更新しないことを検討してください。ただし、ビューポートに新しいコンテンツをロードするアクションを介してユーザーがコンテンツを更新できるようにしてください。何かのようなもの..

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

13
Nash Vail

FBのように、タイムラインに新しいエントリがあるときはいつでも「新しいストーリー」と表示される小さなインジケーター(ボタン)を表示を押すと、ユーザーを上部に移動しますページ。

はい、継続性の観点から、古いエントリは新しいエントリの下に表示されます。このようにして、ユーザーは自分の心にまだイメージマップを持っています。

enter image description here

4
Ades