3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1

Transkript

1 3 usability-tests Gangstertest Ekspertvurdering Kortsortering med udgangspunkt i Køge Boldklubs web site Side 1

2 Køge Boldklubs web site Side 2

3 Gangstertest I gangstertesten har testpersonen fået stillet en række spørgsmål, som vedkommende foran det ukendte web site fra Køge Boldklub skal forsøge at besvare efter sin helt egen normale fremgangsmåde. Hjemmeside: Hvilken hjemmeside er jeg på? Hurtig besvarelse (Sport og fodbold) Underside: Hvilken underside er jeg på (Elite)? Forholdsvis hurtig besvarelse. Ekstra underside: Gætter på Gæstebog. Kan ikke komme frem til svaret, som er Nyheder. Sektioner: Hvilke menuer findes på denne hjemmeside? Fandt menuen efter lidt tid. (For små menuer synes vores testperson). Lokal navigation: Hvad er mine muligheder på organisationsniveauet? Fandt menuerne og derefter mulighederne på organisationsniveauet efter lidt tid. Du er her -indikator: Hvor er jeg i den samlede struktur? Svært at finde ud af. Lidt for lille skrift i menuen. Søgefunktion: Hvor kan jeg søge? Der er ingen søgefunktion. Vores testperson ville ellers kigge i toppen. Side 3

4 Gangstertest I gangstertesten er topkarakteren 18 point. Køge Boldklubs web site scorede 9 point og fik dermed kun halvdelen af de mulige point. Ifølge testpersonen fungerer web sitet egentlig ok. De problemer, vedkommende havde, har primært rod i, at personen ikke kendte til web sitet i forvejen. En forbedring af læsbarheden og informationen om, hvor man befinder sig, ville i alle tilfælde have gjort det nemmere for personen. Side 4

5 Ekspertvurdering I ekspertvurderingen udvælges en række eksperter (i vores tilfælde 3, som i dette projekt er os selv), som med udgangs-punkt i Jakob Nielsens 10 heuristikker fremhæver de ting på web sitet, som ikke fungerer optimalt. Specialist i IT-brugervenlighed, Jakob Nielsen, har udviklet 10 heuristikker, som bruges i forbindelse med test af softwaresystemer. Da mange af disse heuristikker også er egnet til en analyse af web sites med disses fejl og mangler samt forbedringer, er heuristikkerne også anvendt i denne test. Jakob Nielsens 10 heuristikker 1. Synlighed af systemets status (Systemet bør altid holde brugerne informeret om, hvad der foregår, gennem passende feedback indenfor en fornuftig tid). 2. Match/harmoni mellem systemet og den rigtige verden (Systemet bør tale brugerens sprog med ord, fraser og koncepter, som brugeren kender til, i stedet for system-baserede udtryk. Følg den virkelige verdens konventioner/regler og vis information i en naturlig og logisk rækkefølge). 3. Brugerkontrol og -frihed (Brugere vælger ofte systemfunktioner ved en fejltagelse og har brug for en tydelig markeret nødudgang for at forlade den uønskede tilstand uden at skulle gå igennem en udvidet dialog. Tilbyd fortryd og gentag ). 4. Konstanthed og standarder (Brugerne bør ikke undre sig over, hvorfor forskellige ord, situationer eller handlinger betyder det samme. Følg platform-reglerne). 5. Forebyggelse af fejl (Selv gode fejlmeddelelser overgås af et omhyggeligt design, som forhindrer fejl i at dukke op først. Fjern eller tjek hellere de forhold, hvor der er tilbøjelighed for fejl, og tilbyd brugerne en mulighed for bekræftelse før de sætter noget i gang). 6. Hellere anerkendelse end tilbagekaldelse (Minimer brugernes hukommelsesbelastning ved at gøre objekter, handlinger og muligheder tydelige. Brugeren bør ikke skulle huske information fra den ene dialog til den anden. Instruktioner til brug af systemet bør være tydelige eller let tilgængeligt, når det er passende). 7. Fleksibilitet og effektivitet i brugen (Hastighedsforøgelser - ikke set af begynderen - gør interaktionen/samspillet hurtigere for eksperten, så systemet kan tilfredsstille både den erfarne og uerfarne bruger. Tillad brugere at tilpasse hyppige handlinger). 8. Æstetik og minimalistisk design (Dialoger bør ikke indeholde oplysninger, som er irrelevante eller sjældent nødvendigt. Hver ekstra oplysning i en dialog konkurrerer med de relevante oplysninger og formindsker deres relative synlighed). 9. Hjælp brugere til at genkende, stille en diagnose og komme tilbage fra fejl (Fejlmeddelelser bør være udtrykt i et tydeligt sprog (ingen koder) med en præcis angivelse af problemet og konstruktivt foreslå en løsning). 10. Hjælp og dokumentation (Selv om det er bedre, at systemet kan benyttes uden dokumentation, kan det være nødvendigt at sørge for hjælp og dokumentation. Enhver af disse informationer bør være let at søge, mhp. brugerens opgave, skriv konkrete trin op, som skal udføres, og ikke for lang). Side 5

