Your SlideShare is downloading. ×
Usability HS 14-16
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Usability HS 14-16

295

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
295
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Usability malle.be Groep 5 Yves Meysmans, Sultana Nagi, Matthias Clarysse, Len Collier, Geert Dierckx
  • 2. Evaluatie
    • Chapter 14: Graphics, Images, and Multimedia
    • Chapter 15: Writing Web Content
    • Chapter 16: Content Organization
  • 3. Overzicht
    • Belangrijkste criteria
    • Andere relevante criteria
    • Samenvatting
  • 4. BELANGRIJKSTE CRITERIA
  • 5. 14:3 Ensure that Images do not slow downloads
    • = Afbeeldingen mogen de download snelheid van de webpagina niet vertragen
    • < 5 seconden = goed
    • > 10 seconden = slecht
    • Downloadtijd tolereerbaar
    • Trage pagina’s: te wijten aan technologie (niet aan afbeeldingen)
    • Meerderheid doelgroep heeft breedband
  • 6. 14:4 Use Video, Animation, and Audio Meaningfully
    • = multimedia trekt aandacht van de gebruiker en moet daarom duidelijk zijn waarom deze gebruikt wordt
    • Weinig tot geen gebruik van multimedia
    • Gebruik kan meerwaarde bieden
    • Audio: niet van toepassing
    • Aanbevelingen:
    • Vb. intro film Malle rubriek toerisme
  • 7. 14:5 Include Logos
    • = Logos moeten op de juiste plaats en consistent worden gebruikt
    • Conistent gebruik van malle.be logo (links boven)
  • 8. 14:8 Ensure Web Site Images Convey Intended Messages
    • = Zorg ervoor dat de web site (boodschap, informatie) toegankelijk is voor alle gebruikers
    • Algemene look & feel is professioneel
    • Alle gebruikers kunnen informatie snel terugvinden
    • Geen grafisch intensieve website maar content intensieve website
  • 9. 14:14 Use Thumbnail Images to Preview Larger Images
    • = full-size afbeeldingen moeten vaak lang laden, gebruik thumbnails van de afbeeldingen voor overzicht
    • Consistent gebruik van thumbnail afbeeldingen
  • 10. 14:14 Thumbnail images
  • 11. 14:14 Thumbnail Images
  • 12. 15:1 Make Action Sequences Clear
    • = Sequenties bij online formulieren, registraties,… moeten duidelijk en logisch zijn
    • Registratieformulier weinig gestructureerd maar eenvoudig
    • Meldingsformulier zeer duidelijk
  • 13.  
  • 14. 15:4 Define Acronyms and Abbreviations
    • = Acroniemen en afkortingen moeten verklaard worden zodat alle gebruikers deze begrijpen
    • De standaardverklaring wordt hoofdzakelijk toegepast. Hier en daar wordt een afkorting toch niet consistent verklaard.
    • Over het algemeen goed begrijpbaar voor alle gebruikers.
    • Voorbeeld van een onvolledige verklaring: “Afgedankte elektrische en elektronische toestellen (AEEA)”
  • 15. 15:8 Limit Prose Text on Navigation Page
    • = niet te veel proza op navigatiepagina’s zetten
    • Dubbel : enerzijds aparte navigatie pagina’s met de ‘blokken’, anderzijds ook overal een navigatiebalk links.
    • Kies voor 1 navigatie methode, ons inziens de balk, aangezien de blokken
      • Te gedetailleerd zijn (ankers (#) vaak onnodig)
      • Niet overzichtelijk zijn
      • Door het gebruik van “meer…” verwarrend zijn
      • Vereisen dat de bezoeker terug gaat naar de navigatie pagina om verder te surfen
  • 16.  
  • 17. 16:1 Organize Information Clearly
    • = De website moet op elk niveau goed gestructureerd en georganiseerd zijn
    • Navigatie linkerkant goed
    • Navigatieblokken: zelfde opmerkingen
    • 3 verschillende secties met ‘hotlinks’ te veel. 2 secties volstaat.
  • 18.  
  • 19. 16:2 Facilitate Scanning
    • = Gebruik duidelijke, goed geplaatste headings, korte zinnen en korte leesbare paragrafen
    • Korte paragrafen
    • Duidelijke headings
    • Duidelijke lijsten
    • Relevante links
  • 20. 16:5 Minimize the Number of Clicks or Pages
    • = Ontwerp de site zodanig dat de meest voorkomende taken kunnen uitgevoerd worden in een minimum aan pagina’s en kliks.
    • Sectie “Meest bezochte pagina’s”
    • Hotlink secties
    • Navigatieblokken
  • 21. ANDERE RELEVANTE CRITERIA
  • 22. Consistent toegepaste criteria
    • Taalgebruik is toegankelijk voor alle gebruikers
    • Informatie wordt duidelijk voorgedragen en gedetailleerd door extra documenten
    • Geen designer web site, ook ‘normale’ gebruiker kan zijn weg vinden
    • Logo’s zien er niet uit als banners
    • Geen onnodige afbeeldingen (verduidelijken altijd content)
  • 23. SAMENVATTING
  • 24. Samenvatting
    • Malle.be logo
    • Toegankelijk voor alle gebruikers
    • Scannen van content
    • Thumbnail afbeeldingen
    • Minimaliseer aantal links
    • Consistent gebruik afkortingen
    • Downloadsnelheid
    • Structuur & organisatie
    • Multimedia
    • Limiteer navigatie
    • ! Criteria globaal gezien toegepast, discussie mogelijk over navigatie
  • 25. Vragen?
    • Deze presentatie is beschikbaar op tinyurl.com/us1416

×