Spletne strani, ki so optimizirane za uporabo na mobilnih napravah, se razlikujejo od tistih, ki se prikazujejo na namiznih in prenosnih računalnikih. Slednje so zasnovane za velike zaslone in natančno klikanje z miško, medtem ko so mobilne spletne strani prilagojene velikosti za manjše zaslone in nenatančno tapkanje s prsti.
- Zasnovan za manjše zaslone in nenatančno tapkanje s prsti.
- Zasnovan za velike zaslone z natančnim klikom miške.
Glede na to, da večina obiskov spletnega mesta prihaja iz mobilnih naprav, morajo oblikovalci spletnih mest zagotoviti različice, ki delujejo tako z mobilnimi napravami kot namiznimi računalniki. Najpogostejši pristop je uporaba odzivnega spletnega oblikovanja, ki samodejno zagotovi ustrezno različico glede na uporabnikovo napravo in velikost zaslona, kot jo zazna brskalnik.
V vsakem primeru se spletne strani, prijazne do mobilnih naprav, na več načinov razlikujejo od namiznih različic.
Oblikovanje strani: mobilni zasloni imajo manj prostora
- Zasloni pametnih telefonov in tablic merijo diagonalno od 4 do 10 palcev.
-
Zložljivi ali razširljivi pripomočki menijev običajno nadomestijo stranske vrstice in obsežne menije v glavi.
- Grafika polne širine s pravočasno uporabo presledka med besedilom.
- Večina namiznih monitorjev meri diagonalno od 19 do 24 palcev.
- Pogostejše so sponzorirane povezave in velike oglasne pasice.
- Gostejše besedilo z več prostora za grafiko.
Najbolj očitna razlika med namiznimi in mobilnimi spletnimi stranmi je površina zaslona. Medtem ko večina namiznih monitorjev meri diagonalno vsaj 19 do 24 palcev, so tablični računalniki običajno približno 10 palcev. Pametni telefoni imajo diagonalo približno 4 palcev. Enostavno pomanjšanje spletne strani ne pretvori uspešno v različico, prijazno do mobilnih naprav, ker naredi besedilo neberljivo in od obiskovalca spletnega mesta zahteva dodaten korak. Prav tako postane nemogoče natančno tapkanje po drobnih elementih.
Za odpravo težave lahko oblikovalci odstranijo stranske vrstice in grafike, ki niso nujno potrebne. Namesto tega uporabljajo manjšo grafiko, povečajo velikost pisave in strnejo vsebino v razširljive pripomočke. Ta omejitev nepremičnin je spodbudila povsem drugačno razmišljanje med spletnimi oblikovalci.
Poleg tega zložljivi ali razširljivi pripomočki menijev običajno nadomestijo stranske vrstice in obsežne menije v glavi. V svojem prizadevanju, da bi štel vsak milimeter prostora na zaslonu, oblikovalci odstranijo odvečen prazen prostor, hkrati pa skrbno pazijo na berljivost.
Množica sponzoriranih povezav in velikih oglasnih pasic preprosto ne deluje na telefonu ali majhni tablici. Namesto tega so majhni pojavni oglasi pogostejši na mobilnih spletnih straneh.
Postavitve, ki vsebujejo besedilo, ovito okoli grafike, se v mobilnih napravah ne predvajajo dobro. Namesto tega oblikovalci tej grafiki pogosto dodelijo celotno širino zaslona in besedilo izvedejo pod ali nad njim. Podobno dobro spletno oblikovanje razdeli besedilo na dele za berljivost; nihče ne želi brati trdnih sten besedila. To postane še bolj pomembno na malih zaslonih. Premišljena uporaba praznega prostora je ključnega pomena.
Kontrolniki strani: Natančnost namizja v primerjavi z mobilnimi pikami
-
Velika območja za dotikanje ali vroče točke za natančnejšo navigacijo.
- Drugačen URL: doda črko "m." Pogosto možnost za ogled namizne različice spletnega mesta.
- Poverilnice za prijavo imajo pogosto namenski prostor, včasih s prstnim odtisom.
- Natančnejše povezave in gumb na podlagi kazalca.
Za razliko od natančnega kazalca miške na namizju je človeški prst madež in tapkanje zahteva velike cilje na zaslonu za hiperpovezave. Spletna mesta, prijazna do mobilnih naprav, ponujajo velika območja za dotikanje (ali vroče točke) za lažjo natančno navigacijo.
Mobilnim napravam prijazne spletne strani pogosto vsebujejo črko m v svojih naslovih; na primer, Facebookov mobilni naslov je m.facebook.com. Mobilni URL se običajno samodejno izbere za vas, ko brskate z mobilno tablico ali pametnim telefonom. V nekaterih primerih boste videli povezavo, ki se jo je mogoče dotakniti in vam omogoča preklop na običajno namizno različico strani.
Polja za prijavo in geslo, namenjena namiznim in prenosnim računalnikom, v telefonu postanejo majhna in neuporabna, zato jih spletni izdajatelji povečajo in jim včasih dajo lastne strani za lažjo uporabo. Prijava s prstnim odtisom ali drugim računom, kot sta Google ali Facebook, postaja z razvojem zmogljivosti naprav in storitev vse pogostejša.
Zakaj je to pomembno?
Mobilne spletne strani so zasnovane za ročne naprave in se precej razlikujejo od strani za branje na namizju. Čeprav si običajno lahko ogledate namizno različico spletne strani v mobilni napravi in obratno, so zasnovane drugače, da olajšajo ogledovanje, branje in krmarjenje po vsebini.
