40 lines
1.3 KiB
Markdown
40 lines
1.3 KiB
Markdown
|
# UI Audit Framework
|
||
|
|
|
||
|
|
A comprehensive UI design decision-making framework. Use for rapid, intentional interface design.
|
||
|
|
|
||
|
|
## When to Use
|
||
|
|
|
||
|
|
- Making UI/UX design decisions under time pressure
|
||
|
|
- Evaluating design trade-offs with business context
|
||
|
|
- Choosing appropriate UI patterns for specific problems
|
||
|
|
- Reviewing designs for completeness and quality
|
||
|
|
|
||
|
|
## Core Process
|
||
|
|
|
||
|
|
1. **Weigh Information** — Institutional knowledge → User familiarity → Research
|
||
|
|
2. **Narrow Options** — Eliminate conflicts, prioritize by macro bet alignment
|
||
|
|
3. **Execute** — Apply relevant checklist + patterns
|
||
|
|
|
||
|
|
## Reference Files
|
||
|
|
|
||
|
|
Load as needed:
|
||
|
|
|
||
|
|
| Category | File |
|
||
|
|
|----------|------|
|
||
|
|
| Core Framework | `references/00-core-framework.md` |
|
||
|
|
| New Interfaces | `references/10-checklist-new-interfaces.md` |
|
||
|
|
| Fidelity | `references/11-checklist-fidelity.md` |
|
||
|
|
| Visual Style | `references/12-checklist-visual-style.md` |
|
||
|
|
| Visual Hierarchy | `references/23-patterns-visual-hierarchy.md` |
|
||
|
|
| Social Proof | `references/24-patterns-social-proof.md` |
|
||
|
|
| Navigation | `references/31-patterns-navigation.md` |
|
||
|
|
|
||
|
|
## Macro Bets
|
||
|
|
|
||
|
|
| Bet | Design Implication |
|
||
|
|
|-----|-------------------|
|
||
|
|
| **Velocity** | Reuse patterns, find metaphors |
|
||
|
|
| **Efficiency** | Design systems, reduce WIP |
|
||
|
|
| **Accuracy** | Stronger research, instrumentation |
|
||
|
|
| **Innovation** | Novel patterns, cross-domain inspiration |
|