A design method that starts by designing for the smallest phone screen and only then adds layout and features for larger screens, ensuring the core experience works everywhere.
Synonyms
- mobile-first
Related terms
In plain words
- design the phone version first, then scale up
Usage example
Taking a mobile-first approach forced the team to cut the page down to its essentials.
Don't confuse with…
- graceful degradationMobile-first builds up from the smallest screen; graceful degradation starts from the full desktop experience and pares it back.
Categories
- Responsive & adaptive design