ui-ux-excellencelisted

# UI/UX Excellence — how an expert designs and reviews UI The standard the `ui-ux-designer`, `ux-design-reviewer`, and `frontend-engineer` hold every page to. Pairs with `frontend-craft` (aesthetics/anti-AI-slop) and `accessibility-wcag`. User > skills > default. ## Fits in the pipeline Stage 2 (journey/UX), Stage 6 (build UI), **Stage 7 (the UX review lens — gate each UI feature)**, Stage 8 (ship). A UI feature does not close until it PASSES this review. ## 1. Usability golden rules (check each) - **Nielsen's 10 heuristics:** visible system status; match real world (user language); user control (undo/cancel/exit); consistency & standards; error prevention; recognition over recall; flexibility/ shortcuts; aesthetic & minimalist; help users recover from errors (plain-language, propose a fix); help/docs in context. (https://www.nngroup.com/articles/ten-usability-heuristics/) - **Gestalt:** proximity (group related, separate unrelated), similarity (same function → same look), closure, continuity (align along a path), common region (cards/containers group). (nngroup.com/articles/gestalt-proximity/) - **Laws of UX:** Fitts (big, close targets), Hick (reduce/chunk choices), Jakob (follow familiar patterns), Miller (~7±2 chunks), Doherty (<400ms response or mask it), Aesthetic-Usability. (https://lawsofux.com/laws/) ## 2. Color - **60-30-10:** ~60% neutral surface / 30% secondary / 10% accent (primary action). Accent must not flood. - **Structured palette:** neutrals