Responsive design to projektowanie stron, które automatycznie dostosowują układ do rozmiaru ekranu, od telefonu po monitor. Mobile-first to strategia projektowania najpierw wersji mobilnej, a potem rozszerzania jej na większe ekrany.
Ponad połowa ruchu w sieci pochodzi z telefonów, a Google indeksuje strony w wersji mobilnej (mobile-first indexing), więc wersja na telefon jest dziś wersją podstawową, nie dodatkiem.
Podejście mobile-first wymusza zdrową dyscyplinę: na małym ekranie nie ma miejsca na ozdobniki, więc najpierw projektuje się esencję, czyli treść i działania naprawdę ważne. Rozszerzanie na desktop jest potem proste; odwrotna droga (upychanie desktopu w telefon) zwykle kończy się kompromisami.
Test praktyczny: wejdź na swoją stronę z telefonu i spróbuj wykonać najważniejszą akcję (zapytanie, zakup, telefon). Jeśli wymaga to przybliżania palcami, strona przepuszcza klientów.