UI/UX Design Intermediate Pro

Responsive and Mobile Design

Responsive vs. adaptive vs. mobile-first, breakpoints and fluid grids, touch target sizing, iOS HIG vs. Material Design, gestures, and progressive disclosure under real screen constraints

22 min read 35 views

Covers the precise difference between responsive, adaptive, and mobile-first approaches and why mobile-first is now the default; breakpoints and fluid grids using relative units; the exact touch-target minimums (44x44pt iOS, 48x48dp Material) and their Fitts's Law justification; the key iOS HIG vs. Material Design differences and when to follow platform convention vs. diverge for brand consistency; mobile gesture vocabulary and the discoverability problem; and progressive disclosure as Hick's Law applied to small screens.

Part of the UI/UX Design Interview path →

Preview Subscribe to unlock

Practice questions (9)

Diagnosing a Layout That Breaks Between Breakpoints

Intermediate · Free

View →
Auditing a Mobile Toolbar for Touch Target Violations

Intermediate

View →
Choosing a Navigation Pattern for a Cross-Platform Fintech App

Intermediate

View →
Fixing a Gesture-Only Archive Action in an Email App

Intermediate

View →
Redesigning a Flat 32-Option Settings Screen for Mobile

Intermediate

View →

See all 9 questions →

Quizzes (1)

Responsive and Mobile Design Quiz

0 attempts · 10 min · Pass 70% · Intermediate

Take quiz →