Hick's Law

The time it takes to make a decision increases with the number and complexity of choices.

Key Principles

1Minimize the number of choices presented at any given time.
2Break complex tasks into smaller, sequential steps.
3Highlight recommended options to reduce decision time.
4Use progressive disclosure to manage complexity.

Try It

Adjust the number of navigation items and watch the predicted decision time change.

Items: 4RT = 348ms

Item 1

Item 2

Item 3

Item 4

0ms500ms1000ms

Code Pattern

tsx

1// ✅ Good: Progressive disclosure with categorized options
2<nav>
3  <NavGroup label="Getting Started">
4    <NavItem href="/docs">Documentation</NavItem>
5    <NavItem href="/quickstart">Quick Start</NavItem>
6  </NavGroup>
7  <NavGroup label="Advanced">
8    <NavItem href="/api">API Reference</NavItem>
9  </NavGroup>
10</nav>
11
12// ❌ Bad: Flat list of 20+ navigation items
13<nav>
14  {allPages.map(page => (
15    <a href={page.href}>{page.title}</a>
16  ))}
17</nav>

Group and limit visible choices. Use categories and progressive disclosure.

AI Analyzer

Analyzing against Hick's Law