Eirik Bell

april 26, 2007

Usability analyse av www.qxl.no

Arkivert under: HUIN105, UiB — ebe048 @ 1:09 pm

Denne oppgaven tar for seg analyse av nettstedet www.qxl.no. Analysen er basert på boken Don’t Make Me Think av Steve Krug og tar for seg usability problemer.

Visualitet

Det første man legger merke til visuelt er at det er mange lenker å trykke på. Lenkene er meget godt markert, alle med underlinje og nesten alle i blå skrift, som er kjent for alle som bruker internett. Det er derimot en ulempe at tre av lenkene som skal være mest fremtredende er laget i hvit skrift på enten gul eller lyseblå bakgrunn. De nevnte tre lenkene blir dermed ikke så fremtredende som de er ment å være, og bakgrunnen er støyende når man leser hva som står på knappene. Bortsett fra dette så er det god bruk av farger for å forhindre støy på nettstedet, spesielt så fungerer gule og grå skillelinjer som gode skiller uten at de blir for fremtredende.

Nettstedet inneholder lite tekst og veldig mye lenker. Sidene er skannbare, og bruker gode visuelle hierarkier. Et lite minus er at overskriftene er for lite fremtredende, de kunne med fordel vært større.

Når man trykker på Bli Medlem kommer du til en side med mye “Happy Talk”, men bruk av uthevet skrift og lenker gjør det litt mer skannbart. Ellers fungerer hjelp og instruksjoner meget bra, disse er lagt ved alle sider hvor man fyller inn felt. De støtter både erfarne og uerfarne brukere, siden de alltid er tilstede uten å være fremtredende.

Endringer som bør gjøres i det visuelle, er å gjøre objektene som skal være fremtredende enda mer fremtredende i designet. Overskrifter bør gjøres større, og fargen på knappene med hvite lenker bør endres slik at det er teksten i knappene som først får oppmerksomhet.

Navigasjon

Den første navigasjonen man legger merke til når man entrer nettstedet, er den skilleark lignende navigasjonen øverst på siden. Men dette er kun en bløff, skillearkene fungerer ikke slik konvensjonene på internett tilsier. Når man entrer nettstedet er ett av skilleark elementene merket i samme farge som den generelle bakgrunnsfargen i navigasjonen, men dette er ikke for å markere kategorien man er inne på. Alle knappene er statiske bortsett fra en, dersom man trykker på Rubrikk! forandrer den navn til Auksjon! og bakgrunnsfargen på navigasjonen endrer seg. Dersom man trykker på en knapp vil denne ikke endre seg til den generelle bakgrunnsfargen for å markere at man er inne på denne kategorien. Skilleark menyen er dessuten en sammenblanding av verktøy og kategorier. Konklusjonen blir dermed at dette er en meny av vanlige knapper som feilaktig utgir seg for å være skilleark navigasjon, en løsning som Steve Krug i læreboken advarer mot å bruke.

På mer lokalt nivå finner vi en navigasjonsti som viser hvor i hierarkiet man befinner seg. Denne stien har uthevet skrift på nivået man befinner seg på, og fungerer godt til sitt formål. Det mangler derimot lokal navigasjon over nivået man urforsker, for eksempel under kategorien Mobil og Tele er det ingen navigasjon for å gå til andre kategorier på samme nivå, og påfølgende er det dermed ingen visuell merking av hvor i hierarkiet man befinner seg bortsett fra navigasjonstien. Det er derimot mulig å klikke seg videre inn i nivåene under nivået man er inne på ved å bruke navigasjon som riktig nok er plassert litt for langt nede på siden, slik at man må bla ned for å se de med mindre man har veldig høy skjermoppløsning.

Navigasjonsdesignet bør endres drastisk. Verktøysknapper bør skilles fra andre knapper. Deretter må det tas et valg på om man ønsker knapper, lenker eller skilleark for de forskjellige kategoriene. Uansett hvilken løsning som velges bør disse representere det øverste nivået i nettstedets hierarki. Knappene som ikke hører hjemme her er verktøyene Bli Medlem, Min Konto og Hjelp, samt de tre knappene som går gjennom hele hierarkiet og fungerer som versjoner av hierarkiet, Rubrikk!, Kjøp! og Selg!.

Dersom man beholder et tilnærmet likt design som i dag, med lenkene i hierarkiet på venstre side av forsiden, bør disse lenkene følge med og utvide seg med lokale nivåer og merking av hvilken side man for øyeblikket er inne på, slik at navigasjon til andre kategorier eller andre elementer i samme nivå i hierarkiet kan gjøres raskere og enklere. En slik løsning vil også være skannbar i motsetning til dagens løsning hvor man kun får presentert en navigasjonssti uten muligheten til å skanne alternative kategorier.

Forsiden

Forsiden er bygget opp slik læreboken anbefaler, med klikkbar logo oppe i venstre hjørne, en god og beskrivende tagline og et godt synlig startpunkt for alle tre gruppene som besøker nettsiden; de som ønsker å søke, de som ønsker å utforske og de som ønsker å sjekke tilbudene.

Accessibility

Nettsiden er ikke spesielt tilrettelagt for mennesker med funksjonshemninger. Det er ikke brukt alternativ tekst på bilder, det er ikke brukt <label> tag på <form>elementer og det er ikke mulig å bruke tab knappen på keyboardet for å velge lenkene som forekommer under øverskriften i øverste nivå av hver kategori hvor man kan velge Auksjoner, Rubrikk Annonser eller Fastprist Annonser, dette fordi det er brukt <td> tag med OnClick attributten istedenfor å bruke en lenke. Alt dette bør utbedres for å støtte nettlesere for blinde, nettlesere som ikke laster bilder, brukere som ikke har mus tilgjengelig, ol.

No Comments Yet »

Ingen kommentarer ennå

RSS feed for kommentarer på dette innlegget. TrackBack URI

Kommentér

Blogg på WordPress.com.