Više od polovice svih posjeta web stranicama dolazi s mobilnih uređaja. Taj podatak samo po sebi dovoljno govori koliko je važno da vaša internetska prisutnost bude besprijekorno prilagođena pametnim telefonima i tabletima. Mobilni web više nije opcija — on je nužnost. U ovom članku proći ćemo kroz sve što trebate znati kako biste izgradili stranicu koja funkcionira jednako dobro na malom zaslonu kao i na računalu.
Sadržaj...
Prilagodljivi dizajn temelj je mobilnog iskustva
Kada korisnik posjeti vašu stranicu telefonom, očekuje da se sadržaj automatski prilagodi veličini njegova zaslona. Ne želi horizontalno pomicanje, ne želi zumirati tekst da bi pročitao naslov, ne želi klikati na premale poveznice. Upravo to pruža prilagodljivi dizajn — stranica koja reagira na uređaj i samostalno preuređuje svoj sadržaj.
Ključna načela dobrog mobilnog dizajna jednostavna su, ali ih je potrebno dosljedno primjenjivati. Navigacija mora biti lako dostupna — hamburger izbornik ili traka s najvažnijim poveznicama na dnu zaslona standard su koji korisnici intuitivno razumiju. Tekst mora biti dovoljno velik za čitanje bez napora, što znači da minimalna veličina fonta od 16 piksela nije preporuka već pravilo. Slike trebaju biti komprimirane i isporučene u modernim formatima poput WebP-a, koji pružaju kvalitetu uz znatno manju veličinu datoteke.
Ne zaboravite ni na kontaktne podatke. Broj telefona, adresa elektroničke pošte i fizička lokacija trebaju biti vidljivi i, što je najvažnije, klikabilni. Korisnik koji vas želi kontaktirati ne smije morati kopirati broj i zalijepiti ga u aplikaciju za pozive — jedan dodir zaslona trebao bi biti dovoljan.
Brzina učitavanja — faktor koji odlučuje
Nitko ne čeka. To je jednostavna istina interneta. Istraživanja pokazuju da većina korisnika napusti stranicu ako se ne učita u tri sekunde. Na mobilnim mrežama, koje su često sporije od kućne internetske veze, taj je rok još kraći. Brzina stoga nije samo tehničko pitanje — izravno utječe na to hoće li posjetitelj ostati ili otići konkurenciji.
Postoji nekoliko provjerenih tehnika za ubrzanje mobilne stranice. Minifikacija znači uklanjanje suvišnih znakova iz programskog koda, praznih razmaka, komentara i prijeloma redaka. Rezultat je manja datoteka koja se brže prenosi. Kombiniranje resursa ide korak dalje — umjesto deset odvojenih datoteka stilova, preglednik prima jednu.
Asinhrono učitavanje JavaScripta sprječava da taj programski kod blokira prikaz stranice. Korisnik vidi sadržaj dok se pozadinski elementi još učitavaju. Lenjo učitavanje slika tehnika je koja odgađa učitavanje slika koje se trenutno ne vide — tek kada korisnik pomakne stranicu prema dolje, nova slika se pojavljuje. To drastično smanjuje količinu podataka koju stranica mora prenijeti pri prvom otvaranju.
Predmemoriranje, odnosno keširanje, još je jedan ključan element. Kada korisnik ponovno posjeti stranicu, dio sadržaja već je spremljen na njegovu uređaju pa se ne mora ponovno preuzimati s poslužitelja.
Mobilna optimizacija za tražilice
\
