Adaptive Design

Definition

Adaptive Design involves creating different layouts for different screen sizes or devices, usually through predefined breakpoints. Unlike responsive design, which adjusts dynamically, adaptive design provides a tailored experience for each device or screen size, ensuring the layout is optimized for each user’s context. It’s particularly useful for delivering a more customized experience in mobile apps.

Why it matters

Unlike responsive design which fluidly adjusts, adaptive design serves distinctly optimized layouts per device — which matters when the mobile and desktop use cases are fundamentally different. A SaaS dashboard used on desktop for deep analysis vs. mobile for quick status checks warrants different information architecture, not just a scaled-down version of the same layout.

Real-world example

LinkedIn serves a distinctly different layout on mobile vs. desktop — the mobile app prioritizes feed browsing and notifications, while desktop emphasizes search, messaging, and profile management.