Responzivan dizajn je način izrade web stranice kod kojeg se isti sadržaj automatski prilagođava svakoj širini ekrana - od telefona do velikog monitora. Google od 2019. rangira po mobilnoj verziji stranice, što znači da je verzija na telefonu ta koja odlučuje o poziciji.
Umjesto fiksnih širina, elementi se postavljaju u mrežu koja se skuplja i širi. Pravila u stilovima definišu na kojim širinama se raspored mijenja - kad se tri kolone slože u jednu, kad se meni pretvori u dugme.
Slike se skaliraju tako da nikad ne prelaze širinu svog prostora. Bez toga jedna široka slika izazove horizontalno pomjeranje cijele stranice, što je najčešća vidljiva greška na loše prilagođenim sajtovima.
Pristup „mobile first" znači da se prvo gradi verzija za telefon pa se širi prema desktopu. To je danas standard, jer je lakše dodavati prostor nego ga oduzimati.
Većina posjeta u BiH dolazi s telefona, a kod nekih djelatnosti - ugostiteljstvo, smještaj, usluge - udio je i znatno veći.
Google indeksira i ocjenjuje mobilnu verziju. Ako na telefonu prikazujete manje sadržaja nego na desktopu, taj skriveni sadržaj se ne računa. To je čest problem kod starijih sajtova koji imaju odvojenu mobilnu verziju sa skraćenim tekstom.
Brzina se takođe mjeri na mobilnoj mreži, koja je sporija. Stranica koja se na desktopu učitava za sekundu može na telefonu trajati pet, pa se Core Web Vitals ocjena razlikuje drastično.
Tabele. Široka tabela na telefonu ili izlazi izvan ekrana ili se zbije do neupotrebljivosti. Rješenje je da tabela dobije vlastito horizontalno pomjeranje.
Dugmad i linkovi preblizu jedan drugom. Prst nije precizan kao miš, pa razmak mora biti veći nego što izgleda potrebno na desktopu.
Forme sa mnogo polja. Ono što na desktopu izgleda uredno, na telefonu postaje dugo skrolanje koje ljudi napuste. Kod mobilne verzije vrijedi svako polje preispitati.
Tekst prevelik ili premali. Osnovni tekst ispod 16 piksela na telefonu tjera korisnika da zumira, a to je znak lošeg prilagođavanja.
Najpouzdanije je otvoriti stranicu na stvarnom telefonu, na mobilnoj mreži, ne na wi-fi mreži u kancelariji. Simulator u browseru pokazuje raspored ali ne i stvarnu brzinu.
Prođite kroz cijeli tok koji želite da korisnik obavi - od dolaska do poslate forme ili obavljenog poziva. Ako u tom toku ijedan korak zapne, sve prije njega je bilo uzalud.
Provjerite i orijentaciju. Dio korisnika okrene telefon vodoravno, a raspored koji radi uspravno zna se raspasti u širini.
Za brzinu koristite PageSpeed Insights sa mobilnim prikazom, jer se ocjena za desktop i mobitel razlikuju i desktop ocjena zna prikriti pravi problem.
Responzivan dizajn danas nije dodatna usluga nego uslov da stranica uopšte radi. Ako se naplaćuje odvojeno u ponudi, to je znak da nešto nije u redu sa pristupom.
Za vlasnika sajta praktična provjera traje pet minuta: otvorite svoju stranicu na telefonu, pokušajte poslati upit i izmjerite koliko je koraka trebalo. Ono što vas iznervira iznerviraće i kupca.
Raspored se danas najčešće gradi kroz sistem koji se u stilovima zove mreža, gdje se elementi slažu u redove i kolone, a struktura se sama prelama na užim ekranima. Umjesto da se piše zasebna mobilna verzija, isti kod se prilagođava.
Prelomne tačke se biraju prema sadržaju, ne prema modelima telefona. Kad tekst postane preširok za udobno čitanje ili kad se tri kolone previše stisnu, tu ide prelom - bez obzira na koliko piksela to ispadne.
Forma zaslužuje posebnu pažnju jer je najčešća tačka odustajanja. Polja moraju biti dovoljno visoka za prst, tastatura na telefonu treba odgovarati tipu podatka, a broj polja sveden na minimum.
Sve ovo utiče i na to kako je vaš sajt rangiran kod Googlea, jer se ocjena donosi na osnovu mobilne verzije. Loše prilagođena stranica gubi dvaput - kod korisnika i u pretrazi.
Zadnja izmjena: 17. avgust 2026.
Pošaljite adresu i recimo vam gdje stojite - bez obaveze.
Pošaljite upit