6 Ekspertvurdering Udvalgte fejl på Køge Boldklubs web site. Forklaring findes på de næste sider. Side 6

7 Ekspertvurdering Jævnfør evt. de næste to sider, hvor hver enkelt punkt er uddybet. Side 7

8 Ekspertvurdering 1. Synlighed af systemets status (Systemet bør altid holde brugerne informeret om, hvad der foregår, gennem passende feedback indenfor en fornuftig tid) Info om 1.-holdet ikke tilgængeligt Det er ikke muligt at se information om 1.-holdet nogle steder. Det kan enten skyldes, at der ikke er information om det, at webmasteren har glemt at lægge det ud, eller fordi linket Herrer i Senior ikke virker. Problemkategori: 4 Løsning. Ret nævnte problemer. 2. Match/harmoni mellem systemet og den rigtige verden (Systemet bør tale brugerens sprog med ord, fraser og koncepter, som brugeren kender til, i stedet for system-baserede udtryk. Følg den virkelige verdens konventioner/regler og vis information i en naturlig og logisk rækkefølge). Menu-links Menuerne ligner links, men er ikke umiddelbart klikbare. Man finder ikke straks ud af, om der sker noget, når man klikker. Problemkategori: 3 Løsning: Få dem til at ligne links eller brug menutyper nævnt under punkt 6. Logo-link Logoet er ikke et link til forsiden (eller noget andet). Problemkategori: 1 Løsning: Link til forsiden via logoet. Interne links i menuen Links Alle links i menuen Links, som linker til andre fodbold-web sites, er interne. Dermed skal man til at klikke sig tilbage, når man skal tilbage til Køge Boldklub. Problemkategori: 1 Løsning: Lav eksterne links 4. Konstanthed og standarder (Brugerne bør ikke undre sig over, hvorfor forskellige ord, situationer eller handlinger betyder det samme. Følg platformreglerne). Betydning af Support Support er ikke en hjælpeside, men et sted man kan blive supporter eller læse om det. Det er forvirrende pga. den dobbelte betydning. Problemkategori: 2 Løsning: Skriv Supporter eller Bliv supporter/medlem i stedet for Support. Lav et andet menupunkt der hedder Kontakt, så man ikke er i tvivl om betydningen af Support. Ikke standardiseret kontaktoplysninger Under Info/Kontakt er tlf.-oplysninger ikke skrevet på den samme måde Problemkategori: 1 Løsning: At skrive det på samme måde med to cifre ad gangen (eks.: Tlf: ). Links-problemer i Senior Links til Herrer og 3. hold virker ikke i menuen Senior. Problemkategori: 4 Løsning: Fiks links Header-problemer Headeren bliver gentaget, når man klikker på undersiden 4/5. Hold. Probelmkategori: 2 Løsning: Ret header-fejlen, så undersiden kommer til at ligne de andre. Links der skiller sig ud De links, der er i højre side, ligner reklame-links, men er links til KøgeCup, sponsorer, stillingen og kamp og træning. Det kan være svært at se, at linkene ikke har noget med hinanden at gøre. Desuden er de tre første links eksterne, så man kommer væk fra den åbne side. Det ene af de eksterne, sponsor-linket, er tilmed en intern side. Problemkategori: 2 Løsning: Læg linkene et andet sted og/eller adskil dem mere. Hvis der skal være eksterne links, skal de ikke indeholde sider med internt indhold. Skriv evt. når links er eksterne. Dødt link-indikator Linket 2.Holdet i menuen 1 & 2 Holdet bliver ikke gul, når man trykker på den, ligesom de andre links gør. Hermed er der ikke nogen indikator for, hvor man befinder sig henne. Problemkategori: 2 Løsning: Gør linket gult, når man har trykket på det. Forskellig grammatisk brug Der er ingen konsekvent brug af grammatikken ved linkene 1 & 2 Holdet, 2.Holdet, 2. hold, 3. hold og 4/5. hold. Problemkategori: 1 Løsning: Skriv det på samme måde alle steder. Side 8

