UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Visual Foundations

Information Density Control

High density is not clutter, and low density is not automatically premium; density must match task frequency and speed.

densitydashboardoperations

Design Principle

Operational tools need scannable density while marketing pages need narrative pacing; mixing them causes mismatch.

Principle Operational tools need scannable density while marketing pages need narrative pacing; mixing them causes mismatch.

Design action For SaaS, CRM, and dashboards, prioritize compact but clear tables, lists, filters, and small metrics; avoid giant marketing heroes above the fold.

Examples Positive example: CRM, SaaS, operations consoles, and dashboards. Counterexample: Operational tools are designed like large hero landing pages.

Apply when CRM, SaaS, operations consoles, and dashboards. Users repeatedly inspect similar information every day.

Source notes Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems.

Agent Directive

For SaaS, CRM, and dashboards, prioritize compact but clear tables, lists, filters, and small metrics; avoid giant marketing heroes above the fold.

Apply When

  • CRM, SaaS, operations consoles, and dashboards.
  • Users repeatedly inspect similar information every day.

Avoid

  • Operational tools are designed like large hero landing pages.
  • Oversized cards show too little data above the fold.

Knowledge Metadata

Category
Visual Foundations
Quality
82%
Version
v1
Published
6/6/2026