mobile-first
Small screens primary
Mobile-first is a design and development approach that prioritizes the smartphone experience before adapting to larger screens.
Rather than shrinking a desktop site to fit phones, designers start with mobile constraints—limited screen space, touch navigation, slower connections—then expand features for tablets and computers.
We're taking a mobile-first approach to the redesign.
Quick to react
- breakpointsProgrammed pause locations
- viewportVisible display region
- layoutSpatial arrangement of elements
- gridFramework of intersecting lines
CSS · adaptive · wireframe · prototype · UX · UI · navigation · cards
Handheld connected computer
- appMobile device software
- iOSMobile operating system
- AndroidGoogle's phone platform
- usersProduct or service clientele
engagement · conversion · analytics · optimization · prioritization · constraints · simplicity · performance
responsive
Quick to react
- breakpointsProgrammed pause locations
- viewportVisible display region
- layoutSpatial arrangement of elements
grid · CSS · adaptive · wireframe · prototype · UX · UI · navigation · cards · swipe
smartphone
Handheld connected computer
users · engagement · conversion · analytics · optimization · prioritization · constraints · simplicity · performance · speed
framework
Underlying support system
cross-platform · SDK · testing · emulator · debugging · deployment · API · backend · frontend · codebase
Dominant web search provider
search · algorithm · content · visibility · discoverability · SERP · metadata · sitemap · canonical · AMP
- tech methodsagile, debugging, scrum, testing, kanban
- web designHTML, CSS, JavaScript, navigation, layout
- mobile designresponsive, adaptive, touchscreen, swipe, tap
- responsive designresponsive design, breakpoints, viewport, flexbox, grid system
- design stylesart deco, Art Nouveau, art nouveau, Bauhaus, minimalism
mobile, first, mobility, mobilize, mobilization, immobile, immobility, demobilize, demobilization