Responzivni dizajn
Responsive design, Prilagodljivi dizajn
Dizajn web stranice koji se prilagođava širini ekrana, od mobitela i tableta do računala.
Čemu služi
Responzivni dizajn omogućuje da Vaša stranica bude čitljiva i upotrebljiva na različitim uređajima. Posjetitelj na mobitelu treba moći pročitati ponudu, otvoriti izbornik i poslati upit bez povećavanja teksta prstima.
Ako mora pomicati cijelu stranicu lijevo i desno ili teško pogađa gumb, veća je prepreka do upita. Prilagodba ekranu zato je važan dio UX-a i UI-ja i svake izrade web stranice.
Kako radi
Raspored se mijenja prema raspoloživom prostoru. Tri kartice usluga na računalu mogu na mobitelu stajati jedna ispod druge. Slike se smanjuju unutar ekrana, a izbornik dobiva prikladan oblik za dodir.
Ne smanjuje se samo cijeli prikaz. Provjerava se veličina teksta, razmak između poveznica, duljina redaka i redoslijed sadržaja. Kontakt mora ostati lako dostupan. Ista stranica pritom može koristiti manje slike za manje ekrane, što pomaže učitavanju i Core Web Vitals mjerilima.
Primjer
Frizerski salon iz Virovitice ima cjenik u tri stupca na računalu. Na mobitelu se usluge prikazuju u jednom stupcu, a gumb za poziv nalazi se odmah uz podatke za naručivanje. Posjetitelj lako uspoređuje cijene i zove salon.
Vlasnica provjerava i obrazac. Tipkovnica na mobitelu ne smije prekriti važno polje ili učiniti slanje upita teško dostupnim.
Kako provjeriti
Otvorite stranicu na svojem telefonu i obavite ono što očekujete od kupca. Pročitajte ponudu, otvorite izbornik i pošaljite probni upit. Isprobajte uspravan i vodoravan položaj. Uspješna konverzija ovisi i o tome rade li ti koraci bez zapinjanja.