web-dev-qa-db-ja.com

多数のページがあるページネーションのデザイン提案。

私は、ページネーションですべてのコンテンツをページネーションで表示し、各ページに10のリンクを表示するコンテンツライブラリのあるCMSサイトを持っています。お気に入り。

<<First <<previous 1 2 3 4 5 6 7 8 9 10 next>> Last>>

このスペース制限があります。ページ番号が1000または1500のようなページに到達するまでは、問題はありません。すべての問題が他の問題よりも上にあり、だれかが何か提案を与える可能性があります。

12
sushil bharwani

他の回答によってリンクされた質問の 最高投票数の回答 は、すべてのページリンクを入力フィールドに折りたたむことを示唆しています。これを見たことはありますが、リストをスクロールしてページ番号をクリックするのはマウス指向のアクティビティであるため、切り替えたくありませんページ番号を入力するためのキーボード。おそらく、入力は、テキストを受け取るか、ページリンクのあるパネルを表示するスーパー入力である可能性があります(最近のほとんどの日付フィールド入力のように)。ボックスをクリックします。

最も役立つページリンクを表示するには、スマートトランケーションを使用することをお勧めします。つまり、最初の3...のパディングを含む現在のページを表示します3(両側に3つ)、別の...、次に最後の3。多くのページで、リンクの上のリストは次のようになります(マウスが56の上に置かれています)。

Screenshot 1

リストの下、私はすべてのリンクを提供します:

enter image description here

数百ページ以上ある場合でも、それはばかげていますが、上部より下部でより多くのコンテキストを提供できます(現在のページのコンテキストを100以上に増やします)。

覚えておくべき他のいくつか:

  • ニースURLを使用/myapp/mylist/16
  • 多分、ページ付けはまったく必要ありません( "もっと見る..."または他の無限リストソリューション)。この場合、ユーザーはsortingまたはfiltering/searchingを使用してジャンプしますリストのはるか下にあるデータに。
  • すでに1...[n]がある場合は、First/Lastリンクでスペースを占有しないでください。冗長であり、スペースを無駄にするだけでなく、混乱する可能性があります。
  • 独創性を感じている場合は、...をホバーするとボックスが表示され、ボタンをその範囲の「より多くの」ページを表示するボタンにすることができます。
  • ページのリンクの横に「ジャンプ先:」のクイック入力フォームをいつでも追加できます。
15
Nicole

私はここであなたの質問に対する素晴らしい答えを見つけることができると思います: ページネーションのベストプラクティス

4

私がいつもしていることは、ユーザーが探している1つのレコードが13,568の6,712ページにあることを理解させるのではなく、ユーザーにデータを検索/フィルターする適切な機会を与えることです。

たとえばGoogleを検索するときに、「次のページ」をクリックする頻度はどれくらいですか。そうじゃない?探しているものが最初の10ヒットにない場合は、検索を絞り込みます。

0
cartbeforehorse