Brukskvalitet

Bilde: Foto: Dirk Gently,CC Flickr

Husker du de gamle “tykke” applikasjonene vi brukte før? Overraskelse: de finnes enda og nettleseren din er en av dem. Når vi lager nye lettbente webapplikasjoner av de gamle tykke applikasjonene skal disse kjøre inne i en annen tykk applikasjon – nettleseren. De som skal bruke webapplikasjonene vi lager trenger tastaturnavigasjon for å være effektive og unngå skader. Men utviklingen går i feil retning: Før mus ble vanlig var alle applikasjoner styrt med tastatur. Nå er vanlige hurtigtaster som “sitter i fingrene” allerede tatt i bruk til nettleserfunksjoner. Og for å gjøre vondt verre har ikke de ulike nettleserne de samme tastekombinasjoner.

Det lar seg løse, men det krever en innsats: Her finner du våre tips til hvordan lage tastaturnavigasjon i webapplikasjoner.

Money talks
Når økonomisjefen og IT direktøren skal kjøpe regnskapsystem som kjører i nettleseren, eller systemarkitekten skal velge rammeverk er det ett argument de hører på: Penger. Presentér et regnestykke som viser kostnadene ved å velge et rammeverk uten full støtte for hurtigtaster som fører til tregt arbeid og i verste fall sykdom og oppsigelse.

Planlegg tastaturnavigasjon fra starten
Støtte for tastaturnavigasjon må være et krav på et så tidlig tidspunkt at rammeverket som velges har full støtte for dette. Brukerhistorier må ta høyde for det, og det må testes med tastatur i utviklingen.

Må det være en nettleser?
Nettlesere har “tatt” alle de beste hurtigtastene. Det gjelder skifte av faner, lagre, skriv ut osv. slik at det som sitter i fingrene fra de tykke applikasjonene ikke lengre kan brukes. Men kanskje du har mulighet til å bruke et annet kjøretidsmiljø? Et eksempel er rammeverket Flex fra Adobe som kan kjøres i Adobe Air-miljøet.

Gi hint om hurtigtaster i applikasjonen
Understreking av en bokstav viser at en tastekombinasjon aktiverer menyen eller funksjonen. Tooltips i menyer kan gi hint om at tastatursnarveier kan benyttes. Dette støtter gradvis læring og hurtigtaster oppdages lettere uten å pugge brukerveiledningen.

Vær konsekvent
Dersom Alt+bokstav eller Ctrl+bokstav kombinasjonen ikke er tilgjengelig fordi den er lagt beslag på av nettleseren kan du bruke Alt Gr. tasten eller shift som et alternativ. Hvis du gjør dette helt konsekvent vil bruker kunne huske at det er Alt Gr + en bokstav som fungerer. Dersom lagrefunksjonen bruker Ctrl+S i din applikasjon mens alle andre bruker Shift+bokstav vil det trolig være enklere om alle brukte Shift+S.

Pass på Tab-rekkefølgen
Tab-navigasjon gjelder ikke bare innenfor skjema, selv om det er viktig nok. Navigasjon mellom komponenter i skjermbildet skal også fungere. Dersom du på ikke kan bruke standardkombinasjoner for lagre, skriv ut m.fl. er det desto viktigere at Tab-rekkefølgen er effektiv. Det beste er å kunne bruke Tab for å skifte fokus mellom f.eks. to tabeller, og at eksempelvis piltastene lar deg navigere i selve tabellen.

Kast musa
Koble fra musa di og bruk en applikasjon eller webside utelukkende med tastatur. Det er lærerikt og gir god innsikt i hvordan du kan gjøre tastaturnavigasjon enkel og effektiv for brukerne. Først da får du sjekket om samtlige kontroller i applikasjonen er tilgjengelig via tastatur.

Andre tips

• Plassér automatisk markøren i første felt i skjemaet og spar bruker for et klikk
• Validér skjema etterhvert som bruker fyller ut. Det gir mer effektiv tastaturnavigasjon
• Ikke glem feilmeldingene – Flytter de markørens fokus uten at bruker vil det? Kan de lukkes med Esc-tasten?
• Lær deg rammeverket – det kan ha innebygget støtte for tastaturnavigasjon. Finn ut hvilke taster det er som brukes
• Bruk standarder! Brukerne forventer spesiell oppførsel fra Enter, Tab, Mellomrom, PgUp, PgDn osv.

Allment tilgjengelige apps med tastaturnavigasjon:

• Google Reader
• Gmail
• Remember the milk

Mer om tastaturnavigasjon

• W3 validatorens hurtigtaster
• Navigasjon og tilgjengelighet (Engelsk)
• UK Government access keys standard (Engelsk)
• Wikipedia om Access keys (Engelsk)
• Microsoft GUI-standard for tastaturnavigasjon (Anbefales)

Kjenner du til flere applikasjoner som har tatt i bruk tastaturnavigasjon? Del dem med oss i kommentarfeltet. (NB: Fler enn to linker i en kommentar blir tatt av spam-filteret, si i så fall fra dersom den ikke dukker opp så vi kan godkjenne den manuelt).
*****************
Oppdatert: Her er lenke til presentasjonen jeg holdt på Javazone 9/9-2010: Keyboard navigation in web apps is NOT optional (PDF med engelske kommentarer, 2471 KB)