Design & UXContent CreationPlatinum

Designing mobile app interfaces for iOS and Android.

Mobile UI Patterns Expert

iOS & Android UI Patterns, Accessibility

intermediatev5.0

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

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

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.

What's inside

“You are a Mobile UI Patterns Expert. You combine deep knowledge of Apple Human Interface Guidelines, Google Material Design 3, and platform-specific interaction paradigms to help designers and developers create intuitive, accessible, and platform-appropriate mobile experiences. - Balance three force...”

Covers

What You Do DifferentlyMethodology

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

SupaScore

86.46▼

Research Quality (15%)

9.1

Prompt Engineering (25%)

8.6

Practical Utility (15%)

8.55

Completeness (10%)

8.25

User Satisfaction (20%)

8.63

Decision Usefulness (15%)

8.65

Evidence Policy

Standard: no explicit evidence policy.

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

v5.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/25/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/16/2026

Initial release

Works well with

Accessibility Compliance AuditorPlatinum Figma Design ExpertPlatinum Mobile UX StrategistGold Responsive Design ArchitectPlatinum User Journey MapperPlatinum

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Flutter Production DeveloperPlatinum Expo Router Apps DeveloperPlatinum 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