Utform nettstedsmenyen etter konkrete brukeroppgaver
Knytt eksisterende sider til de besøkendes oppgaver. Et gjennomarbeidet eksempel tydeliggjør menytekster, målsider og den etterfølgende gjennomgangen.
Planlegg nettstedsmenyen ut fra det de besøkende vil gjøre. Du må vite hvilket innhold som finnes, og hvilket spørsmål hver målside besvarer. Bedriftens avdelingsnavn er i første omgang bare én mulig inndeling.
Knytt eksisterende innhold til en oppgave
Følgende eksempel er oppdiktet. Nettstedet til en programvareleverandør har en integrasjonsside, et skjema for prosjektforespørsler og hjelp til portalprogramvare som allerede brukes. Kodene viser til våre egne eksempelsider, ikke faktiske ASES-ruter.
Tabellen viser en del av navigasjonen. Menytekstene er forslag; koblingen til målsider er en forventning som skal undersøkes senere, ikke et resultat av en brukerundersøkelse.
Oppgave | Eksisterende innhold | Foreslått menypunkt | Målside |
|---|---|---|---|
Undersøke om leverandøren kan overføre kundedata mellom CRM og ERP. | Systemintegrasjon med dataflyt, begrensninger og kontaktmulighet. | Koble sammen systemer |
|
Beskrive en planlagt nettapplikasjon og oppgi egne kontaktopplysninger. | Prosjektforespørsel med opplysninger om prosjektet og kontakten. | Forespørsel om prosjekt |
|
Lese hvordan en fileksport fungerer i portalprogramvaren som allerede brukes. | Portalhjelp med den aktuelle veiledningen. | Portalhjelp |
|
Målsiden må oppfylle løftet i menypunktet. En generell tjenesteoversikt er for eksempel utilstrekkelig hvis den etterspurte integrasjonsinformasjonen mangler. Undersøk innholdet før du bare endrer navnet på lenken.
Undersøk menytekstene med oppgaver
GOV.UK anbefaler konkrete, troverdige testoppgaver som ikke avslører løsningen. Gi for eksempel en egnet testperson den første oppgaven i tabellen. Ikke fortell hvilket menypunkt personen skal velge. Observer den valgte teksten, omveier og resultatet på målsiden.
Spør deretter om informasjonen personen fant, besvarer oppgaven. Et første klikk alene beviser ikke det. Dokumenter observasjon og tolkning hver for seg: Feil målside kan skyldes teksten, grupperingen eller manglende innhold. Ett enkelt forsøk gir ingen generell suksessrate.
Bevar orienteringen på små skjermer
WAIs menyveiledning beskriver semantisk struktur og konsekvente synlige punkter på tvers av skjermstørrelser. En mobilmeny som kan foldes ut, skal støtte de samme oppgavene. Punkter som er synlige i begge visninger, skal ha samme rekkefølge, ordlyd og mål; den gjeldende siden må kunne gjenkjennes.
Planlegg eksplisitt for lange oversettelser og flere navigasjonsnivåer. Å flytte et punkt inn i en undergruppe er en innholdsbeslutning som handler om mer enn plass. Undersøk om de tre eksempeloppgavene fortsatt kan løses der uten forklaring.
Vurder også hvordan navigasjonen betjenes
WAI-ARIA-eksemplet skiller vanlig nettstedsnavigasjon fra en applikasjonsmeny med særskilt tastaturbetjening. Rollen menu passer ikke automatisk for vanlige navigasjonslenker. Bruk forståelige lenker og egnede kontroller for å folde ut seksjoner; tilstand og fokus må være tydelige.
Kontroller tastaturbruk, forstørrelse og en passende skjermleserkonfigurasjon i den implementerte versjonen. Gjennomgangen av de tre målsidene erstatter ikke denne tekniske kontrollen. Ta i bruk menytekster og grupper når oppgaveforståelse, målinnhold og betjening passer sammen; hold uavklarte funn synlige.
Kilder
Les videre
Alle artikler
Design og UX med ASES
Brukeropplevelse, grensesnitt og merkevare