Loading...
Loading...
Laws of UX critique skill. Use when evaluating mockups, screenshots, design specs, prototypes, flows, onboarding, checkout, dashboards, forms, or design-review requests, even when the user does not say UX or name a law. Output the 2-4 most relevant laws with specific application and law-grounded recommendations. Do not use for pure frontend implementation code review, WCAG/accessibility audits, or brand/visual-identity critique unless interaction usability is also in scope.
npx skill4agent add mylesmcook/mcook-skills laws-of-ux-loureferences/selection-guide.mdscripts/validate-output.py## Laws of UX critique
**Context read:** [artifact/screen/flow + key assumption]
**Selected lenses:** [2-4 law names]
### 1. [Law name] - [specific issue or opportunity]
- **How it applies here:** [reference exact UI detail, step, copy, control, hierarchy, state, or behavior]
- **Recommendation:** [concrete change]
- **Why this follows from the law:** [mechanism, not generic UX advice]
- **Watch-out:** [tradeoff, risk, or what not to overcorrect]
### 2. ...
## Prioritized next moves
1. [highest-impact change]
2. [next change]
3. [optional validation/research question]references/| Law | File | When to load |
|---|---|---|
| Aesthetic-Usability Effect | | visual polish, first impressions, premium feel, aesthetics masking usability problems |
| Choice Overload | | menus, product lists, pricing, filters, settings, templates, recommendations, many alternatives |
| Chunking | | dense content, forms, tables, dashboards, onboarding steps, long pages |
| Cognitive Bias | | persuasive UI, recommendations, defaults, risk messaging, comparisons, confirmations |
| Cognitive Load | | complex workflows, dense screens, unfamiliar terminology, multi-step tasks, configuration |
| Doherty Threshold | | loading, saving, search, filtering, AI generation, transitions, delayed system response |
| Fitts's Law | | buttons, touch targets, destructive actions, toolbars, form controls, mobile layouts |
| Flow | | creative tools, productivity flows, onboarding, learning, configuration, repetitive work |
| Goal-Gradient Effect | | multi-step forms, onboarding, checkout, setup, progress bars, profile completion |
| Hick's Law | | navigation, menus, search entry, pricing, settings, filter panels, action bars |
| Jakob's Law | | navigation, controls, ecommerce, forms, search, redesigns, novel interaction models |
| Law of Common Region | | cards, panels, settings groups, dashboard widgets, comparisons, grouping problems |
| Law of Proximity | | spacing, labels and fields, card metadata, lists, tables, visual hierarchy |
| Law of Pragnanz | | icons, diagrams, visualizations, complex layouts, ambiguous patterns, hard-to-parse imagery |
| Law of Similarity | | buttons, links, cards, typography, status badges, navigation, design-system consistency |
| Law of Uniform Connectedness | | steppers, timelines, flow diagrams, grouped controls, nested items, status connections |
| Mental Model | | conceptual models, terminology, IA, workflows, account structures, permissions, unfamiliar domains |
| Miller's Law | | lists, menus, dashboards, form sections, comparisons, interfaces requiring item recall |
| Occam's Razor | | feature creep, dense layouts, redundant controls, competing flows, overengineered experiences |
| Paradox of the Active User | | onboarding, tooltips, help, empty states, complex tools, first-run experiences |
| Pareto Principle | | prioritizing fixes, feature sets, dashboards, common tasks, high-impact design debt |
| Parkinson's Law | | forms, checkout, booking, setup, autosave/autofill, lengthy workflows |
| Peak-End Rule | | onboarding, checkout completion, errors, cancellation, waiting, confirmation, success states |
| Postel's Law | | forms, search, validation, uploads, error handling, flexible user entry |
| Selective Attention | | busy pages, banners, notifications, alerts, modals, change states, visual competition |
| Serial Position Effect | | navigation order, menus, carousels, lists, pricing features, comparison rows, action placement |
| Tesler's Law | | complex domains, enterprise tools, workflows with regulations, simplification debates |
| Von Restorff Effect | | primary CTA, pricing tiers, alerts, featured items, comparison tables, visual emphasis |
| Working Memory | | multi-screen flows, comparison tasks, instructions, places where users must remember prior information |
| Zeigarnik Effect | | progressive disclosure, saved drafts, profile completion, task resumption, partial setup |