pagination VS スクロール

UI

結論

　状態:- 　閲覧数:2,208 　投稿日:2017-08-18 　更新日:2019-10-25
役割が異なる
・目的に応じて使い分ける

pagination


特定コンテンツを探す際、有用
・探した後も、後から再度訪れやすい
・何ページ目の上から何番目

スクロール


何となく見続ける際、有用
・ユーザーを作業に没頭させ、閲覧継続させやすい

膨大な情報を閲覧するために効率的な方法
・ユーザーをWebページにより長く滞在させることが出来る
・「発見」のためのインターフェース

メリット ／ デメリット

　閲覧数:627　投稿日:2017-08-18　更新日:2017-08-18

一覧表


一覧
- ページング スクロール 無限スクロール
読込速度 速 遅 速
閲覧情報量 少 多 多
滞在時間 短 長 長
フッター訪れやすい？ ◯ ✕ ✕
再度訪れやすい？ ◯ ✕ ✕
SEO ✕ ◯ ✕


・無限スクロール vs ページネーション：それぞれの特徴と使い分け


UIコードダウンロードLink

UIテキスト仕様調査「新規登録」 ／ 2018/2/16



類似度ページランキング
順位 ページタイトル抜粋 ％
1 pagination VS スクロール 79
2 JavaScript in Bootstrap 38
3 MediBang Paint 36
4 Bookmark Sentry 35
5 モバイル フレンドリー テスト ／ viewport設定 34
6 「PhotoShop CS3」　と、「Vieas」　の違い 33
7 「Aptana Studio 3.0.8」を使ってみた感想 33
8 Create Link 33
9 Bootstrap 3 33
10 Bootstrap 4 33
11 レスポンシブの margin と width 設定 32
12 font-family設定 31
13 「Design 0」カラー 31
14 「Twitter Bootstrap」✕「フォーム」 31
15 bootstrap3で意図せず横スクロールバーが表示される場合は、containerクラスの入れ子を疑う 31
16 transformプロパティ 30
17 Web Components 30
18 SCSS × Windows 30
19 Adobe Creative Suite 3 Master Collection インストール 30
20 Twitter Bootstrap 1.4 30
2026/8/04 2:42 更新
週間人気ページランキング ／ 7-27 → 8-2
順位 ページタイトル抜粋 アクセス数
1 Design 0 16
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
3 Illustrator 2 で作成したデータを、Fireworks 8 で読み込む | Fireworks 8(Fireworks) 3
3 鉄道会社毎のカラーコード | カラーコード(色) 3
4 8ビットカラー ／ インデックスカラー ／ パレットカラー 2
4 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
4 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 2
4 「Google Chrome」履歴一覧から、複数履歴を選択して一度に開くことはできません。バージョン: 94.0.4606.81（Official Build） （64 ビット） | Google Chrome(ブラウザ) 2
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 2
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
4 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 2
4 iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト | HTML5(HTML) 2
4 アイコン | 3系(Bootstrap) 2
4 G'MIC | GIMP 系(ソフトウェア) 2
5 HTML5では、inputタグの閉じタグを付与しない | CSS 1
5 aタグで複数のブロック要素を囲むやり方 | CSS 1
5 16進数カラーコード ／ 2進数 1
5 .mhtml 形式で保存しても、コピペ出来ない ／「Chrome Developer Tools」ConsoleパネルへJavaScriptコードを記述しても、コピペ出来ない ／ 原因判明 1
5 Font Awesome(フォント) カテゴリー 1
5 SVG(画像) カテゴリー 1
2026/8/3 5:05 更新