1---
2title: Minimize Choices to Reduce Decision Time
3impact: HIGH
4tags: ux, hicks, choices, cognitive-load
5---
6 
7## Minimize Choices to Reduce Decision Time
8 
9Decision time increases logarithmically with the number of choices. Use progressive disclosure.
10 
11**Incorrect (all options at once):**
12 
13```tsx
14function Settings() {
15  return (
16    <div>
17      {allSettings.map(setting => (
18        <SettingRow key={setting.id} {...setting} />
19      ))}
20    </div>
21  );
22}
23```
24 
25**Correct (progressive disclosure):**
26 
27```tsx
28function Settings() {
29  return (
30    <div>
31      {commonSettings.map(setting => (
32        <SettingRow key={setting.id} {...setting} />
33      ))}
34      <details>
35        <summary>Advanced</summary>
36        {advancedSettings.map(setting => (
37          <SettingRow key={setting.id} {...setting} />
38        ))}
39      </details>
40    </div>
41  );
42}
43```
44 
45Reference: Hick, W. E. (1952). On the rate of gain of information.
46