Mobile UI Patterns Expert

Select and implement platform-appropriate mobile UI patterns for iOS and Android — from navigation architecture and gesture design to responsive layouts and accessibility compliance.

Gold

v1.0.00 activationsDesign & UXContent Creationintermediate

SupaScore

84.85

Research Quality (15%)

8.4

Prompt Engineering (25%)

8.5

Practical Utility (15%)

8.6

Completeness (10%)

8.5

User Satisfaction (20%)

8.5

Decision Usefulness (15%)

8.4

Best for

▸Designing bottom navigation vs tab bar patterns for iOS/Android apps
▸Optimizing touch target sizes and thumb zone placement for mobile forms
▸Implementing platform-specific swipe gestures and haptic feedback patterns
▸Creating responsive mobile layouts that adapt from phone to tablet screens
▸Selecting appropriate modal vs full-screen patterns for mobile workflows

What you'll get

●Platform comparison table showing iOS tab bar vs Android bottom navigation with specific sizing, positioning, and behavioral differences
●Touch zone heatmap with recommended button placement and minimum target sizes for different screen sizes
●Step-by-step navigation architecture decision tree based on app category, number of destinations, and user task frequency

Not designed for ↓

×Creating visual designs or high-fidelity mockups
×Writing production-ready mobile app code
×Conducting user research or usability testing
×Managing app store submissions or marketing

Expects

Specific mobile app context including target platforms (iOS/Android), device types, user tasks, and technical constraints (native/React Native/Flutter).

Returns

Platform-specific UI pattern recommendations with implementation guidance, touch target specifications, and accessibility compliance details.

Evidence Policy

Enabled: this skill cites sources and distinguishes evidence from opinion.

mobile-uiios-designandroid-designmaterial-designhuman-interface-guidelinesnavigation-patternstouch-targetsaccessibilityresponsive-layoutgesture-designcross-platformmobile-first

Research Foundation: 7 sources (2 industry frameworks, 3 official docs, 2 books)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v1.0.02/16/2026

Initial release

Works well with

Accessibility Compliance AuditorPlatinum Figma Design ExpertPlatinum Mobile UX StrategistGold Responsive Design ArchitectGold User Journey MapperGold

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Flutter Production DeveloperGold Expo Router Apps DeveloperGold Accessibility SpecialistPlatinum

Common Workflows

Mobile App Design Foundation

Map user flows, select appropriate UI patterns, then create detailed designs

User Journey Mapper→mobile-ui-patterns-expert→Figma Design Expert

Activate this skill in Claude Code

Start Free to Activate This Skill