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 6 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.

Preview Subscribe to unlock

Practice questions (5)

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 →

Quizzes (1)

Responsive and Mobile Design Quiz

0 attempts · 10 min · Pass 70% · Intermediate

Take quiz →