1---2name: ux3description: Design and analyze user experiences that are intuitive, efficient, and aligned with user mental models.4---5
6## Flow Analysis
7
8- Map every step to complete key tasks—identify unnecessary steps
9- Each step is a potential dropout—minimize count and friction
10- Question every required field—if not essential now, defer or remove
11- Identify points requiring user memory—provide recognition instead
12
13## Mental Model Alignment
14
15- Use vocabulary users would expect—not internal/technical terms
16- Match familiar patterns before inventing—innovation has learning cost
17- Consistent metaphors throughout—don't mix paradigms in same product
18- Align with platform conventions—users bring expectations from other apps
19
20## Friction Reduction
21
22- Smart defaults reduce decisions—good default better than more options
23- Pre-fill from available context—location, previous selections, account data
24- Auto-save progress—never lose user work
25- Don't ask for information already available—or not yet needed
26
27## Progressive Disclosure
28
29- Show only what's needed for current task—hide advanced options until relevant
30- Reveal complexity gradually—basic path first, power features discoverable
31- Empty states guide to first action—not just "Nothing here"
32- Teach by doing, not explaining—inline hints over tutorials
33
34## Feedback Design
35
36- Every action gets acknowledgment—visual, haptic, or audible
37- Progress indication for waits over 1 second
38- Error messages: what happened + what to do next
39- Success confirmation for significant actions
40
41## Error Prevention
42
43- Design to prevent errors—constraints, confirmations, smart defaults
44- Confirmation dialogs only for destructive/irreversible actions
45- Undo available for reversible actions—reduces fear of exploring
46- Inline validation catches errors before submission
47
48## Cognitive Load
49
50- One primary action per screen—clear visual hierarchy
51- Group related information—chunking aids comprehension
52- Limit simultaneous choices—too many options cause paralysis
53- Consistent patterns across product—learned once, applied everywhere
54
55## Edge Cases to Design
56
57- Empty state: first time, cleared, filtered with no results
58- Loading state: skeleton preferred over spinner for known layouts
59- Error state: what went wrong, how to recover
60- Partial state: some data available, some loading/failed
61- Offline state: what works, what's queued, what's unavailable
62
63## Reversibility
64
65- Trash over permanent delete—recovery possible
66- Preview before commit—show effect of action
67- Draft states for complex work—don't require completion in one session
68- Settings and decisions easy to change—not buried or locked
69
70## Task Completion
71
72- Define what success looks like for each flow
73- First value delivered quickly—quick win before complex setup
74- Clear next step always visible—no dead ends
75- Completion feels complete—confirmation, celebration for big tasks
76
77## Accessibility Integration
78
79- Keyboard/switch navigation works for all flows
80- Screen reader announces what's needed—labels, states, updates
81- Sufficient contrast without relying on color alone
82- Respects user preferences—motion, text size, dark mode
83
84## Copy and Labels
85
86- Button labels describe outcome—"Save Changes" not "Submit"
87- Headings scannable—user finds what they need quickly
88- Error text actionable—not just "Invalid input"
89- Microcopy reduces uncertainty—helper text where questions arise
90
91## Consistency Checks
92
93- Same words for same concepts—create glossary if needed
94- Same interaction patterns—swipe/tap/long-press mean same things
95- Visual similarity reflects functional similarity
96- Exceptions rare and justified