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

Usabillity kh lim

on

  • 242 views

 

Statistics

Views

Total Views
242
Views on SlideShare
226
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 Usabillity kh lim Presentation Transcript

  • Usability-rapport
    www.khlim.be
    Stephanie Bracke, Emanuel Liefsoens,
    Nina Mertz en Silke Van Rooy
  • Inhoudsopgave
    Gebruikte werkmethode
    Persona
    ISO-richtlijnen
    Bevindingen
    Oplossingen
    Designfilosofie
  • Gebruikte werkmethode
  • Gebruikte methode
    • Persona’s opgesteld
    • Opdrachten (unobtrusive)
    • Interviews (obtrusive)
    • ISO-richtlijnen (checklists)
    • Bevindingen en oplossingen
  • Persona
  • 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
  • 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
  • ISO-richtlijnen*
    Checklists
    *KASSENAAR, P. en VAN RIJSWIJK, O. ‘Checklists uit Handboek website usability’, internet, 2003, (http://www.handboekusability.nl/checklists/)
  • 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
  • ISO-richtlijnen
    Checklist Site-ontwerp
    FAQ afwezig
    paden niet altijd vanzelfsprekend
    grote menu’s niet alfabetisch gesorteerd
    Afwezigheid van geavanceerd zoeken
  • ISO-richtlijnen
    Checklist schrijven voor het web
    Soms te lange teksten
    Onbekende afkortingen
    Gebruikte hyperlinks blijven in zelfde kleur
    Hyperlinks openen vaak nieuw venster
  • ISO-richtlijnen
    Checklist Paginaontwerp
    Multimedia: zeldenvoorzien van tekst
    (labels, kaders, alt-teksten)
  • ISO-richtlijnen
    Checklist Niet Doen
    Veel hyperlinks ‘klik hier’
    Sommige pagina’s zijn leeg
  • Bevindingen
  • Bevindingen/ Opdrachten
    Hoe vind je de routebeschrijving naar StuvoorKhlim?
  • Bevindingen/ Opdrachten
    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/ 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
  • 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
  • Bevindingen/ Conclusies
    Lay out
    - Druk, home, menu’s, afbeeldingen
    Technischeaspecten
    - Wachtwoorden, khlim.be, legepagina’s
    Inhoud
    - Verkeerdeindelingonderwerpen, langeteksten,
    links alleen via afbeelding, zoekfunctie
  • Oplossingen
  • Oplossingen
    • Homepage
    • Portals
    • www
    • Lege pagina’s
    • Aparte studentenpagina
    • Afbeeldingen
    • Scannability
    • Zoekfunctie
    • Pagina-icoon
  • Oplossingen
    Homepage
    1
    1
    2
    1
    1
  • Oplossingen
    Homepage (vervolg)
    3 ≠ plaatsen met ‘nieuws’
    => 1 x nieuws + Thumbnail
    Quicklinksbovenaan
    Departementen op homepage
  • Oplossingen
    Portals
    Verouderdepasswordmanager
    VerouderdeKHLim login
    Studenten > ICT > Portals > Mad FacPortaal > Toledo
    = Teveel clicks !
    1
    3
    2
  • Oplossingen
    www
    • ‘WWW’ verplichtvoor URL in Firefox
    • Weglaten = sneller en efficiënter
    • In firefox: wit scherm
  • Oplossingen
    Legepagina’s
    • Externen, Mentoren
    • ≠ Departementen
    • => LEEG
    = Onprofessioneel
  • Oplossingen
    AparteStudentenpagina
    Studenten / Toekomstigestudenten?
    Vb. Vrijstellingen– Op kotgaan
    Allebei de pagina’s?
    => Navigatienogonoverzichtelijker
    Apartepagina’s?
    Aangepaste interface
    Toledo, Ibamaflex op homepage
  • Oplossingen
    Afbeeldingen
    • Weinignuttigeafbeeldingen
    • Geensfeerweergegeven
    • => Meer afbeeldingen
    Vb. Schoolgebouw, klaslokaal, leerkrachten.
    => Sfeeropsnuiven
  • Oplossingen
    Afbeeldingen (vervolg)
    • Enkelklikken op afbeelding
    = onlogisch
    => Klikken op tekst + afbeelding
  • Oplossingen
    Scannability
    2
    1
    Lange tekst
    Geentussentitels
    Geenvetgedruktekenwoorden
    • Moeilijkleesbaar
    Tussentitels
    Zelfdelettertypealstekst
    Nietvetgedrukt
    => Moeilijkleesbaar
  • Oplossingen
    Zoekfunctie
    • OnduidelijkeResultaten
    • Geavanceerdzoeken= nietmogelijk
    => Tags toevoegenaanberichten, html-pagina.
  • Oplossingen
    Zoekfunctie
    • Geenpaginaicoon
    • Paginatoevoegenaanfavorieten
    => Enkel ‘leegpapier’
    • Onherkenbaar
  • Designfilosofie
  • Designfilosofie
    Norman emotionele waarde
    - sfeer benadrukken  rode kleur
    - thuisgevoel creëren
    <-> weinig beeldmateriaal <-> tekst = zakelijk
  • Designfilosofie
    Nielsen
    - tekst = puur informatief
    - studententaal MAAR moeilijk voor jongeren
    <-> niet makkelijk in gebruik
     navigatie
  • Designfilosofie
    NormanvsNielsen
    • Vooral informatief
    TOCH: een bepaald beeld creëren
  • Vragen?
    Bedankt voor uw aandacht