GuideUI CoachUI Design
Visual Hierarchy in UI Design
How to direct attention in product UI with size, space, contrast, and sequence, without shouting.
Read the guide
Guides
Original UI Coach knowledge
Original UI Coach guides on UI design, UX, product design, accessibility, Figma, and related practice.
GuideUI CoachDesign Careers
UX Portfolio Tips
How to present product and UX work so hiring teams can see judgment, not only visual finish.
Read the guide
GuideUI CoachResponsive Design
Responsive UI Design
Responsive product UI: what to keep, what to reflow, and how to avoid hiding the real task behind a hamburger.
Read the guide
GuideUI CoachDesign Careers
Product Design Interview Preparation
How to prepare for product design interviews: critiques, app teardowns, and portfolio conversations that stay specific.
Read the guide
GuideUI CoachMobile Design
Mobile UI Design Best Practices
Mobile UI practices for touch, reach, density, and the constraints of a phone in someone's hand.
Read the guide
GuideUI CoachData Visualization
Data Visualization for Dashboards
Chart and table choices for product dashboards, with an emphasis on questions rather than decoration.
Read the guide
GuideUI CoachColor
Color in Interface Design
How to use color as a system in product UI: semantic roles, restraint, and meaning that does not depend on hue alone.
Read the guide
GuideUI CoachAccessibility
WCAG Color Contrast
How to apply WCAG contrast to product UI without turning the palette into a legal document.
Read the guide
GuideUI CoachTypography
Typography for UI Design
UI typography that people can scan: scale, line length, weight, and the difference between product type and poster type.
Read the guide
GuideUI CoachFigma
Figma Components
How to structure Figma components and variants so a team can reuse them without a maze of hidden frames.
Read the guide
GuideUI CoachFigma
Figma Auto Layout
How to use Figma auto layout so components resize predictably instead of fighting the frame.
Read the guide
GuideUI CoachDesign Systems
Design System Best Practices
How to build a design system that teams actually use: tokens, components, documentation, and contribution.
Read the guide
GuideUI CoachAccessibility
Accessible Form Design
Accessible forms: labels, instructions, errors, and keyboard access that work with assistive technology.
Read the guide
GuideUI CoachUX Design
Search UX Best Practices
Search UX for query input, results, no-results, and the moment someone is looking for a thing they can almost name.
Read the guide
GuideUI CoachNavigation
Navigation Design Patterns
How to choose and structure navigation so people know where they are and where they can go next.
Read the guide
GuideUI CoachUX Design
Filter UX Best Practices
How to design filters that narrow a set without trapping people in zero results they cannot explain.
Read the guide
GuideUI CoachUX Writing
Error Message UX
How to write and place error messages that name the problem and the fix, without blaming the user.
Read the guide
GuideUI CoachForms
Form Design Best Practices
Form UX for labels, structure, validation, and completion, written for product interfaces rather than marketing lead-gen templates.
Read the guide
GuideUI CoachUX Design
Empty State Design
How to design empty states that teach the next action instead of looking like a broken screen.
Read the guide
GuideUI CoachCheckout
Checkout UX Best Practices
Checkout UX that protects trust, shows cost early, and lets people finish without creating an account they do not want.
Read the guide
GuideUI CoachDashboards
SaaS Dashboard Design Best Practices
How to design a SaaS dashboard that helps someone decide, instead of displaying every metric at the same volume.
Read the guide
GuideUI CoachOnboarding
Mobile Onboarding UX
How to design mobile onboarding that reaches first value quickly without a slideshow nobody remembers.
Read the guide
GuideUI CoachUX Design
UX Design Principles
A practical reading of UX principles for product work: clarity, recovery, and the job the user came to finish.
Read the guide
GuideUI CoachUI Design
UI Design Principles
The interface principles that actually change whether someone can scan a screen, find the next action, and trust the product.
Read the guide