Beste praksis for navigering på mobilnett
Måten folk får tilgang til informasjon på nettet, utvikler seg. Google rapporterer at ved neste år (2013) kommer mer enn halvparten av nettstedsbesøkene fra mobile enheter i stedet for skrivebord eller bærbare datamaskiner.
Ikke bare er mediet for å få tilgang til nettendringen, og behovet for de fleste mobile brukere som går på nettet med smarttelefonen eller den håndholdte enheten endres også; bli mer fokusert og oppgaveorientert.
Dagens smarttelefoneiere bruker telefonene sine til å utføre bestemte oppgaver som å sjekke destinasjoner, destinasjoner for offentlig transport og bankbalanser. Mens nettlesing på håndholdte enheter forekommer (spesielt når de står i veldig lange linjer eller venter på buss), foretrekker mange mennesker å surfe på nettet fra komforten av deres hjem eller kontor.
Skjermplass er begrenset på håndholdte enheter, og mobile brukere er opptatt, ofte med flere oppgaver, ettersom de søker etter informasjon på nettet med en tommel eller finger.
Av disse grunner er mobilnavigering enda viktigere enn navigering på et tradisjonelt nettsted. Å forstå spørsmålene og behovene til den typiske nettstedet besøkende, begrensningene av enheten, og hva som vil frustrere dem, er avgjørende for effektiv navigasjonsdesign på et mobilnettsted.
Hva spør mobilbrukere når de går online?
Compuware 'S 2011 studie Hva brukere ønsker fra Mobile fant at 95% av brukerne søkte etter lokal informasjon med sine smarttelefoner eller håndholdte enheter. Det vil derfor være god praksis for murstein og mørtelvirksomhet å navigere til deres plassering, timer og kontaktinformasjon fremtredende på mobilnettsteder.
Sett deg i skoene til den typiske nettstedbrukeren. Ta en titt på analysene for mobiltrafikken. Velg de tre eller fire kategoriene som brukerne ser etter, og velg kategorinavn som gjenspeiler de vanligste søkene.
Hvis dette er et mobilnettsted for en murstein- og mørtelvirksomhet, kan du vise en knapp for plassering og kontaktinformasjon fremtredende.
Du kan alltid legge til en lenke til "besøke vår nettside", og den virkelig interesserte kan se på en mer utførlig versjon av mobilnettstedet i komforten av kontoret eller hjemme med sin bærbare datamaskin.
7 For hele menneskeheten kjenner sine brukere.
Design for et annet miljø
I tillegg til parametrene og distraksjoner av det ytre miljøet, må webdesignere også evaluere enhetene selv når de utformer navigasjonselementer.
En arkitekt ville ikke forutse nøyaktig samme bygningsdesign for midten av byen, ørkenen eller skogen, og en god webdesigner vurderer mulighetene og begrensningene i mobilmiljøet for å skape den mest brukbare navigasjonen for mobilitet.
Problemet er selvsagt at designeren ikke vet hvilken enhet sluttbrukeren holder når han besøker nettstedet, en situasjon som kan løses ved hjelp av lydhørige designverktøy som CSS-mediesøk for å løse problemer med plassering, størrelse og tilpasningsbart innhold. Enten å designe et helt nytt mobilt nettsted ved hjelp av responsiv design eller tilpasning av et eksisterende nettsted for mobil, er det fremdeles visse gode fremgangsmåter som gjelder for navigering.
Navigasjonsmenyer for den lille skjermen
Webdesignere vet at mobile brukere oppfører seg annerledes når de får tilgang til nettet på smarttelefonene og håndholdte enheter enn de gjør på skrivebordet eller bærbare datamaskiner. Å finne plass til navigering på en liten skjerm kan være vanskelig, men med litt forsiktig planlegging kan mobilnavigasjonsdesign oppnås.
Med bare fire navigasjonsknapper og det gratis nummeret som vises gratis, er Loews Hotels mobile nettsted brukervennlig og enkelt å navigere.
Beste praksis 1: Reduser antall menyknapper
Dette kan være vanskelig når du designer en mobilvennlig versjon av et eksisterende nettsted, spesielt en som har mange lenker i skrivebordet. Begrens hovednavigasjonsknappene til fem eller mindre, og legg til nestede menyer hvis nødvendig.
Beste praksis 2: Reduser antall kraner
Hold antall handlinger som skal utføres på en mobil enhet til et minimum. Jo færre kraner og klikk for å finne ut hva brukeren ser etter det bedre. Det er for enkelt å gjøre en feil. Ta alltid med en lett å finne tilbake-knapp: du vil ikke frustrere brukeren ytterligere.
Beste praksis 3: Rulling av navigasjon
Hold de mest avgjørende navigasjonselementene øverst. Mobile enheter har forskjellige skjermstørrelser, så tenk nøye på betydningen av hver kategori som de som ligger lenger ned i listen, kan kreve rulling på smarttelefoner med mindre skjermplass.
Beste praksis 4: Stabelbare knapper
Mobilbrukere ser nettstedet ditt i portrett i stedet for landskap som de gjør på et skrivebord. Tilpass navigasjonen din til mobilnett ved å presentere den vertikalt. Les ned i stedet for på tvers. Dette fungerer best for nettsteder med ikke mer enn fem kategorier i menyen, og når det er usannsynlig, vil flere kategorier bli lagt til.
Beste praksis 5: nestet meny
Noen ganger kjent som sammenleggbar navigering, dette er et godt alternativ for nettsteder som krever innhold på skjermen, samt en meny, og de som forventer å legge til kategorier og menyelementer.
Optimaliser mobilitetsnavigering for berøringsskjerm og små knapper
Berøringsskjerm og små knapper betyr nye overveielser for webdesignere. Mobilbrukere har ikke luksusen til en klikkbar mus for å finne ut en liten menyknapp eller lenke. De er til tross for fingrene og tommelen, noe som betyr at de peker på områder på skjermen med mye mindre presisjon enn om de bruker en mus, og kan lett bli frustrert hvis deres tapping ikke gir umiddelbare resultater.
Webdesignere kan gjøre navigasjonen enklere for mobilbrukere ved å legge til mer plass rundt menykoblinger, eller ved å erstatte koblingene med knapper for menykategorier.
Å gjøre det større gjør det lettere å finne et område raskt og klikke det med en liten telefonknapp, eller trykk den med en finger eller en tommel. Siden gjennomsnittlig finger krever et klikkbart område på minst 44px x 44px, kan det føre til at knappene og navigasjonsområdene overskygger resten av innholdet på skjermen. Dette kan imidlertid passe til formålet med nettstedet og brukeren, spesielt hvis innholdet på hjemmesiden er sekundært til de store menyelementene.
Ideelt sett bør designen gi berøringsskjermbrukeren mulighet til å gjøre navigasjonsknappen større hvis nødvendig.
Tips for optimalisering
- Angi menyen øverst eller nederst på skjermen, avhengig av hovedformålet med nettstedbrukere. Hvis de ser etter innhold og sannsynligvis vil rulle, gir menyen nederst dem et annet sted å gå på nettstedet ditt enn å forlate stedet for en søkemotor eller konkurrerende nettsted.
- Del skjul menyen for å imøtekomme annet innhold på skjermen, og avslør hele menyen når brukerne trykker på den. Dette holder menyen foran og senter uten å utrydde nyttig innhold.
- Sett en menykobling øverst på skjermen, og legg til en navigasjonsknapp nederst.
- Tall og tynn kan være flott for supermodeller, men i mobilnettnavigasjon kort og bredt er det vakkert. Bred kort navigasjon hjelper også når du har lengre kategorititler - teksten passer bedre.
- Reduser høyden på headerbilder eller erstatt dem med en mindre logo for å øke plassen til navigering.
- Hold merkevarebygging og designproblemer konsekvent ved å ta hensyn til typografi, farge og stilen til navigeringsknappene i stedet for å bruke verdifull plass med stor grafikk og bilder.
- Forkort teksten, spesielt på menyknapper og kategorititler. I noen tilfeller er dette ekstremt vanskelig, og en stabelbar meny med plass til mer tekst på hver linje er et foretrukket alternativ.
- Forenkle så mye som mulig. Fjern så mye fra hjemmesiden som mulig for å fokusere på bare å gi de øverste få elementene de fleste brukere vil ha.
Mobilnavigasjon no-nos
Mobilbrukere er opptatt, distrahert og på farten. De vil ikke ha utvalg i valg av hvilke knapper du skal velge, og du vil ikke at de skal bli frustrert og forlate stedet på grunn av analyseforlamning.
Ikke gi dem mye valg.
Unngå horisontal rulling, og ikke sveve! Slider menyer kan også være frustrerende for mobile brukere. I ditt forsøk på å forenkle og effektivisere navigasjonen, tror ikke du må være kjedelig. Kreativ navigering er ikke dårlig, men det må være intuitivt. Brukeren skal kunne se hvor å gå for å finne den informasjonen de vil ha raskt.
Konklusjon
Den relative nyheten av mobilenheter som en metode for å få tilgang til Internett, betyr at mobilnavigasjon er i stadig utvikling, da forskjellige design blir prøvd, tweaked eller kastet ut helt.
Det som fungerer for ett sett med brukere på ett nettsted, kan være en katastrofe med et annet nettsted, ettersom informasjonen brukeren søker etter, er helt annerledes. I tillegg tilnærmer den samme brukeren forskjellige nettsteder med ulike formål: En mobilbruker som ser på en nyhetswebside på telefonen, sannsynligvis vil ha overskrifter, ikke kontaktinformasjon; Det er akkurat det hun ønsker når hun besøker mobilstedet for sin tannlege eller frisør.
Mens navigasjonselementer for en mobil nettside kan avvike fra en tradisjonell nettside, er formålet det samme: Internett-besøkende har et spørsmål når de går online. Hvor er butikken? Hva skjer i verden? Hva er saldo på bankkontoen min? Flott navigasjon fører brukerne til svarene raskt og enkelt.
Møt deres umiddelbare behov, og de kommer tilbake, øker trafikken til nettstedet, gjør kundene dine lykkelige og fører til henvisninger og mer mobil webdesignvirksomhet for deg.
Hvilke tilnærminger til mobilnavigasjon foretrekker du som designer? Hva med brukeren? Gi oss beskjed i kommentarene.
Utvalgt bilde / miniatyrbilde, mobil internett bilde via Shutterstock.