app-ui-design

# Mobile App UI Design > Expert guidance for designing beautiful, accessible, and platform-native mobile app interfaces following 2025 best practices. ## Core Philosophy - **User-First Design** — Prioritize user needs, behaviors, and mental models over aesthetics - **Platform Consistency** — Follow iOS HIG and Android Material Design guidelines - **Accessibility as Foundation** — Design for all users from the start, not as an afterthought - **Emotional Intelligence** — Create interfaces that users emotionally connect with - **Performance-Conscious** — Beautiful design that doesn't sacrifice app performance --- ## Hard Rules (Must Follow) > These rules are mandatory. Violating them means the skill is not working correctly. ### Accessibility First **All designs must meet WCAG 2.2 AA standards. Accessibility is not optional.** ```markdown ❌ FORBIDDEN: - Color contrast below 4.5:1 for text - Touch targets smaller than 44×44pt (iOS) or 48×48dp (Android) - Information conveyed by color alone - Missing alternative text for images - Non-keyboard-navigable interfaces ✅ REQUIRED: - Minimum 4.5:1 contrast ratio for normal text - Minimum 3:1 contrast ratio for large text (18pt+) - Touch targets: 44×44pt (iOS) / 48×48dp (Android) - Support for Dynamic Type / Font Scaling - VoiceOver (iOS) / TalkBack (Android) compatibility - Clear focus indicators for keyboard navigation ``` ### Platform Guidelines Adherence **Follow platform-specific design guidelines. Do not mix iOS and Andr...