No Nonsense UI Design
summary
Practical rules for making complex GUIs clearer: apply Gestalt rules—proximity, continuity, similarity—to show which controls affect which lists, use master→detail columns instead of scattered updates, and balance whitespace so tabs don’t cram controls. Prefer lowercase word shapes and short labels for scanability, limit modes because short‑term memory chunks ~5–7 items, and prioritize the top 20% of features (80/20 rule). Choose list box / add‑remove / list‑builder based on item count and order needs, and design icons for recall plus contextual placement rather than tiny hieroglyphs.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 4:16Layout Hierarchy
- 11:05Visual Hierarchy
- 15:30Visual Balance
- 17:22Color Contrast
- 21:35Human Memory
- 23:41UI Design Implications
- 26:40Tradeoffs
- 29:28List Builder
- 34:10Icon Design
- 39:09Context
- 41:01Xcode
- 45:53Colors shapes and icons
- 48:04Bad design
related talks
27mWhat Makes Good UI Work: Lessons from Cognitive Psychology
01h 02mSpaces, squares, and circles - an intro to UI design
38mDesign for Developers
36mLearn Enough Design to Be Dangerous
01h 02mDesign for Developers
57mThink like a user: practical UX design tips for developers
54mDesign for Non-Designers from a Non Designer
14mWhat developers should know about design