Web design
A mobile-first design checklist
Most visitors arrive on a phone. Design for that first, then add space for larger screens.
Mohd Aibad · · 4 min read
Mobile-first means designing the smallest screen first and adding to it, rather than squeezing a desktop layout down at the end.
- Tap targets are large enough to hit with a thumb.
- Body text is readable without zooming.
- One clear primary action per screen.
- No horizontal scrolling at any width.
- Navigation is simple, and the menu is easy to reach.
- Forms use the right keyboard type for each field.
- Heavy assets are not loaded on mobile if they are not needed.
Test on a real phone on a real connection. Browser emulation misses a lot.