web-dev-qa-db-ja.com

この場合、通常のページネーションまたは無限スクロールを使用する必要がありますか?

私はクレイグリストに似たオンラインクラシファイドであるウェブサイトをコーディングします。分類された広告のリストのページ付けに取り組んでおり、通常のページ付けを使用しています。

enter image description here

代わりに無限スクロールを使用する理由はありますか?私は両方のアプローチが好きですが、この場合どちらが好ましいかわかりません。

23
Niklas

どちらのソリューションにも長所と短所があります。

ページネーション

  • 長所:ユーザーは簡単に自分の位置を特定して、以前のページに直接戻ることができます。たとえば、ブラウザーの再起動、デバイスからデバイスへの切り替えなどです( "ジョン、私はいくつかの興味深い広告を見つけました、それらの最初の5ページを通過しました、あなたは続行できますか、ダーリン? "
  • 短所:それらの多く2ページに移動しません

無限スクロール

  • プロ: "ページ2バリア?どんなバリア!?"スクロールし続ける
  • 欠点:ページ付けが5ページ目になる場所に到着してページを閉じると、彼らは旅を続けません。または、リンクを誰かに送信すると(多くの人がそうします–特定のオファーではなくリストへのリンクを共有します)、受信者はリンクを取得できません。

ソリューション?両方を組み合わせて、スクロール時に自動的に進むナビゲート可能な保存可能なナビゲーションを提供します:

  • 無限スクロールのように機能させます。
  • インジケーターを表示して、リスト内の距離を示します(1-2-3-4-[5]-6)。
  • スクロールすると、このインジケーターが自動的に進みます。
  • この情報をURLに保存して、簡単にブックマークしたり、リスト内の正確な場所へのリンクを共有したりできるようにします。
  • この場所に戻る手段を提供します(例:インジケーターの6ページをクリック)。

このアプローチはほとんど防弾だと思います。

42
Dominik Oslizlo

Infinite Scrollingを使用してくださいGoogle検索のページ2をクリックする回数.

1ページ目で探しているものが見つからない場合は、検索キーワードを変更するだけです。しかし、それはFacebookでは発生せず、スクロールダウンを続けていくと、突然、あまりにも多くの時間を費やしていることに気づき、ここで停止する必要があります。

ビジネスを拡大し、ユーザーの関心を維持するために、ページングよりも無限スクロールがうまく機能します。

これら2つのパターンの長所と短所をここでお読みください

9
DPS

Webページのユーザーとして答えてみます。私には、UXデザイナーによる調査はありません。エンドユーザーとしての(たぶん珍しいかもしれませんが)この個人的な生の感情と経験だけです。

無限スクロールの考えは、私にとって最初の反応として内臓の怒りを呼び起こします(簡潔にするために怒りの言葉は省略しました)。ページが無限にスクロールしていることに気付いたとき、私はすぐに「ああ、本当に遠くまで「ダウン」する必要がないことを願っています」と思いました。

無限スクロールは本質的に悪いものである必要はないと思いますが、以下の質問は尋ねる価値があると思います:

  1. ユーザーがコンテンツの特定のポイントに戻りたいと思う可能性はどのくらいありますか?その場合:そのようなニーズを満たすことができる優れた検索機能(コンテンツに固有、たとえば、明確な年代順のコンテンツの時間範囲による検索)がありますか?無限にスクロール可能なコンテンツの特定の場所をブックマークする方法はありますか?

  2. 画面の不動産に関して、コンテンツの大きさはどれくらいですか?時々、私はソーシャルメディアサイトにいて、私のフィード/ウォッチ/サブスクリプション/何でも新しいものに追いつきたいと思っています:コンテンツが大きいと、スクロールが面倒になるだけで、煩わしくなり、私が探しているものを正確に見つけるのに時間がかかります。また戻ってきたいと思います。

  3. 実際のコンピューターのメモリ消費の観点から、コンテンツの大きさはどれくらいですか?ある人のInstagramアカウントの数年前の投稿に戻りたいと思ったことがあります。途中で、かなりハイエンドのコンピューターがそのWebページに遅れをとっていました。無限にスクロールしても、おそらくアンロードされないからです。一番上のコンテンツ(Instagramは確かにそうではありませんでした)なので、私のブラウザーはメモリに画像データのギガバイトを蓄積していました。

まとめ:一般的なユースケースでは、1つのページよりも大きいが、実質的には大きくないデータセットの偶然の閲覧を圧倒的に支持していますか?

免責事項:私は変だと知っています。私の個人的な好みは、ほとんど常にページネーションです。私がWebページネーションを閲覧する方法はmoreスクロールするより快適です。世界が私に同調するとは思わない。私にとって重要なページでページ分割を使用するオプション(残念ながら私はそうしないことが多い)を希望するか、少なくともスクロールして、無限スクロールの特定の場所を見つける必要がある場合はそれを見つける必要があります。

追伸JavaScriptが制限されているか有効になっていないユーザーを気にしますか?このような人々がいることを覚えておく価値はあります。デフォルトでスクリプトを無効にしてブラウジングするのには、さまざまな理由があります(アクセシビリティのニーズとコンピュータセキュリティの認識が主なものですが、他にもあります)。無限スクロールはJavaScriptが有効になっている場合にのみ機能しますが、ページ付けはJavaScriptでよりユーザーフレンドリーにできますが、必要に応じてプレーンHTTPリクエストに直接優雅に下げることができます。

7
mtraceur

この場合、ユーザーは特定の広告に到達していないため、ページ付けの必要はありません。つまり、どのような方法でも広告がsortedではないため、ページ3に表示される広告がわかりません。

したがって、左矢印および右矢印と同様にcarouselを指定できます。これは無限スクロールに似ています。

1
uttham

ページネーションまたは無限スクロールを選択する前に、質問をする必要があります。ユーザーは昨日のリストアイテムを見つける傾向があり、関連するフィルタリングオプションを提供していますか?はいの場合は、無限スクロールに進みます。そうでない場合、ユーザーは古いアイテムを探したい場合があり、これは無限スクロールで頭痛の種になります。

この場合、ユーザーの習慣を探す必要があります。ユーザーが最近のものだけに集中している場合、またはリストのようなタイムラインである場合は、無限スクロールを適用できます。

1
Erkan Kerti

クラシファイド?うーん...私にはページネーションが最善の方法です...

自分が表示していたページを他の人と共有したい場合はどうなりますか?無限スクロールでそれをどのように行いますか?あなたは本当にそれをすることはできません...

また、ページ付けを使用すると、リストがどのくらいの期間で終了するかを知らずに、いつ終了するかを知ることができます。

考えるべきこと。

1
Majo0od

混乱しないでください。ページネーションと無限スクロールの両方に長所と短所があります。何を使用する必要があるかは、ビジネスタイプと独自の要件によって異なります。

訪問者のほとんどがモバイルデバイスからアクセスしている場合は、無限スクロールを使用してください。ページネーションは、モバイルデバイスではユーザーフレンドリーに見えません。場合によっては、ユーザーが画面をズームして目的のボタンをクリックする必要があります。

あなたのウェブサイトに巨大なコンテンツがある場合は、ページネーションに固執してください。ただし、FacebookとGoogleのコンテンツは無制限ですが、1つは無限スクロールを使用し、もう1つはページネーションシステムに従います。これに対する簡単な答えは

ユーザーエンゲージメントに重点を置く場合は、無限スクロールが最良の選択ですが、コンテンツをより適切に制御したい場合は、ページ付けが最適です。

Pagination vs Infinite Scrolling に関する詳細な投稿を書きました。それを読んでください、あなたはそれが役に立つかもしれません。

0
Manish Barthwal

無限スクロールの使用には同意しますが、ユーザーがページの最後に到達したときに自動的にロードするのではなく、ユーザーのニーズに応じてロードする(ロードボタンを追加する)必要があります。

定期的なページネーションはすぐに消える機能だと思います。