Upload
emanuel-liefsoens
View
730
Download
0
Embed Size (px)
DESCRIPTION
Groepsopdracht voor Communicatie: een usability-rapport maken over www.khlim.be. Dit is de presentatie die we achteraf gaven om het rapport samenvattend over te brengen aan de rest van de klas.
Citation preview
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