Test en oppgave på en faktisk telefon.
Du åpner en produktside på telefonen. Bildet fyller skjermen, en melding dekker bunnen, og størrelsesvelgeren ligger et stykke nedenfor. Hver del kan se fornuftig ut alene. Til sammen gjør de det vanskelig å komme videre.
En god nettbutikk på mobil trenger prioritering. Kunden skal forstå hva som vises, velge riktig produkt og se neste steg. Det krever mer enn at innholdet får plass innenfor skjermbredden.
Velg en konkret oppgave, som å finne en genser i riktig størrelse. Gjør den på en telefon, og noter hvor du må lete, bla tilbake eller rette et feiltrykk. Bruk gjerne en person som ikke kjenner butikken fra før.
Hold produktvalget samlet.
Pris, størrelse, farge og tilgjengelighet bør være lette å forstå i sammenheng. Når kunden bytter variant, skal det være tydelig hvilken variant som er valgt og om valget påvirker det som kan kjøpes.
Unngå at viktige beskjeder bare dukker opp langt unna feltet kunden bruker. Hvis en størrelse er utsolgt, vis det der størrelsen velges. Hvis valget mangler, forklar hva kunden må gjøre før varen kan legges i kurven.
En fast kjøpsknapp kan vurderes når den hjelper kunden, men test at den ikke dekker innhold, samtykkevalg eller feilmeldinger. Les også om produktsider som hjelper kunden å velge.
Gjør feltene lette å fylle ut og rette.
Be om opplysninger som trengs for den aktuelle oppgaven, og forklar felter som kan misforstås. Vis et tydelig feltnavn også etter at kunden har begynt å skrive. En plassholder inne i feltet forsvinner ofte under utfylling.
W3C anbefaler at skjemakontroller har tilknyttede etiketter, slik at blant annet hjelpemidler kan identifisere formålet. Se W3Cs veiledning om feltnavn.
Prøv feil med vilje: en ufullstendig e-postadresse, et manglende postnummer eller et obligatorisk valg som ikke er gjort. Kunden bør få vite hva som må rettes og beholde det som allerede er fylt inn. Test også hva som skjer når skjermtastaturet er åpent.
Se etter det som avbryter kunden.
Åpne menyen, filtrer et produktutvalg og gå tilbake fra en produktside. Er valgene fortsatt der? Kan meldinger lukkes? Er det tydelig når varen er lagt i kurven? Små avbrudd blir synlige når du prøver en hel oppgave.
Kontroller også med større tekst og tastaturnavigasjon. Lesbarhet, fokus og tydelige tilbakemeldinger må fungere sammen med utseendet. Mobilopplevelsen avhenger dessuten av at siden laster og reagerer når kunden bruker den.
Begynn med én viktig produktside og veien derfra til kassen. Rett hindringene du observerer, og prøv oppgaven igjen. Ta gjerne med denne reisen til Holio Studio som utgangspunkt for en samtale om hva nettbutikken din trenger.