Hvordan Design en Mobile Web

Hvordan Design en Mobile Web


Mellom smarttelefoner og nettbrett databehandling, er mobile enheter fange mye av overskriftene. Brukerne er i bruk mobile enheter på et stadig raskere tempo. For noen brukere, mobile enheter er deres primære dataplattform. Av natur, disse enhetene har visse begrensninger. Mindre skjermer, tregere prosessorer og lavere fysisk minne skape utfordringer for mobile webdesignere. Opprette en vellykket mobil nettstedet krever omtanke og designstrategi.

Bruksanvisning

1 Lag ren HTML-kode (se referanse 1). Dette betyr at man følger W3C standarder slik kode er kompatibel. Hver store mobile device plattform viser HTML litt annerledes. Opprettholde HTML etterlevelse vil hjelpe produsere de beste resultatene på tvers av alle plattformer.

2 Implementere bare mobilvennlige funksjoner (se referanse 2). Lange HTML-skjemaer som krever mye tekst oppføring, Flash-animasjoner og Java-applets er alle eksempler på hva slags funksjoner for å unngå. I beste fall, disse funksjonene er upraktisk på en mobil enhet. I verste fall kan disse funksjonene bringe nettsurfing til en gjennomgang eller ikke vise i det hele tatt.

3 Design sider beregnet på en liten skjerm (se referanse 2). Siden mobile enheter har skjermoppløsninger langt mindre enn for en vanlig datamaskin, design sider som passer disse miniatyr-skjermer. Dette lar brukerne lese sider uten å måtte zoome. Det er også betydelig bidrar med lesbarheten av sideelementer.

4 Fjern eventuelle unødvendige grafikk (se referanse 2). Designere ofte ønsker å laste sider med grafiske elementer. På en mobil enhet, vil dette spise opp en stor del av enhetens videominne, noe som reduserer ytelsen. Det vil også ta lengre tid å vise siden som enheten laster ned grafikken over relativt trege mobildatatilkoblinger.

5 Bruk liberal white space for layout (se referanse 2). Motstå trangen til å fylle siden med så mye tekst som mulig. Tomrom og skjønnsom tekstflyt hjelpe brukere lese sider på mobile nettsider uten å anstrenge øynene.

6 Hold innhold tilgjengelig og på toppen av skjermen (se referanse 2). I vanlig webdesign, er tendensen til å omgi innhold med reklame, navigasjonsmenyer og sidefelt. At stil av design er ikke praktisk på en mobil enhet. Hold innhold front og senter slik at brukerne ikke trenger å rulle rundt på skjermen.