UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Interaction Responsive Motion

Infinite Scroll vs Pagination

Infinite Scroll vs Pagination turns a frequent interface judgment into an executable constraint before generation.

paginationscrolllists

Design Principle

Browse lists can scroll continuously; task lists usually need position, selection, return, and count awareness.

Principle Browse lists can scroll continuously; task lists usually need position, selection, return, and count awareness.

Design action Use infinite scroll for discovery; prefer pagination or load-more for admin, search, orders, and review lists, preserving position.

Examples Positive example: A list must choose between discovery browsing and precise management. Counterexample: An admin table uses infinite scroll and loses selected position.

Apply when A list must choose between discovery browsing and precise management. Users need to judge state, scope, risk, or next action quickly.

Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.

Agent Directive

Use infinite scroll for discovery; prefer pagination or load-more for admin, search, orders, and review lists, preserving position.

Apply When

  • A list must choose between discovery browsing and precise management.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • An admin table uses infinite scroll and loses selected position.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Interaction Responsive Motion
Quality
84%
Version
v1
Published
6/6/2026