Websider, der er optimeret til brug på mobile enheder, adskiller sig fra dem, der vises på stationære og bærbare computere. Sidstnævnte er designet til store skærme og præcise museklik, hvorimod mobilwebsider er dimensioneret til mindre skærme og upræcise fingertryk.
- Designet til mindre skærme og upræcis fingertryk.
- Designet til store skærme med præcise museklik.
I betragtning af at størstedelen af webstedsbesøg kommer fra mobile enheder, har webstedsdesignere til opgave at levere versioner, der fungerer med både mobile enheder og stationære computere. Den mest almindelige tilgang er at bruge responsivt webdesign, som automatisk leverer den korrekte version baseret på brugerens enhed og skærmstørrelse, som registreret af browseren.
Under alle omstændigheder adskiller mobilvenlige websider sig fra desktopversioner på en række måder.
Sidedesign: Mobilskærme har mindre plads
- Smartphone- og tabletskærme måler 4 til 10 tommer diagon alt.
- Sammenklappelige eller udvidelige menuwidgets erstatter typisk sidebjælker og store overskriftsmenuer.
-
Grafik i fuld bredde med retslig brug af mellemrum mellem tekst.
- De fleste desktop-skærme måler 19 tommer til 24 tommer diagon alt.
- Sponsorerede links og store bannerannoncer mere almindelige.
- Tættere tekst med mere spillerum til grafik.
Den mest åbenlyse forskel mellem desktop- og mobilwebsider er skærmejendommen. Mens de fleste desktop-skærme måler mindst 19 tommer til 24 tommer diagon alt, er tablets norm alt omkring 10 tommer. Smartphones er omkring 4 tommer diagon alt. Blot at zoome ud konverterer ikke en webside til en mobilvenlig version, fordi det gør teksten ulæselig og kræver et ekstra skridt fra den besøgende. Det bliver også umuligt at trykke præcist på små elementer.
For at løse problemet kan designere fjerne sidebjælker og grafik, der ikke er strengt nødvendige. I stedet bruger de mindre grafik, øger skriftstørrelser og skjuler indhold til udvidelige widgets. Denne ejendomsbegrænsning har drevet en helt anden form for tænkning blandt webdesignere.
Også erstatter sammenklappelige eller udvidelige menu-widgets typisk sidebjælker og voluminøse overskriftsmenuer. I deres søgen efter at få hver millimeter skærmplads til at tælle, fjerner designere overflødigt hvidt rum, mens de holder et omhyggeligt øje med læsbarheden.
En skare af sponsorerede links og store bannerreklamer virker bare ikke på en telefon eller en lille tablet. I stedet er små pop op-annoncer mere almindelige på mobilwebsider.
Layouts, der indeholder tekst viklet rundt om en grafik, spiller ikke godt på mobilenheder. I stedet giver designere ofte disse grafikker i den fulde bredde af skærmen og kører teksten under eller over. På samme måde deler godt webdesign tekst op i bidder for at blive læst; ingen ønsker at læse solide tekstvægge. Dette bliver endnu vigtigere på små skærme. Det er afgørende at bruge hvidt mellemrum fornuftigt.
Sidekontrol: Desktop præcision vs. Mobile Blobs
- Store tappeområder eller hotspots for mere nøjagtig navigation.
- Anden URL: tilføjer bogstavet "m." Ofte en mulighed for at se desktopversionen af et websted.
- Log-in-legitimationsoplysninger har ofte dedikeret plads, nogle gange med fingeraftryksadgang.
-
Mere præcise markørbaserede links og knap.
I modsætning til en præcis musemarkør på dit skrivebord, er den menneskelige finger en klat, og tryk kræver store mål på skærmen for hyperlinks. Mobilvenlige websteder tilbyder store tappeområder (eller hotspots) for at lette nøjagtig navigation.
Mobilvenlige websider indeholder også almindeligvis bogstavet m i deres adresser; for eksempel er Facebooks mobiladresse m.facebook.com. Mobil-URL'en vælges norm alt automatisk til dig, når du surfer med en mobil tablet eller smartphone. I nogle tilfælde vil du se et trykbart link, der lader dig skifte til den almindelige desktopversion af siden.
Login- og adgangskodefelter, der er beregnet til stationære og bærbare computere, bliver små og ubrugelige på en telefon, så webudgivere gør disse større og giver dem nogle gange deres egne sider for at lette brugen. At logge ind med et fingeraftryk eller en anden konto, såsom Google eller Facebook, bliver mere og mere almindeligt, efterhånden som enheds- og servicekapaciteter udvikler sig.
Hvorfor betyder det noget?
Mobilwebsider er designet til håndholdte enheder og er ret forskellige fra sider, der er lavet til desktoplæsning. Selvom du norm alt kan se desktopversionen af en webside på en mobilenhed og omvendt, er de designet anderledes for at gøre indholdet nemmere at se, læse og navigere i.