Responzivni web dizajn omogućuje da se stranica pravilno prikazuje na mobitelima, tabletima i računalima. Danas to nije dodatna mogućnost, nego osnovni uvjet svake ozbiljne web stranice.
Korisnici ne dolaze samo s računala
Velik dio posjeta dolazi s mobitela. To znači da web stranica mora biti čitljiva, brza i jednostavna za korištenje na malom ekranu. Ako se tekst mora povećavati prstima ili se izbornik teško koristi, posjetitelj vrlo brzo izgubi strpljenje.
Responzivni dizajn prilagođava raspored elemenata širini ekrana. Slike, tekstovi, stupci i gumbi mijenjaju se tako da korisnik dobije uredan prikaz bez obzira na uređaj.
Responzivnost nije samo tehnički detalj
Loš mobilni prikaz utječe na dojam o tvrtki. Ako web izgleda zapušteno na mobitelu, korisnik može zaključiti da ni ostatak poslovanja nije dovoljno pažljiv. To je posebno važno kod usluga gdje je povjerenje presudno.
Dobar responzivni web ne sakriva važne informacije. Kontakt, usluge, cijene, lokacija i pozivi na akciju moraju biti dostupni jednako jasno kao na desktopu.
Što treba provjeriti
Treba testirati izbornik, čitljivost teksta, veličinu gumba, brzinu učitavanja, obrasce i slike. Posebno treba paziti na elemente koji su na desktopu lijepi, ali na mobitelu postanu preveliki ili nepregledni.
Nije dovoljno otvoriti stranicu na jednom mobitelu i zaključiti da je sve u redu. Treba gledati različite širine ekrana i stvarne korisničke scenarije.
Responzivni dizajn kao dio izrade
Najbolji rezultat postiže se kada se mobilni prikaz planira od početka. Naknadno spašavanje loše posložene stranice često traje dulje nego pravilna izrada od nule.
Jednostavan test responzivnosti
- Otvorite stranicu na mobitelu i pokušajte poslati upit.
- Provjerite jesu li slike pravilno prikazane.
- Pogledajte može li se navigacija koristiti jednom rukom.
Kod profesionalne izrada web stranica responzivni prikaz je osnovni dio procesa. Cilj nije samo da stranica stane na ekran, nego da korisnik na svakom uređaju može lako pronaći ono što traži.
