Nettsider som er optimalisert for bruk på mobile enheter, skiller seg fra de som vises på stasjonære og bærbare datamaskiner. Sistnevnte er designet for store skjermer og presist museklikk, mens mobilnettsider er dimensjonert for mindre skjermer og unøyaktig fingertap.
- Designet for mindre skjermer og upresis fingertap.
- Designet for store skjermer med presist museklikk.
Med tanke på at flertallet av nettstedbesøk kommer fra mobile enheter, har nettsteddesignere i oppgave å tilby versjoner som fungerer med både mobile enheter og stasjonære datamaskiner. Den vanligste tilnærmingen er å bruke responsiv webdesign, som automatisk leverer riktig versjon basert på brukerens enhet og skjermstørrelse, som oppdaget av nettleseren.
I alle fall er mobilvennlige nettsider forskjellige fra skrivebordsversjoner på en rekke måter.
Sidedesign: Mobilskjermer har mindre plass
- Smarttelefon- og nettbrettskjermer måler 4 til 10 tommer diagon alt.
- Sammenleggbare eller utvidbare menymoduler erstatter vanligvis sidefelt og store overskriftsmenyer.
-
Fullbreddegrafikk med rettslig bruk av mellomrom mellom tekst.
- De fleste stasjonære skjermer måler 19 tommer til 24 tommer diagon alt.
- Sponsede lenker og store bannerannonser mer vanlig.
- Tettere tekst med mer spillerom for grafikk.
Den mest åpenbare forskjellen mellom stasjonære og mobile nettsider er skjermeiendommen. Mens de fleste stasjonære skjermer måler minst 19 tommer til 24 tommer diagon alt, er nettbrett vanligvis rundt 10 tommer. Smarttelefoner er omtrent 4 tommer diagon alt. Bare å zoome ut konverterer ikke en nettside til en mobilvennlig versjon fordi det gjør teksten uleselig og krever et ekstra skritt fra den besøkende på nettstedet. Dessuten blir det umulig å trykke nøyaktig på små elementer.
For å fikse problemet kan designere fjerne sidefelter og grafikk som ikke er strengt nødvendig. I stedet bruker de mindre grafikk, øker skriftstørrelser og skjuler innhold til utvidbare widgets. Denne eiendomsbegrensningen har drevet en helt annen type tenkning blant nettdesignere.
I tillegg erstatter sammenleggbare eller utvidbare menywidgeter vanligvis sidefelt og store overskriftsmenyer. I deres forsøk på å få hver millimeter skjermplass til å telle, fjerner designere overflødig hvitt område, mens de holder et nøye øye med lesbarheten.
En mengde sponsede lenker og store bannerannonser fungerer rett og slett ikke på en telefon eller et lite nettbrett. I stedet er små popup-annonser mer vanlige på mobilnettsider.
Layouter som inneholder tekst pakket rundt grafikk, spiller ikke bra på mobile enheter. I stedet gir designere ofte disse grafikkene i full bredde på skjermen og kjører teksten under eller over. På samme måte deler god webdesign tekst i biter for lesbarhet; ingen ønsker å lese solide tekstvegger. Dette blir enda viktigere på små skjermer. Å bruke mellomrom fornuftig er avgjørende.
Sidekontroller: Desktop Presisjon vs. Mobile Blobs
- Store tappeområder eller hotspots for mer nøyaktig navigering.
- Different URL: legger til bokstaven "m." Ofte et alternativ for å se skrivebordsversjonen av et nettsted.
- Påloggingslegitimasjon har ofte dedikert plass, noen ganger med fingeravtrykk tilgjengelig.
- Mer presise markørbaserte lenker og knapp.
I motsetning til en presis musepeker på skrivebordet ditt, er den menneskelige fingeren en blob, og å trykke på krever store mål på skjermen for hyperkoblinger. Mobilvennlige nettsteder tilbyr store tappeområder (eller hotspots) for å lette nøyaktig navigering.
Mobilvennlige nettsider inkluderer også ofte bokstaven m i adressene sine; for eksempel er Facebooks mobiladresse m.facebook.com. Mobil-URLen velges vanligvis automatisk for deg når du surfer med et mobilnettbrett eller smarttelefon. I noen tilfeller vil du se en kobling som kan trykkes på som lar deg bytte til den vanlige skrivebordsversjonen av siden.
Påloggings- og passordfelt for stasjonære og bærbare datamaskiner blir små og ubrukelige på en telefon, så nettutgivere gjør disse større, og noen ganger gir dem sine egne sider for enkel bruk. Å logge på med et fingeravtrykk eller en annen konto, for eksempel Google eller Facebook, blir stadig mer vanlig etter hvert som enhetens og tjenestefunksjonene utvikler seg.
Hvorfor betyr det noe?
Mobilnettsider er designet for håndholdte enheter og er ganske forskjellige fra sider laget for skrivebordslesing. Selv om du vanligvis kan se skrivebordsversjonen av en nettside på en mobilenhet, og omvendt, er de utformet annerledes for å gjøre innhold enklere å se, lese og navigere.
