1---
2title: Prioritize the Critical 20% of Features
3impact: MEDIUM
4tags: ux, pareto, prioritization, features
5---
6 
7## Prioritize the Critical 20% of Features
8 
980% of users use 20% of features (Pareto Principle). Optimize the critical path first.
10 
11**Incorrect (all features equally prominent):**
12 
13```tsx
14function Toolbar() {
15  return (
16    <div>
17      {allFeatures.map(f => <Button key={f.id}>{f.label}</Button>)}
18    </div>
19  );
20}
21```
22 
23**Correct (critical features prominent, rest accessible):**
24 
25```tsx
26function Toolbar() {
27  return (
28    <div>
29      {criticalFeatures.map(f => <Button key={f.id}>{f.label}</Button>)}
30      <MoreMenu features={secondaryFeatures} />
31    </div>
32  );
33}
34```
35 
36Reference: [Pareto Principle](https://lawsofux.com/pareto-principle/)
37