9 Ekspertvurdering 6. Hellere anerkendelse end tilbagekaldelse (Minimer brugernes hukommelsesbelastning ved at gøre objekter, handlinger og muligheder tydelige. Brugeren bør ikke skulle huske information fra den ene dialog til den anden. Instruktioner til brug af systemet bør være tydelige eller let tilgængeligt, når det er passende. Menuer og undermenuer Ikke tydelige menuer og undermenuer. Problemkategori: 3 Løsning: Større skrift, drop down-menuer eller almindelig venstrestillet hierarki-menu. 7. Fleksibilitet og effektivitet i brugen (Hastighedsforøgelser - ikke set af begynderen - gør interaktionen/samspillet hurtigere for eksperten, så systemet kan tilfredsstille både den erfarne og uerfarne bruger. Tillad brugere at tilpasse hyppige handlinger). Dominerende tekst på indholdsside Nyhederne på forsidens indholdsside er meget dominerende og fylder meget mere end menuerne og anden relevant info. Problemkategori: 2 Løsning: Sæt også anden relevant info i indholdssiden og gør evt. teksten mindre. 8. Æstetik og minimalistisk design (Dialoger bør ikke indeholde oplysninger, som er irrelevante eller sjældent nødvendigt. Hver ekstra oplysning i en dialog konkurrerer med de relevante oplysninger og formindsker deres relative synlighed). Små menuer Det er svært at finde menuen hurtigt, når man kommer ind på siden første gang. Problemkategori: 2 Løsning: Lave teksten større, så det passer til den anden tekst og det andet indhold. Forstrakte, pixellerede billeder Banneret på forsiden med billeder og sponsor-links bliver forstrakte alt efter hvilken størrelse browser, man bruger. Billederne er for pixellerede og tager med sin placering og størrelse en del af opmærksomheden. Dermed kan web sitet for den nye besøgende komme til at udstråle useriøsitet og amatørisme. Problemkategori: 1 Løsning: Billeder i normale proportioner samt i højere kvalitet eller i en knap så dominerende størrelse. Genbrug af billede Det samme billede bliver brugt til samtlige udpluk af forsidens beskrivelser af tidligere kampe. Problemkategori: 1 Løsning. Brug forskellige billeder, brug mindre billeder eller symboler, eller undlad helt at bruge noget. Lange linjer Linjerne er alt for lange og går nogle gange fra den ene ende til den anden. Især et problem på skærme med høj opløsning Problemkategori: 2 Løsning: Flere spalter. Stor skrift Skriftstørrelsen på forsiden er for stor. Man kan miste overblikket og lysten til at læse. Problemkategori: 2 Løsning: Gøre skriften mindre. Side 9

10 Testpersonens version Forside Seneste nyheder Info/Kontakt Kampprogram Links Køge Shoppen Restaurant Foreninger Erhvervsklub Boldklubbens venner Forældreforening Hold Herrer 2.-hold 3.-hold 4.-/5.-hold U6 - U19 Damer U13 Piger U18 Piger 2.-holdet Oldboys Veteran Sæson Træningstider Trænere/ledere Kampnyt Komplet kampprogram Resultater/stillinger Om Klubben Historie Klubbens lovsæt Stadion Baneoversigt Målaktionær Aktietegning Bestyrelser Klubsang Tilmelding Indmeldelse Support Den oprindelige version Forside Seneste nyheder Kampnyt Links Organisation Trænere/ledere Træningstider Bestyrelser Indmeldelse 1 & 2 Holdet Komplet kampprogram Resultater/stillinger Kampprogram 2.Holdet Elite Senior Herrer 2. hold 3. hold 4/5. hold Oldboys Veteran Damer Ungdom U19 U6 U18 Piger U13 Piger Køge Boldklub Historie Klubbens lovsæt Stadion Baneoversigt Aktietegning Målaktionær Info/kontakt Erhvervsklub Restaurant Support Support Køge Shoppen Forældreforening Boldklubbens Venner Klubsang Kalender Kortsortering Test 1, den åbne I kortsorteringens åbne test får testpersonen udleveret alle undermenuerne skrevet ned på nogle kort. Herefter skal testpersonen selv prøve at lave hovedmenuerne og fordele undermenuerne i dem. Side 10

11 Kortsortering Test 1, den åbne Opfølgende spørgsmål til testpersonen Hvilken fremgangsmåde har du brugt? Den logiske sans. Giver din opstilling mening? Ja! Kunne det være gjort på en anden måde? Det ved jeg ikke... Hvordan forestiller du dig, at siden ser ud? Drop down-menuer, og med to spalter ved Hold. Spændt på at se, hvor Support ligger. Meget information. Vi kan konkludere: - Overskrifterne er acceptable/forståelige, dog minus Support - Boldklubbens opdeling giver sammenlagt mening dog kunne opdeling godt være gjort mere meningsfuldt. Eksempler: - 1. holdet mangler under punktet 1 & 2 Holdet. - Køge shoppen og restauranten kunne godt have været gjort eksterne som link og ikke samhørende med selve boldklubben. - Svært at forstå beskrivelserne af kortene. Tror du, den er nem at navigere i? Nej, ikke hvis der er flere sider Side 11

12 Testpersonens version Forside Kampprogram Info / kontakt Indmeldelse Køge BoldKlub Trænings tider Trænere/Ledelse Klubsang Baneoversigt Historie Stadion Klubbens Lovsæt Aktietegning Organisation Erhvervsklub Boldklubbens Venner Forældre Foreningen Mål aktionær Bestyrelse 1 og 2 holdet 2 hold Elite Herrer Damer 2-Holdet Senior Veteran Oldboys 3. Holdet 4/5 Holdet Ungdom U13 Piger U18 Piger U6 - U19 Kalender Seneste Nyheder Komplet kamprogram Resultater / stillinger Kamp nyt Support Support Links Køge Shoppen Restaurant Den oprindelige version Forside Seneste nyheder Kampnyt Køge Boldklub Info/tkontakt Stadion Baneoversigt Aktietegning Målaktionær Historie Klubbens lovsæt Erhvervsklub Restaurant Organisation Trænere/ledere Bestyrelse Træningstider Indmeldelse 1 & 2 Holdet Komplet kampprogram Resultater/stillinger Kampprogram 2.Holdet Elite Senior Herrer 2. hold 3. hold 4/5. hold Oldboys Veteran Damer Ungdom U19 U6 U18 Piger U13 Piger Kalender Support Support Køge Shoppen Forældreforening Boldklubbens Venner Klubsang Links Kortsortering Test 2, den lukkede I kortsorteringens lukkede test får testpersonen udleveret hovedmenuerne fra den oprindelige hjemmeside og skal efter bedste evne fordele undermenuerne i de givne hovedmenuer. Side 12

13 Kortsortering Test 2, den lukkede Opfølgende spørgsmål til testpersonen Er du overrasket over menu-overskrifterne? Nej, Organisation er god. Support er mærkelig. Kalender er også overraskende. Er du tilfreds med din opstilling? Ja, mere end ved den oprindelige opstilling, som vores testperson lavede. Er der noget, der ikke kan gå op? 1.og 2.-holdets ene undermenu. 2 gange 2.-hold. Vi kan konkludere: Sammenligning med den oprindelige side: Kun Ungdom-menuen var helt korrekt. Strukturen og opdeling overordnet set er forståelig, men igen kunne den være opstillet på anden måde. Eksempel: Holdene (1. og 2.-holdet, Senior, Elite) kunne ligge under samme punkt. Det ville gøre forvirringen mindre. Kunne det være gjort på en anden måde? Nogle undermenuer kunne måske slås sammen. Side 13

14 Nyt slogan for Køge Boldklub Side 14