Mobilna verzija web stranice: šta je važno za dobar prikaz?

Mobilna verzija web stranice nije desktop stranica koja je samo stisnuta da stane na manji ekran. Dobar responsive dizajn mijenja raspored, prioritete sadržaja i način na koji korisnik dodiruje meni, dugmad i forme.

Na računaru korisnik ima veliki ekran, precizan miš i često stabilnu vezu. Na telefonu koristi prst, skroluje jednom rukom i možda je na mobilnoj mreži. Dizajn zato mora biti planiran za takve uslove.

Najvažniji sadržaj treba biti vidljiv ranije

Na desktopu možemo istovremeno pokazati naslov, fotografiju, dodatni opis i nekoliko informacija. Na telefonu se sve pretvara u jednu kolonu. Tada redoslijed postaje veoma važan.

Korisnik bi brzo trebao razumjeti šta firma nudi i kako da napravi sljedeći korak: pozove, pošalje upit, pogleda proizvod ili otvori lokaciju. Ako mora dugo skrolati prije nego što sazna osnovnu informaciju, stranica nije dobro prilagođena njegovom načinu korištenja.

Mobilni meni mora biti napravljen za dodir

Navigacija sa mnogo sitnih linkova možda radi mišem, ali je neugodna za prst. Mobilni meni treba imati dovoljno velike stavke, jasan redoslijed i jednostavno zatvaranje. Ako postoji važna akcija poput poziva ili slanja upita, treba je istaknuti bez zatrpavanja cijelog ekrana.

Dugmad i linkovi ne smiju biti premali

Jedan od čestih problema je da elementi tehnički postoje, ali su toliko mali ili blizu jedan drugom da korisnik stalno klikne pogrešnu stvar. Dobar mobilni interfejs ostavlja dovoljno prostora između aktivnih elemenata i koristi veličinu teksta koja se može čitati bez zumiranja.

Kontakt forme moraju biti kratke i praktične

Na telefonu se svako nepotrebno polje osjeti više nego na računaru. Ako su za prvi upit dovoljni ime, telefon ili email i kratka poruka, nema razloga odmah tražiti deset drugih podataka.

Važan je i tip polja: telefonski broj treba otvoriti odgovarajuću tastaturu, email polje email tastaturu, a dugme za slanje mora ostati jasno vidljivo.

Slike moraju izgledati dobro bez usporavanja stranice

Velika hero fotografija može izgledati odlično na monitoru, a na telefonu zauzeti cijeli prvi ekran ili napraviti nepotrebno dugo učitavanje. Potrebno je pravilno odabrati omjer, način kadriranja i veličinu fajla.

Više o problemima sa učitavanjem možete pročitati u savjetu zašto je web stranica spora.

Mobilni prikaz i SEO su povezani

Google mora moći pristupiti istom važnom sadržaju koji vidi korisnik. Zato ne treba praviti mobilnu verziju koja skriva ključne informacije samo da bi stranica izgledala kraće. Dobar responsive dizajn zadržava relevantan sadržaj, ali ga organizuje tako da je lakše čitati i koristiti.

Kako testirati mobilnu stranicu?

• Otvorite je na stvarnom telefonu, ne samo u smanjenom browser prozoru.
• Probajte meni jednom rukom.
• Pošaljite kontakt formu.
• Provjerite da li se tekst može čitati bez zumiranja.
• Otvorite nekoliko fotografija i dužu stranicu.
• Testirajte sporiju mobilnu mrežu ako možete.

Kod naše izrade web stranica mobilni prikaz nije naknadna korekcija. Strukturu od početka planiramo tako da sadržaj normalno funkcioniše na različitim veličinama ekrana.