ページネーション（pagination）とは、長い一覧を、複数のページに分けて見せる仕組みである。ページの下に、「1 2 3 … 次へ」のような番号やボタンが並ぶ。
たとえば、通販サイトで、「シャツ」の一覧を開くとする。商品が200点あるとき、1ページに20点ずつ見せ、10ページに分ける。利用者は、上のほうの商品を見て、気になるものがなければ、「次へ」で進む。
向いているもの、向かないもの
ページネーションは、必要悪だと言われる。項目が多すぎて、1画面では見せにくいときに、どうしても必要になるからである。ヤコブ・ニールセン（Jakob Nielsen）が、ニールセン・ノーマン・グループ（NN/g）の2013年の記事「Users’ Pagination Preferences and “View All”」で述べている。
- 向いているのは、一覧である。通販のカテゴリーのページ、検索結果、記事の一覧、写真のギャラリーなどである。利用者の目的は、一覧を読み通すことではない。探しているものを見つけて、その先のページへ進むことである。
- 向かないのは、続けて読む文章である。1本の記事の本文を、複数の画面に分けると、利用者に余計な手間をかけさせてしまう。1つの長い画面で見せるほうがよい。
項目に優先順位をつけられるなら、探しているものは、上のほうに見つかりやすい。最初は、短めの一覧を見せ、必要な人だけが、先へ進めるようにする。
「すべて表示」をつける
「すべて表示（View All）」の選択肢をつけるのも、よい方法である。
- NN/g が利用者に実際に使ってもらったテストでは、「すべて表示」を便利だと感じる人が、たびたびいた。使わない人には、邪魔にならなかった。つけなかったときには、不満を言う人がいた。
- 特に、並べ替えにくい一覧や、好みで選ぶものに向く。服、美術品、花、チョコレートなどである。条件で絞りにくく、ざっと眺めて選ぶ人が多いからである。
- 表示する数には、上限を決めておく。検索結果が何千件にもなることがあるからである。目安は、100件ほどである。見やすさや、表示の速さによって、増減する。
表示件数の選ばせ方
- 「10件、20件、30件、40件」のように、選ばせすぎない。10件か20件を標準にして、「すべて表示」を足すくらいがよい。
- 「すべて表示」では長くなりすぎるなら、2つの数から選ばせる。たとえば、10件と50件である。10件と20件のように近い数だと、選ぶより、「次へ」を押すほうが早い。
- 利用者が選んだ表示は、次の訪問でも、そのままにする。
無限スクロールとの違い
2013年のこの記事は、項目が多すぎて1ページに収まらないときは、ページネーションのほうが、たいてい無限スクロールよりよいとしている。無限スクロールは、利用者に、終わりが来た感覚も、どこまで進むかを決める力も、与えないからである。ただし、「次へ」を押すたびに、見る流れが途切れるという弱点がある。
一方、無限スクロールを扱った2022年の別の記事は、ページ番号が目印になると述べている。「3ページ目にあった」と、項目を覚えておけるからである。ただし、目的もなく眺める SNS やニュースでは、無限スクロールが向くとも述べている。同じ通販サイトでも、探して比べる使い方には、ページネーションが向く。
出典
- Nielsen Norman Group「Users’ Pagination Preferences and “View All”」
- Nielsen Norman Group「Infinite Scrolling: When to Use It, When to Avoid It」
