Skifte beite? Gresset er grønnere hos oss
Sammen sprenger vi grenser for hva web kan være. Vi ser spesielt etter: Tekstforfattere, prosjektledere, designere og interaksjonsdesignere.
Er nedtrekksmenyen brukervennlig? 10
Spørsmål: Vi har fått inn to ganske likelydende spørsmål om nedtrekksmenyer (drop-downs) og hvorvidt disse er brukervennlige eller ikke.
Vårt svar: For det første takk for gode spørsmål!
Bør man bruke slike nedtrekksmenyer,- som i eksempelet fra DSB over? Svaret er ikke enkelt. La oss starte med noen argumenter på begge sider.
For nedtrekksmenyen:
- Disse brukes i de fleste programmer: hvorfor ikke bruke de på nettsted også?
- De gir raskere tilgang til nivå 2 i en meny. Man slipper å laste hele siden for å få vist menyen.
- Man slipper unødvendige mellomsider
Mot nedtrekksmenyen:
- Kan de bli tilgjengelige for alle?
- Brukeren må ofte opp på menyen for å se de alternativene menyvalgene
- Man “glipper” menyen ved at muspekeren flytter seg
Vurdering:
I de fleste brukertester vi har gjennomført der nedtrekksmenyer har vært involvert har brukerne fått store problemer. De vanligste problemene som oppstår er : Brukerne “glipper” menyen og får problemer med bruke den, brukerne tenker ikke over at det er andre menyvalg i nedtrekksmenyen etter at de har tatt et valg og det blir vanskelig å se hvor man er på nettstedet.
Hvorfor fungerer ikke disse menyene så bra på nettsider som i programmer? En årsaken er at det brukeren ønsker å gjøre i nedtrekksmenyen i f.eks. Word er noe helt annet enn det man ønsker å gjøre på de fleste nettsted. I Word vil du finne ut hvor en konkret funksjon er plassert og deretter bruke denne. På et nettsted må du ofte lete i flere kategorier (samme hvor god informasjonsarkitekturen er) og du ønsker gjerne å finne innhold og funksjoner som ligger under flere menypunkter. F.eks først “Priser og produktinformasjon” og deretter gå til “Kjøp av produktet”. Med andre ord: Det er viktig å ha OVERSIKT over de ulike valgene man har også etter at man har tatt et valg.
I Windows fungerer også menyen annerledes enn i de aller fleste nedtrekksmenyer på web. Menyen ekspanderes først med et klikk og forsvinner først etter at man har klikket på noe annet eller beveger musepekeren til et annet menyvalg. Den fremstår derfor som mye mer stabil enn den vanlige nedtrekksmenyen på web. Man “glipper” den ikke slik at den klapper sammen igjen. Problemet er at på et nettsted vil brukerne antageligvis bli forvirret og irritert over at menyen ble liggende over innholdet på siden helt til man klikker på noe annet. Dette er rett og slett for langt borte fra konvensjonen.
For kombinasjonen der man velger noe i en nedtrekksmeny og deretter får alle valgene i denne menyen tilgjengelig til venstres så er denne bedre enn den typen der man må opp til menypunktet hele tiden.
Vår anbefaling: Bruk nedtrekksmenyer kun hvis brukeren skal ta et klart og veldefinert valg. Dette er ofte tilfelle i webapplikasjoner. Antar man at brukeren må lete seg gjennom ulike kategorier for å finne det de er interessert i bør ikke de ulike valgene skjules i en nedtrekksmeny. Ja, nedtrekksmenyer kan spare brukerne for et klikk og gi raskere tilgang til menyvalg. Men, det at nedtrekksmenyen er ustabil (f.eks ved “glipping”) og den uvante interaksjonen, gjør at vi svært sjelden anbefaler våre kunder å bruke nedtrekksmenyer på nettsted. Husk også at de “unødvendige mellomsidene” kan være svært viktige for søkemotoroptimalisering, som landingssider for de som søker og ikke minst som navigasjonshjelp hvis de brukes til noe annet enn artikkellister.
Det er også verdt å merke seg at nedtrekksmenyer eller uttrekksmenyer (sidemenyer der valgene kommer ut horisontalt) begynner å bli rimelig sjeldne. Til og med microsoft.com har fjernet denne typen menyer på de fleste sidene :)
Om menyene kan bli tilgjengelige for alle er fortsatt noe usikkert. Det finnes flere som oppfyller WAI kravene, se:Tilgjengelige DHTML nedtrekksmenyer fra Brothercake og denne “klassiske” tilgjengelige nedtrekksmenyen fra A list apart i 2003. Det finnes også en påstatt forbedring av denne. Men når disse menyene ikke fungerer bra for brukere som er rimelig stødige på hånda, vil de i hvertfall fungere dårlig for en som skjelver litt eller har større motoriske problemer. Jeg vil derfor ikke si at slike menyer er særlig tilgjengelige.
Se også Gjermunds tidligere innlegg om ulike menyløsninger.
Allmuen, 29.08.2006 11:45
Nedtrekksmenyer er fremtiden! I en tid hvor nettsteder blir stadig mer informasjonstunge, ønsker vi nedtrekksmenyer velkomne!
Det finnes selvsagt andre løsninger, men de tar fort mye plass. Hvor skal vi få trengt inn alt viktig innhold? Alle nyhetene vi vil at brukerne skal lese?
Eneste ulempen jeg ser med nedtrekksmenyer er at man ikke kan skjelve for mye på hånden. Men det er jo uansett stort sett oss unge som bruker internett. Synes vi først og fremst må ta hensyn til de som faktisk bruker nettet!
Martin Gjesdal, 29.08.2006 12:11
Takk for svar på spørsmål, Jostein!
Jeg synes ikke at løsningen på “informasjontunge” nettsider nødvendigvis er nedtrekksmenyer. Løsningen må ligge i flere lag; man bør tenke over hvilken informasjon man legger ut, hvor man legger den og hvordan man bør tilgjengeliggjør den for forskjellige brukergrupper. Til og med de nedtrekksmenyene som fungerer bra teknisk gjør som regel en dårlig jobb praktisk, nettopp fordi brukerne i mange tilfeller ikke vet hva de leter og trenger å “fristes”.
i1277, 29.08.2006 18:46
“Synes vi først og fremst må ta hensyn til de som faktisk bruker nettet!”
Dette var da en svært bakvendt tankegang herr Allmue, vil du ikke ha flere kunder, ønsker du ikke at alle skal få nytte av nettet? Men nok om det. Man trenger nemlig ikke være spesielt gammel og skjelvende for å mene at drop-downs eller flyouts oppleves som trege og tungvinte å bruke. Det hjelper jo ikke på at de som benyttes på web kommer i hundre varianter og generelt er vanskeligere å håndtere enn varianten som er bygget inn i operativsystemet (og som vi er blitt vant til).
En annen potensiell ulempe med nedtrekkmenyer, er at de skygger for elementer på siden. Her må man veie den innsparte plassen opp mot at nedtrekkmenyer i tillegg til å være estetisk uheldig kan være ødeleggende for oversikten – litt som når man bruker fjernkontrollen på TVen til å justere volumet, og apparatets “volume bar” legger seg oppå underteksten – til de mindre språkkyndige seernes irritasjon.
Per-Erik Skramstad, 12.09.2006 15:46
Jeg må innrømme at jeg ikke skjønner problemet med at menyen legger seg oppå teksten (slik fx Word-menyer også gjør). Når du leter etter noe i en meny er det da vel menyinnholdet du er interessert i og ikke siden du vil vekk fra?
Per-Erik Skramstad, 12.09.2006 15:56
Når det gjelder nedtrekksmenyer og skjelving: Den jeg bruker på mitt nettsted, kan man manøvrere rundt i med TAB-tasten. Hvis det er mer skjelvevennlig, da.
Folka bak min meny (projectseven.com) har skrevet om tilgjengelighet her: http://www.projectseven.com/tutorials/accessibility/pop_integrated/index.htm
En ting som er viktig for mange, er å kunne ha én mal som alle sidene kan bygges på. Så vidt min teknisk begrensede hjerne forstår, må dette bli vanskelig hvis man skal operere med forskjellige menyer avhengig av hvilket nivå man er på. Eller? (Selv bruker jeg Dreamweaver.)
Jostein, 12.09.2006 19:19
Takk for gode innspill! Fant mye interessant innhold som jeg og sikkert andre med meg kan lære mye av på nettsidene dine.
NEDTREKKSMENYEN OG SKJULING AV INNHOLD
Problemet med at manyen legger seg foran tekst og annet innhold oppstår først og fremst når man ikke vil ekspandere menyen, men den ekspanderes når brukeren beveger musepekeren over den.
Det andre problemet er hvis man har forsinkelse i før menyen “spretter tilbake igjen” og den da blir liggende foran innholdet for lenge. Denne forsinkelsen er imildertid nødvendig for at ikke menyen skal sprette tilbake med en gang man beveger seg utenfor den.
Den store forskjellen på nedtrekksmenyen på et nettsted som ditt og den som finnes i windows o.l er at windows sin ikke ekspanderes “on mouseover” men “on click”. Dette gjør den mer ustabil i tillegg til ulempene med at den skjuler viktig innhold. På eksempelvis ditt nettsted så fortjener det svært nyttige innholdet som ligger i menyene å bli synliggjort på forsiden!! Brukeren vil da få et umiddelbart inntrykk av hva som finnes på sidene dine.
MALER
Hvis man bruker et publiseringssystem a.la ezpublish, idium, episerver eller enonic vil det ikke være noe problem å ha flere maler for sidene. Jeg er ingen rev i Dreamweaver, men det er vel også mulig å bruke ulike maler i Dreamweaver. På de aller fleste nettsted vil det være en fordel å benytte flere maler, for å gi brukeren flere nivå med menyer slik at de ser mulighetene, ulikt innhold krever ulik presentasjonsform osv.
Eirik, 13.09.2006 09:15
Jostein Jeg synes ikke det faktum at (de fleste) nedtrekksmenyer på web ekspanderer ved å føre musepilen over er noe argument mot å bruke slike menyer. Det er jo den enkleste sak i verden å konstruere de på samme måte som vi kjenner de fra bl.a. Windows. Eller mener du dette bryter med etablerte webkonvensjoner?
Jostein, 13.09.2006 09:18
Helt enig Eirik. Skal man ha nedtrekksmenyer på et nettsted bør de ekspandere først ved klikk. Har kanskje ikke sagt det i klartekst, men ment det hele tiden :)
Per-Erik Skramstad, 19.09.2006 20:26
Jostein/Eirik: Siden nedtrekksmenyer på nettsteder så å si aldri har ekspansjon ved klikk, vil dette bryte forventningene til det store segmentet som ikke har problemer med at menyen utløses ved et uhell. Da synes jeg heller man skal la være å bruke dem. For på nett sier intuisjonen oss at slike menyer ikke skal utløses ved klikk. Bruker man klikkutløsning, må man lære opp brukerne – eller avlære dem en konvensjon – og det høres ikke fruktbart ut IMHO.
Jeg savner noen gode eksempler. Blir så mye lettere når utgangspunktet er noe konkret. Det hadde kanskje vært et prosjekt for NetLife Research eller noen andre: “50 forskjellige måter å løse menyer på” ;-)
Jostein, 19.09.2006 20:41
Akkurat i dette tilfellet er det ikke noe problem hva brukerne er vant til. Hvis man har et menypunkt som heter “Produkter” og brukeren ønsker å finne et produkt, så klikker de jo på menyvalget produkter uansett. Om menyen da fungerer som en nedtrekk eller laster en venstremeny eller lignende så vil jo brukeren se hva som skjer og agere ut fra dette. Brukerne vil jo ikke kunne forutse at det er en nedtrekk som skjuler seg bak Produkter og forvente at denne utløses når man beveger musepekeren over. To eksempel på sider som bruker nedtrekksmenyer på ulike måter:
Flickr bruker det noen steder, men bare ved klikk og med en pil som indikerer at det er en nedtrekk. http://www.flickr.com/learn_more.gne
På høyre.no ekspanderes menyen når man beveger musepekeren over:
http://www.hoyre.no/
God ide med 50 måter å løse menyer på!!