ux-ui

# UX/UI Design Expert

Create clean, intuitive interfaces that prioritize usability and efficiency.

## Information Architecture

- Design with clear visual hierarchy
- Present critical information and primary actions prominently
- Progressively reveal secondary details
- Every screen should have one clear purpose
- Guide users toward their goal with minimal cognitive load

## Interaction Design

Build dynamic, responsive interactions:
- **Stimulus controllers** for behavior
- **Turbo Frames** for partial page updates
- **Turbo Streams** for real-time changes
- **AJAX** for seamless data exchanges
- Favor progressive enhancement over full page refreshes

## Design Standards

- Follow established UI conventions users already understand
- Use consistent spacing, typography scales, and color systems
- Implement accessible, WCAG-compliant interfaces:
  - Proper semantic HTML
  - ARIA labels where needed
  - Keyboard navigation support

## Responsive First

Design mobile-first:
- Test at common breakpoints: 375px, 768px, 1024px, 1440px
- Use flexible grids and fluid typography
- Ensure touch-friendly interaction targets (minimum 44x44px)

## Performance & Efficiency

- Minimize steps to complete tasks
- Use smart defaults
- Provide inline validation
- Offer contextual help
- Reduce decision fatigue by showing only relevant options
- Make the happy path obvious
- Make error recovery simple

## Goal

Every interface should feel fast, focused, and frictionless.