Usability HS 14-16

335
-1

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
335
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Usability HS 14-16

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

    Clipping is a handy way to collect important slides you want to go back to later.

×