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