Responzivan dizajn znači da se web stranica sama prilagođava zaslonu na kojem se otvara – mobitelu, tabletu, prijenosnom ili velikom monitoru. Nije riječ o zasebnoj mobilnoj verziji nego o jednoj stranici koja mijenja raspored prema prostoru koji ima.
Danas to više nije značajka koja se naplaćuje posebno. Svaka stranica koju radimo je responzivna, jer nema smislenog scenarija u kojem nije.
Zašto je to prestalo biti opcija
Više od polovice posjeta hrvatskim web stranicama dolazi s mobitela, a kod nekih djelatnosti – ugostiteljstvo, maloprodaja, usluge koje se traže „sad odmah“ – taj udio prelazi tri četvrtine.
Uz to, Google od 2019. sve stranice indeksira mobile-first: ono što vidi mobilni posjetitelj je ono što Google smatra vašom stranicom. Ako je mobilna verzija osiromašena, osiromašena je i vaša vidljivost – i na računalima.
Što responzivnost zapravo znači u praksi
Raspored koji se presloži, a ne smanji
Loša prilagodba jednostavno smanji desktop raspored dok stane na zaslon. Tekst postane nečitljiv, gumbi presitni za prst. Dobra prilagodba mijenja raspored: tri stupca postanu jedan, izbornik se sklopi, tablica dobije vodoravni pomak umjesto da razvuče stranicu.
Elementi koje se da pogoditi prstom
Prst nije pokazivač miša. Gumbi i poveznice trebaju dovoljnu površinu i razmak, inače korisnik pogađa krivo – a najčešće odustane umjesto da pokuša ponovo.
Slike prilagođene uređaju
Nema smisla mobitelu na mobilnoj mreži slati fotografiju širine 2000 piksela da bi se prikazala na 400. Slike se isporučuju u više veličina, a preglednik uzima onu koja mu treba.
Obrasci koje je moguće ispuniti
Najčešće zanemareno mjesto. Polje za telefon treba otvoriti numeričku tipkovnicu, polje za e-mail onu s @, a obrazac s petnaest polja na mobitelu gotovo nitko neće dovršiti.
Kako provjeriti svoju stranicu
Ne treba vam alat. Otvorite stranicu na mobitelu i pokušajte obaviti ono zbog čega ljudi dolaze – naći cijenu, poslati upit, nazvati vas.
Obratite pažnju na sljedeće:
- Morate li zumirati da biste pročitali tekst?
- Postoji li vodoravni pomak, odnosno „viri“ li stranica izvan zaslona?
- Je li broj telefona poveznica na koju se može kliknuti?
- Pogađate li gumbe iz prve?
- Koliko dugo traje učitavanje na mobilnoj mreži, bez Wi-Fija?
Ako je odgovor na bilo koje od tih pitanja loš, gubite posjetitelje koji su već bili na stranici – a to je najskuplja vrsta gubitka, jer ste za njih već platili dolazak.
Brzina je dio priče
Responzivna stranica koja se učitava sedam sekundi nije responzivna u bilo kojem korisnom smislu. Mobilne mreže su sporije i nestabilnije od kućnog interneta, pa se svaka nepotrebna datoteka osjeti.
Najveći dobici obično dolaze iz optimiziranih slika, uklanjanja skripti koje blokiraju iscrtavanje i predmemoriranja. Detaljnije o tome pišemo u tekstu tehnički SEO: checklist.
Redizajn ili popravak?
Ako je stranica novija i samo joj mobilni raspored šteka, popravak je obično isplativiji od redizajna. Ako je građena prije 2018., temelji su vjerojatno takvi da se prilagodba stalno „lomi“ na novom mjestu – tada je nova stranica jeftinija od beskonačnog krpanja.
Pošten odgovor dobiva se tek nakon što se pogleda kako je stranica napravljena, ne iz njezina izgleda.
Kako mi radimo
Stranice gradimo mobile-first – prvo se rješava mobilni prikaz, pa se prostor dodaje prema većim zaslonima. Time mobilna verzija nikad ne ispadne osiromašena inačica desktopa, nego obrnuto.
Pogledajte što uključuje izrada web stranica ili nam pošaljite postojeću stranicu pa ćemo reći je li isplativije popraviti ili raditi novu.