Post on 27-Jun-2015
description
www.khlim.be
Stephanie Bracke, Emanuel Liefsoens, Nina Mertz en Silke Van Rooy
Usability-rapport
Inhoudsopgave
1. Gebruikte werkmethode2. Persona3. ISO-richtlijnen4. Bevindingen5. Oplossingen6. Designfilosofie
Gebruikte werkmethode
• Persona’s opgesteld
• Opdrachten (unobtrusive)
• Interviews (obtrusive)
• ISO-richtlijnen (checklists)
• Bevindingen en oplossingen
Gebruikte methode
Persona
Toekomstige Studentm/v, 16-18 jaarmiddelbare school
Reden bezoek Khlim-site informatie winnen Internetgebruik Goede omgang struikelblok: snel verveeldBekendheid met KHLim-site via tussenpersoon zelf op onderzoek
Persona
Studentm/v, 18-25 jaarKHLim
Reden bezoek KHLim-site informatie winnen Internetgebruik goede omgang meer bekend met taalgebruikBekendheid met KHLim-site enkel met onderdeel dat hen aangaat
Persona
ISO-richtlijnen*
*KASSENAAR, P. en VAN RIJSWIJK, O. ‘Checklists uit Handboek website usability’,
internet, 2003, (http://www.handboekusability.nl/checklists/)
Checklists
ChecklistsISO-richtlijnen
Checklist Site-ontwerpArchitectuurNavigatieZoekenInteractie
Checklist schrijven voor het web
SchrijfstijlTekststructuurHyperlinks
Checklist PaginaontwerpOpmaak
MultimediaSnelheid
SnelheidAfbeeldingen Code
Checklist Niet doen
Checklist Site-ontwerp
ISO-richtlijnen
1. FAQ afwezig
2. paden niet altijd vanzelfsprekend
3. grote menu’s niet alfabetisch gesorteerd
4. Afwezigheid van geavanceerd zoeken
Checklist schrijven voor het web
ISO-richtlijnen
1. Soms te lange teksten
2. Onbekende afkortingen
3. Gebruikte hyperlinks blijven in zelfde kleur
4. Hyperlinks openen vaak nieuw venster
Checklist Paginaontwerp
ISO-richtlijnen
Multimedia: zelden voorzien van tekst (labels, kaders, alt-teksten)
Checklist Niet Doen
ISO-richtlijnen
1. Veel hyperlinks ‘klik hier’
2. Sommige pagina’s zijn leeg
Bevindingen
Bevindingen/ Opdrachten
Hoe vind je de routebeschrijving naar Stuvoor Khlim?
Waar vind je de uurroosters van de Lerarenopleiding?
Bevindingen/ Opdrachten
Waar vind je informatie over op kot te gaan / op kamers gaan?
Bevindingen/ Opdrachten
Waar vind je informatie over de uitwisselingsprogramma’s ?
Bevindingen/ Opdrachten
Waar vind je informatie over vrijstellingen?
Bevindingen/ opdrachten
Algemene indruk van de site- Onoverzichtelijk / druk- Te veel informatie (op verkeerde plaatsen)
Aantal stappen tot resultaat- Zoekfunctie- Sitemap- Te veel stappen
Taalgebruik, hoeveelheid tekst per pagina- Te hoog niveau voor jonge mensen- Formeel- Te veel tekst, niet echt scannable
Bevindingen/ Interviews
Navigatie- Informatie onder verkeerde menu onderdeel - Hyperlinks makkelijk te herkennen- Te veel knoppen op het linker menu- Te veel submenu’s
Lay-out- Verschillende meningen- Te druk met veel knopjes
Welk beeld vormt de website van de school?- Een school die veel aandacht aan studenten besteedt- Jeugdige uitstraling, doch formeel
Bevindingen/ Interviews
Lay out- Druk, home, menu’s, afbeeldingen
Technische aspecten- Wachtwoorden, khlim.be, lege pagina’s
Inhoud- Verkeerde indeling onderwerpen, lange teksten, links alleen via afbeelding, zoekfunctie
Bevindingen/ Conclusies
Oplossingen
• Homepage• Portals• www• Lege pagina’s• Aparte studentenpagina• Afbeeldingen• Scannability• Zoekfunctie• Pagina-icoon
Oplossingen
Oplossingen
1
1 1
1
2
Homepage
Oplossingen
1) 3 ≠ plaatsen met ‘nieuws’=> 1 x nieuws + Thumbnail
2) Quicklinks bovenaan
3) Departementen op homepage
Homepage (vervolg)
Oplossingen
1
2 3
1) Verouderde passwordmanager
2) Verouderde KHLim login
3) Studenten > ICT > Portals > Mad Fac Portaal > Toledo
= Teveel clicks !
Portals
Oplossingen
• ‘WWW’ verplicht voor URL in Firefox
• Weglaten = sneller en efficiënter
• In firefox: wit scherm
www
Oplossingen
Lege pagina’s
• Externen, Mentoren• ≠ Departementen
• => LEEG= Onprofessioneel
Oplossingen
Aparte Studentenpagina
Studenten / Toekomstige studenten? Vb. Vrijstellingen – Op kot gaan
Allebei de pagina’s? => Navigatie nog onoverzichtelijker
Aparte pagina’s?Aangepaste interfaceToledo, Ibamaflex op homepage
Oplossingen
• Weinig nuttige afbeeldingen
• Geen sfeer weergegeven
• => Meer afbeeldingen
Vb. Schoolgebouw, klaslokaal, leerkrachten.
=> Sfeer opsnuiven
Afbeeldingen
Oplossingen
Afbeeldingen (vervolg)
• Enkel klikken op afbeelding= onlogisch
=> Klikken op tekst + afbeelding
Oplossingen
Scannability1 2
1) Lange tekstGeen tussentitels
Geen vetgedrukte kenwoorden
Moeilijk leesbaar2) TussentitelsZelfde lettertype als tekstNiet vetgedrukt
=> Moeilijk leesbaar
Oplossingen
Zoekfunctie
• Onduidelijke Resultaten• Geavanceerd zoeken = niet mogelijk
=> Tags toevoegen aan berichten, html-pagina.
Oplossingen
Zoekfunctie
• Geen pagina icoon• Pagina toevoegen aan favorieten
=> Enkel ‘leeg papier’ Onherkenbaar
Designfilosofie
Norman emotionele waarde
- sfeer benadrukken rode kleur- thuisgevoel creëren<-> weinig beeldmateriaal <-> tekst = zakelijk
Designfilosofie
Designfilosofie
Nielsen
- tekst = puur informatief- studententaal MAAR moeilijk voor jongeren<-> niet makkelijk in gebruik
navigatie
Norman vs Nielsen
- Vooral informatiefTOCH: een bepaald beeld creëren
Designfilosofie
Vragen?Bedankt voor uw aandacht