Portfolioβ€ΊDesign & UXβ€ΊMobile UX & Mobile-First Design
Topic

Mobile UX & Mobile-First Design

Design responsive, mobile-first mobile app experiences that respect platform guidelines. Tests iOS/Android patterns, touch target sizing, and mobile gesture design.

Mobile UX designiOS/Android guidelinesMobile patternsTouch target optimisation

Choose Your Level

Pick the difficulty that matches where you are. You can come back and try a harder level later.

Topic Execution Guide

Mobile UX Design (iOS HIG & Android Material 3)

Mobile UX design accounts for touch ergonomics, limited screen real estate, and platform conventions. Product designers prove readiness by designing mobile-first layouts, adhering to Apple HIG vs Android Material 3 guidelines, and optimizing for thumb-zone accessibility.

1. iOS & Android Mobile App UI Design Deck

Mobile app screen designs tailored to platform conventions (iOS navigation bars vs Android bottom navigation).

2. Thumb Zone Ergonomics & Navigation Audit

Ergonomic audit mapping key interactive UI elements within natural thumb reach zones.

3. Mobile Touch Target & Gesture Specification

Specification establishing minimum 44x44pt touch targets, pull-to-refresh gestures, and swipe actions.

Frequently Asked Questions (Mobile UX & Mobile-First Design)

What are the primary differences between iOS HIG and Android Material 3?

iOS uses centered navigation titles, back chevrons, and SF Pro typography. Android Material 3 uses left-aligned titles, floating action buttons (FAB), Material icons, and Roboto/Variable typography.

What is the Mobile Thumb Zone?

The natural arc an adult thumb can easily reach while holding a smartphone with one hand; critical primary CTAs should be placed in the bottom center natural reach zone.

What is the minimum recommended touch target size for mobile UI?

Apple HIG recommends a minimum touch target size of 44x44 points; Android Material Design recommends 48x48 dp.

Explore Design & UX Career Paths

Build proof of work across other topics or view full career roadmaps mapping technical skills to hiring expectations.