もっと見るボタン

Load more button

一覧の末尾に置いたボタンをクリックするたびに、次の一定件数を追加で読み込んで表示するUI。

○ 使う場面

  • 無限スクロールほど読み込みを自動化したくないが、ページ送りより手軽に次を見せたいとき
  • フッターへの到達可能性を保ちつつ、追加コンテンツも読み込ませたいとき

× 避ける場面

  • 特定ページへの再訪やURL共有を成立させたいとき(→ページネーション)
  • ユーザー操作を挟まず継続的に読み込ませたい探索型の一覧のとき(→無限スクロール)

別名

もっと見るボタン、ロードモア

近縁種との比較

「もっと見る」ボタンは、その場にとどまったまま次の項目だけを追加で読み込むという挙動を、そのまま文言にした名前である。ページ全体を切り替えるページネーションとの対比で語られることが多い。

近縁種違い・使い分け
無限スクロール無限スクロールが自動で追加読込するのに対し、もっと見るボタンは読込のタイミングをユーザーの明示的な操作に委ね、フッターへの到達可能性やスクロール位置の制御をユーザー側に残す。
ページネーションページネーションのように一覧をページという単位で区切りはせず、既に表示済みの項目は末尾に積み上げ続ける点が異なり、目的地に正確にたどり着かせたいEC検索結果などにはページネーションが向く。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション