分割する適切な情報量ページネーションと無限スクロールページネーションとSEOページネーションとユーザビリティクリック可能なボタンの領域ナビゲーションとしての役割まとめ関連記事はじめにページネーションとは、日本語でページ送りや、ページを分割するという意味があります。検索結果の一覧がそれにあたります。情報量の多いページは複数のページに分割し、各ページには相互にアクセスするためにナビゲーション用のリンクが置かれています。ページとは根本的に異なります。印刷物のページには物理的な制限がありますが、サイトのページは任意の単位でコンテンツを分割できます。ページネーションは、情報量の多いページを一度に読み込ませ、表示に時間がかかることを回避する手段として利用されます。一昔前の低速度の回線と低スペックの端末が一般的だった時代では、通信量の制限がとても厳しく、様々なサイトでページネーションが使われていました。今日では回線の速度と端末のスペックは一昔前に比べて飛躍的に向上しているため、ページネーションは不要であるように思えます。このページでは、ページを分割するページネーションとユーザビリティについて解説します。ページネーションの必要性、適切な情報を分割する単位、無限スクロールとの比較、ページネーションのデザインやユーザビリティをガイドラインを参考に見ていきます。一昔前までの低速度の回線、低スペックの端末はなくなりつつあるため、ページサイズを気にしてページを分割する必要性はないように感じます。ようにページネーションを採用しているサイトは少なくありません。世界的なサイトは様々な環境や端末に対応するためにページネーションを採用している側面もありますが、ユーザビリティにも配慮されています。件に設定されています。件にまで拡張できますが、情報量が多くなりユーザビリティが低下するように感じる人もいます。このように、ページネーションとは単純にページサイズの大きいページの読み込み速度だけではなく、ユーザが快適に閲覧するための情報量を制御することでユーザビリティを高める役割も持ちます。字程度であると言われています。文字程度で書かれています。ページネーションはブログのライティングと同じように、適切な情報量によってユーザビリティを高めるという重要な意味を持ちます。稼ぎのためにあえて導入しているという批判です。ひとつは、ページが分割されているために目的の情報をページ内検索では探せないという批判です。テキスト記事の途中でページネーションを採用しているサイトの抗弁としては、低速度の回線や低スペックの端末への配慮や、ページ全体のサイズを抑えてパフォーマンスを確保するためと言われています。これらの抗弁には説得力がありません。少数のユーザを優先するために、使い勝手の悪さを多くのユーザに強いていることになるからです。単位を適切に設定することが重要です。分割する適切な情報量ページを分割する適切な情報量に絶対の正解はありません。感じる人もいるため、最終的には個人の価値観によります。そのため、ページネーションを採用している場合、多くのページではどれだけの情報量を表示するかユーザに選択できるインターフェースを用意しています。適切な情報量を、テキストの文字数として考えると難しいように思えます。コンテンツのテーマ、トピック、アイテムとして切り出しているサイトはあります。動画共有サイトでは、ひとつの動画をページの分割する単位として切り出しています。長時間の動画であったとしても、動画やページを分割せずに、ひとつのページですべての情報が完結しています。サイトでも見ることができます。適切な情報量の線引きが難しいジャンルは、ブログのようなテキスト記事です。多くのテキスト記事では、あるテーマのトピックについて述べています。テーマ全体を網羅すると情報量が非常に多くなるため、情報として独立しているトピック単位に分割されています。トピック単位にまとめる方法は、あるテーマについて網羅的にまとめたリファレンスなどでも見ることができます。ページネーションと無限スクロール情報量が多い場合、ページを分割することはひとつの方法に過ぎません。ページを分割する方法以外にも、読み込むサイズを制限する方法があります。無限スクロールは、情報を分割して読み込むという点についてはページネーションと同じです。ページの遷移や、スクロールすることでひとつのページに多くの情報が表示されるという点においては異なります。タイムラインを切れ目なく表示させるという特性は、無限スクロールと非常に相性が良いものになっています。smashingmagazine)無限スクロールはページネーションと比べて先進的なイメージがあるため、一部のデザイン的なサイトでも見ることができます。異なりテキスト記事で無限スクロールを採用する場合、以下の問題点があります。文章を読んでいる途中で何度も読み込みが発生する。途中でのブックマークができず、再読込時には最初からやり直しになってしまう。読み込まれていない文章はページ内検索でヒットしない。ページの終わりが見えず、フッターに到達できない。個人ブログなどで無限スクロールをユーザエクスペリエンスのために採用している場合、情報の分割という点では再考の余地があります。無限スクロールを採用せずにページネーションを採用しているのは上記の理由からです。ようにコンテンツの探索にスクローリングが適している場合に限り、無限スクロールはユーザの滞在時間やエンゲージメントを高めることができます。そもそも無限スクロールは、情報を分割する目的以外に、コンテンツの発見や没頭感を高める効果もあります。ニュースのフィードや商品のカタログをスクロールすることで、より多くの情報に対して次々に目を通すことができます。ページネーションでコンテンツを更新する場合、ページの遷移が入ってしまうため、ユーザの集中力が切れてしまいます。無限スクロールは、ページネーションと比べてモバイルフレンドリーであると言えます。スクローリングすることでコンテンツが更新されるインターフェースは、画面をタップするよりもユーザビリティにおいて優れています。従来のボタンやリンクでの遷移よりも、スクローリングやフリックなどのジャスチャーコントロールの方が、より直感的であり、ユーザエクスペリエンスを高めるためです。ページネーションとSEO情報量の多いページをページネーションで分割すると、同じデザインのページがいくつも増えることになります。ページネーションを設置することで検索エンジンのクローラは、クローリングがしやすくなります。ページに分割されている場合、各ページには以下のように設定します。前のページのみ表しています。ページネーションの設定は任意の設定であり、必須ではありません。クローラは、ページネーションがなくても分割された複数のコンテンツの類似性を理解し、検索ユーザに最適なページを返します。クローラの判断は完璧ではないため、明示的にページネーションを設定することで、クローラにヒントを与えることができます。最終的な判断はクローラになりますが、ページネーションを設定することで、精度が向上します。明確に区別されますが、同時に設定することもできます。設定例としては、以下のようになります。href="example3.html">ページネーションの例2ページネーションとユーザビリティ無限スクロールとは異なり、ページネーションにはユーザビリティ上、注意するべき点がいくつかあります。モバイル端末からアクセスするユーザが増えているため、モバイルフレンドリーでなければユーザビリティは低くなります。それでは、ページネーションで注意すべきポイントを順に見ていきましょう。一般的にページネーションは横一列に並ぶために、モバイル端末では物理的なサイズ、または画素数的に非常に制限されてしまいます。ユーザビリティの低いサイトでは、ボタンのサイズが小さかったり、横スクロールが発生します。これはページネーションに限ったことではありませんが、モバイルフレンドリーとなるためにはクリックできるボタン類を大きくすることが鉄則です。以上であると定めています。