Mapping the Current Visual Chaos

Create a UI inventory: components, colors, type, states, divergences.

---

Learning Goal

• UI inventory (color, type, radius, shadow, icon, state).
• Divergence list vs Playbook.
• Must/Should/Nice categorization.
• Quantify issue types.
• Capture unified criteria.
• Be ready to capture and define visual inventories

---

Why This Matters

• You can’t fix what you don’t see.
• Numbers drive prioritization.
• Data builds trust.

---

Examples

Bad: “Lots of random colors.”

Good: 27 unique blues, 5 radius variants; must/should/nice split.

---

Guided Exercise

1. Export 10 screens; build an inventory table.
2. Mark divergences vs Playbook.
3. Bucket into must/should/nice.

Independent Exercise

Share a short report with the counts.

---

Self-Check

• Inventory exists.
• Divergences quantified.
• Prior buckets ready.