Mobilni web dizajn počinje drugačijim načinom korišćenja. Telefon nije manji monitor i ne traži samo manji raspored.
Zato mobilni web dizajn zahteva posebne odluke. Prosto smanjivanje desktop rasporeda retko rešava stvarne probleme korišćenja.
Mobilni ekran menja red prioriteta
Na desktopu nekoliko elemenata može stajati u istom redu. Na telefonu moraju dobiti jasan redosled.
To prisiljava dizajn da odluči šta je prvo, šta može kasnije i šta uopšte ne mora biti vidljivo.
Dobar mobilni prikaz zato često razotkrije slabosti desktop verzije. Ako prioriteti nisu jasni, mali ekran to odmah pokaže.
Palac određuje veliki deo ergonomije
Korisnik ne upravlja telefonom mišem. Dodir zahteva veće mete, više razmaka i manje preciznosti.
Dugme koje izgleda uredno na računaru može biti neprijatno za dodir. Posebno kada stoji blizu drugog važnog elementa.
Interaktivne zone treba planirati prema ruci, ne samo prema mreži dizajna. To važi za meni, forme i galerije.
Navigacija mora ostati kratka i predvidiva
Mobilni meni nema luksuz širokog ekrana. Previše nivoa može pretvoriti jednostavno kretanje u niz otvaranja i vraćanja.
Najvažnije stranice treba da budu lako dostupne. Sekundarne informacije mogu dobiti drugo mesto u hijerarhiji.
Dobar meni ne pokušava da pokaže sve odjednom. On pomaže korisniku da brzo pronađe sledeću relevantnu tačku.
Forme na telefonu traže više discipline
Svako dodatno polje povećava napor. Tastatura zauzima veliki deo ekrana i prekida pregled ostatka stranice.
Zato forma treba da traži samo podatke koji su stvarno potrebni za prvi kontakt ili konkretnu transakciju.
Tip polja takođe ima značaj. Telefon može ponuditi numeričku tastaturu za broj i odgovarajući unos za email.
Sticky elementi lako postanu prepreka
Fiksno dugme može biti korisno, posebno za poziv ili kupovinu. Problem nastaje kada zauzme previše prostora.
Cookie obaveštenje, chat, navigacija i sticky CTA mogu zajedno prekriti veliki deo ekrana. Korisnik tada čita kroz prorez.
Svaki trajno prisutan element mora opravdati svoju površinu. Mobilni ekran ne prašta gomilanje dodataka.
Slike treba kadrirati za uski format
Fotografija koja odlično radi u širokom hero kadru može izgubiti smisao na telefonu. Važan detalj može nestati van ekrana.
Zato mobilna verzija ponekad traži drugačiji crop ili čak drugu sliku. To nije nedoslednost, već prilagođavanje kontekstu.
Ključno je da vizuelna poruka ostane ista. Format može da se promeni da bi smisao ostao čitljiv.
Tipografija nije samo smanjivanje veličine
Preširok red na desktopu usporava čitanje, ali na telefonu postoji suprotan problem. Prevelika slova stvaraju stalna prelamanja.
Naslov mora zadržati snagu bez zauzimanja tri puna ekrana. Pasusi treba da imaju prijatan ritam i razmak.
Čitljivost zavisi i od kontrasta, proreda i margina. Veličina fonta je samo jedan deo mobilne tipografije.
Brzina na mobilnoj mreži nije isto što i kancelarijski Wi‑Fi
Sajt često nastaje na brzom računaru i stabilnoj vezi. Korisnik može doći iz automobila, kafića ili slabije mreže.
Veliki video, više skripti i teške slike tada postaju mnogo skuplji. Čekanje je vidljivije kada je pažnja već ograničena.
Zato mobilna optimizacija uključuje i težinu stranice. Responsive raspored sam po sebi ne rešava performanse.
Horizontalni pokreti treba da budu namerni
Karusel može biti koristan kada korisnik očekuje prevlačenje. Skriven horizontalni sadržaj može potpuno proći neprimećeno.
Ako interakcija nije očigledna, deo ponude praktično nestaje. Dizajn treba da pokaže da postoji još sadržaja.
Vertikalno skrolovanje ostaje prirodni osnovni pokret. Horizontalni sloj treba koristiti kada donosi jasnu korist.
Mobilni kontekst često traži brži kontakt
Na telefonu je poziv prirodna radnja. Adresa može otvoriti mapu, a email odgovarajuću aplikaciju.
Takve mogućnosti treba pretvoriti u jednostavne akcije. Korisnik ne bi trebalo da kopira broj iz običnog teksta.
Istovremeno, kontakt ne treba nametati prerano. Informacija mora biti dostupna kada odluka sazri.
Testiranje na stvarnom uređaju otkriva drugačije probleme
Browser simulacija je korisna, ali ne pokazuje uvek osećaj korišćenja. Pravi telefon uvodi ruku, tastaturu i browser interfejs.
Tek tada se vidi da li je dugme previsoko, tekst zbijen ili važan element neprijatno blizu ivice.
Mobilni kvalitet zato nije tehnička oznaka „responsive“. To je iskustvo koje mora funkcionisati pod stvarnim uslovima.