Law 30Part 2: Structure & Power

Anticipate Attention Span

Design for the human mind, not machines.

People process information quickly and selectively. Designs that overwhelm or mislead attention are ignored. Guiding perception efficiently ensures comprehension.

Example

Instagram's scrollable feed leverages short, digestible visual content to match human attention spans, maximizing engagement.

Actionable Takeaways
  • 01Prioritize key information at the point of highest impact.
  • 02Break content into digestible sections.
  • 03Use hierarchy, motion, and contrast to maintain focus.
Decision Framework

When to Apply

  • Creating content for digital platforms
  • Presenting to busy stakeholders
  • Designing for scanning and skimming
  • When competing for attention
  • Creating layered content (summary + depth)

When NOT to Apply

  • When your audience actively seeks depth (textbooks, manuals)
  • In immersive experiences designed for focus
  • When brevity would sacrifice essential information
  • When the medium supports long-form (books, films)
Skill Assessment

Assessment Criteria — Where Are You?

You understand attention is limited. You try to be concise.

Self-assess honestly — growth requires knowing where you are

Deep Mode — Applied Perspectives
Deep Mode — The Designer Perspective

Designing for attention means understanding how perception works: the eye's movement patterns, cognitive load limitations, the interplay of sustained and selective attention. Humans can only consciously process limited information; everything else is filtered unconsciously.

Real-World Examples
  • 01TikTok's short-form video: Designed for fleeting attention.
  • 02News site headlines: Information hierarchy for scanning.
  • 03App onboarding: Progressive disclosure respecting cognitive limits.
How to Implement
  • 01Reduce cognitive load through clear hierarchy and grouping.
  • 02Use progressive disclosure—reveal information as needed.
  • 03Design for scanning, not reading—most users skim.
  • 04Create clear focal points to anchor wandering attention.
  • 05Test for comprehension with time limits.
Tools & Resources
01

Eye-Tracking Studies

Understand attention patterns

02

Heat Map Tools

See where users look

03

Five-Second Testing

Measure quick comprehension

04

Cognitive Load Assessment

Evaluate mental demand

Further Reading
  • "Thinking, Fast and Slow" by Daniel Kahneman — Attention and cognition
  • "Don't Make Me Think" by Steve Krug — Designing for limited attention
  • "Hooked" by Nir Eyal — Attention and habit formation

Reflection Prompts

"If someone gives me 5 seconds, what should they understand?"

Design for the scan. What survives a glance?

"What rewards someone who gives me 5 minutes? 50 minutes?"

Create layers that reward deeper engagement.

"Where am I demanding attention I haven't earned?"

Attention is a gift. Are you providing value proportional to what you're asking?

Practice Exercises

Evaluate content at 5 seconds (scan), 5 minutes (read), 50 minutes (study). What works at each level?

Difficulty:

Power Combinations

Efficient Communication

Hierarchy + Attention Span creates content that respects readers' time.

Clarity Under Constraint

Clarity + Remove Noise + Attention Span produces powerful, brief communication.

Synergies — Laws That Amplify This One

Prerequisites — Understand These First

Sign in to track applications

Personalized Analysis

Sign in to get AI-powered insights on applying this law to your life.

Sign In to Continue