Responsive web nije „da se ne raspadne na telefonu“. To je odluka što je dovoljno važno da stane na mali ekran. Ako krenete od širokog desktopa, na mobitelu ćete skrivati, smanjivati i moliti da se stane. Ako krenete od mobitela, desktop dobiva zrak i komoditet, ne obrnuto.

U Hrvatskoj se i dalje često predstavi web na laptopu u sali. Kupac, kandidat, gost festivala i čovjek koji uspoređuje cijenu sjede na autobusu. Google također gleda prvo njih. Core Web Vitals nisu moda. To je mjerenje je li prvi ekran upotrebljiv.

Što mobile first mijenja u dizajnu

Naslov mora stati u dvije do tri linije. Gumb mora biti prst, ne miš. Izbornik ne smije biti dvadeset stavki. Fotografija ne smije biti 3 MB jer „na retini izgleda bogato“. Bogato je kad se otvori. Teško je kad čeka.

Tipografija na mobitelu razotkrije lažni luksuz: sivi tekst na sivoj, tanki font, mali kontrast. To na 27 inča izgleda fino. Na suncu, na jeftinom ekranu, izgleda kao da nemate sadržaj. UX i dizajn ovdje nisu odvojeni odjeli.

Responsive nije jedini zadatak brzine

Možete imati savršene prijelome i spor shop. Slike, treći skriptovi, video u heroju, fontovi s cijelog Google kataloga. Izrada web stranice koja je „responsive“ u ponudi, a teška 8 MB, nije gotova. Ljudi ne čekaju da pohvale vaš breakpoint.

Kako testirati bez laboratorija

Otvorite stranicu na svom telefonu, u 4G, ne na uredskom wifiju. Jednom rukom. Nađite cijenu, telefon, gumb za upit. Ako trebate zumirati, nije gotovo. Ako trebate horizontalni skrol, nije gotovo. Ako header pokrije pola članka, nije gotovo. To su jeftini testovi. Skupo je pretpostaviti da će netko „ionako otvoriti na kompjuteru“.