itsual UI Design
Overview
UI design turns requirements and flows into interfaces people can understand and use. Strong UI balances clarity, consistency, aesthetics, and efficiency.
When to Use
- Designing new screens or features
- Improving existing interface quality
- Applying or extending a design system
- Preparing high-fidelity mockups for handoff
Core Practices
- Establish clear visual hierarchy
- Use layout, spacing, and alignment deliberately
- Maintain consistency with the design system
- Design for the primary tasks first
- Consider states (empty, loading, error, success)
- Ensure interactive elements are obvious and accessible
Principles
- Clarity over decoration
- Reduce cognitive load — don’t make users think unnecessarily
- Design for real content, not perfect placeholder text
- Support scanning; most users don’t read every word
- Align with platform conventions unless breaking them adds clear value
Verification
- Primary actions are obvious
- Hierarchy guides the eye to what matters
- States and edge cases are designed, not only the happy path