Usabillity kh lim
Upcoming SlideShare
Loading in...5
×
 

Usabillity kh lim

on

  • 258 views

 

Statistics

Views

Total Views
258
Views on SlideShare
242
Embed Views
16

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 16

http://cmdstud.khlim.be 16

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Usabillity kh lim Presentation Transcript

  • 1. Usability-rapport
    www.khlim.be
    Stephanie Bracke, Emanuel Liefsoens,
    Nina Mertz en Silke Van Rooy
  • 2. Inhoudsopgave
    Gebruikte werkmethode
    Persona
    ISO-richtlijnen
    Bevindingen
    Oplossingen
    Designfilosofie
  • 3. Gebruikte werkmethode
  • 4. Gebruikte methode
    • Persona’s opgesteld
    • 5. Opdrachten (unobtrusive)
    • 6. Interviews (obtrusive)
    • 7. ISO-richtlijnen (checklists)
    • 8. Bevindingen en oplossingen
  • Persona
  • 9. Persona
    Toekomstige Student
    m/v, 16-18 jaar
    middelbare school
    Reden bezoek Khlim-site informatie winnen
    Internetgebruik
     Goede omgang
     struikelblok: snel verveeld
    Bekendheid met KHLim-site via tussenpersoon zelf op onderzoek
  • 10. Persona
    Student
    m/v, 18-25 jaar
    KHLim
    Reden bezoek KHLim-site
     informatie winnen
    Internetgebruik goede omgang
     meer bekend met taalgebruik
    Bekendheid met KHLim-site
     enkel met onderdeel dat hen aangaat
  • 11. ISO-richtlijnen*
    Checklists
    *KASSENAAR, P. en VAN RIJSWIJK, O. ‘Checklists uit Handboek website usability’, internet, 2003, (http://www.handboekusability.nl/checklists/)
  • 12. ISO-richtlijnen
    Checklists
    Checklist Site-ontwerp
    Architectuur
    Navigatie
    Zoeken
    Interactie
    Checklist schrijven
    voor het web
    Schrijfstijl
    Tekststructuur
    Hyperlinks
    Checklist Paginaontwerp
    Opmaak Multimedia
    SnelheidSnelheid
    Afbeeldingen Code
    Checklist Nietdoen
  • 13. ISO-richtlijnen
    Checklist Site-ontwerp
    FAQ afwezig
    paden niet altijd vanzelfsprekend
    grote menu’s niet alfabetisch gesorteerd
    Afwezigheid van geavanceerd zoeken
  • 14. ISO-richtlijnen
    Checklist schrijven voor het web
    Soms te lange teksten
    Onbekende afkortingen
    Gebruikte hyperlinks blijven in zelfde kleur
    Hyperlinks openen vaak nieuw venster
  • 15. ISO-richtlijnen
    Checklist Paginaontwerp
    Multimedia: zeldenvoorzien van tekst
    (labels, kaders, alt-teksten)
  • 16. ISO-richtlijnen
    Checklist Niet Doen
    Veel hyperlinks ‘klik hier’
    Sommige pagina’s zijn leeg
  • 17. Bevindingen
  • 18. Bevindingen/ Opdrachten
    Hoe vind je de routebeschrijving naar StuvoorKhlim?
  • 19. Bevindingen/ Opdrachten
    Waar vind je de uurroosters van de Lerarenopleiding?
  • 20. Bevindingen/ Opdrachten
    Waar vind je informatie over op kot te gaan / op kamers gaan?
  • 21. Bevindingen/ Opdrachten
    Waar vind je informatie over de uitwisselingsprogramma’s ?
  • 22. Bevindingen/ opdrachten
    Waar vind je informatie over vrijstellingen?
  • 23. Bevindingen/ Interviews
    Algemene indruk van de site
    - Onoverzichtelijk / druk
    - Te veel informatie (op verkeerde plaatsen)
    Aantal stappen tot resultaat
    - Zoekfunctie
    - Sitemap
    - Teveelstappen
    Taalgebruik, hoeveelheidtekst per pagina
    - Tehoogniveauvoorjongemensen
    - Formeel
    - Teveeltekst, nietechtscannable
  • 24. 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
    - Verschillendemeningen
    - Tedruk met veelknopjes
    Welkbeeldvormt de website van de school?
    - Een school die veelaandachtaanstudentenbesteedt
    - Jeugdigeuitstraling, dochformeel
  • 25. Bevindingen/ Conclusies
    Lay out
    - Druk, home, menu’s, afbeeldingen
    Technischeaspecten
    - Wachtwoorden, khlim.be, legepagina’s
    Inhoud
    - Verkeerdeindelingonderwerpen, langeteksten,
    links alleen via afbeelding, zoekfunctie
  • 26. Oplossingen
  • 27. Oplossingen
    • Homepage
    • 28. Portals
    • 29. www
    • 30. Lege pagina’s
    • 31. Aparte studentenpagina
    • 32. Afbeeldingen
    • 33. Scannability
    • 34. Zoekfunctie
    • 35. Pagina-icoon
  • Oplossingen
    Homepage
    1
    1
    2
    1
    1
  • 36. Oplossingen
    Homepage (vervolg)
    3 ≠ plaatsen met ‘nieuws’
    => 1 x nieuws + Thumbnail
    Quicklinksbovenaan
    Departementen op homepage
  • 37. Oplossingen
    Portals
    Verouderdepasswordmanager
    VerouderdeKHLim login
    Studenten > ICT > Portals > Mad FacPortaal > Toledo
    = Teveel clicks !
    1
    3
    2
  • 38. Oplossingen
    www
    • ‘WWW’ verplichtvoor URL in Firefox
    • 39. Weglaten = sneller en efficiënter
    • 40. In firefox: wit scherm
  • Oplossingen
    Legepagina’s
    • Externen, Mentoren
    • 41. ≠ Departementen
    • 42. => LEEG
    = Onprofessioneel
  • 43. Oplossingen
    AparteStudentenpagina
    Studenten / Toekomstigestudenten?
    Vb. Vrijstellingen– Op kotgaan
    Allebei de pagina’s?
    => Navigatienogonoverzichtelijker
    Apartepagina’s?
    Aangepaste interface
    Toledo, Ibamaflex op homepage
  • 44. Oplossingen
    Afbeeldingen
    • Weinignuttigeafbeeldingen
    • 45. Geensfeerweergegeven
    • 46. => Meer afbeeldingen
    Vb. Schoolgebouw, klaslokaal, leerkrachten.
    => Sfeeropsnuiven
  • 47. Oplossingen
    Afbeeldingen (vervolg)
    • Enkelklikken op afbeelding
    = onlogisch
    => Klikken op tekst + afbeelding
  • 48. Oplossingen
    Scannability
    2
    1
    Lange tekst
    Geentussentitels
    Geenvetgedruktekenwoorden
    • Moeilijkleesbaar
    Tussentitels
    Zelfdelettertypealstekst
    Nietvetgedrukt
    => Moeilijkleesbaar
  • 49. Oplossingen
    Zoekfunctie
    • OnduidelijkeResultaten
    • 50. Geavanceerdzoeken= nietmogelijk
    => Tags toevoegenaanberichten, html-pagina.
  • 51. Oplossingen
    Zoekfunctie
    • Geenpaginaicoon
    • 52. Paginatoevoegenaanfavorieten
    => Enkel ‘leegpapier’
    • Onherkenbaar
  • Designfilosofie
  • 53. Designfilosofie
    Norman emotionele waarde
    - sfeer benadrukken  rode kleur
    - thuisgevoel creëren
    <-> weinig beeldmateriaal <-> tekst = zakelijk
  • 54. Designfilosofie
    Nielsen
    - tekst = puur informatief
    - studententaal MAAR moeilijk voor jongeren
    <-> niet makkelijk in gebruik
     navigatie
  • 55. Designfilosofie
    NormanvsNielsen
    • Vooral informatief
    TOCH: een bepaald beeld creëren
  • 56. Vragen?
    Bedankt voor uw aandacht