Workshop 2 Gebruiksvriendelijk

569 views

Published on

SintLucas Boxtel,
Mediavormgeving
Fase 2
Periode 2
Workshop Usabilty door Hester van de Vorst

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
569
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Workshop 2 Gebruiksvriendelijk

  1. 1. Lesopbouw <br />WS 1-wk50 Gebruikersperspectief<br />WS 2-wk51 Gebruiksvriendelijkheid<br />WS 3-wk 1 Informatie-architectuur<br />WS 4-wk 2 Ontwerp<br />WS 5-wk 5 Testen<br />wk 8 Theorie TOETS<br />
  2. 2. <br /><br /><br />drukwerk<br />film/tv<br />
  3. 3. <br /><br /><br />web<br />
  4. 4. Ontwerper zorgt ervoor dat er aan zijn behoefte wordt voldaan.<br />Ik zoek iets?<br /><br />aan een behoefte voldoen<br />
  5. 5. Ontwerper zorgt, mede door het gebruik van meerdere media, voor een totale beleving.<br />Ik zoek iets?<br /><br /><br /><br />een totaal beleving!<br />
  6. 6. totaal beleving<br />nuttig<br />aantrekkelijk<br />bruikbaar<br />waardevol<br />vindbaar<br />toegankelijk<br />geloofwaardig<br />
  7. 7. totaal beleving<br />nuttig<br />aantrekkelijk<br />bruikbaar<br />waardevol<br />vindbaar<br />toegankelijk<br />geloofwaardig<br />
  8. 8. als iets te moeilijk is om te gebruiken…gebruik je het niet<br />
  9. 9. bruikbaar<br />
  10. 10. Don’t make me think!<br />Steve Krug<br />
  11. 11. ,<br />navigatie<br /><br />vormgeving<br />Don’t make me think!<br />
  12. 12. <br />vormgeving<br />navigatie<br />,<br />Don’t make me think!<br />
  13. 13. je zoekt iets<br />
  14. 14.
  15. 15. <br />zorgt voor structuur <br />en dus houvast<br />navigatie<br />toont hoe te gebruiken<br />verteld wat je kan vinden<br />geeft vertrouwen<br />
  16. 16. <br />Hoe doe je dit?<br />Maak gebruik van gewoontes<br />Primaire navigatie op elke pagina met de volgende vaste elementen:<br />Beeldmerk en slagzin<br />De weg naar huis<br />Service pagina’s<br />Secties of primaire navigatie<br />Actieve pagina aangeven in menu<br />Broodkruimels<br />Homepagina<br />
  17. 17. Beeldmerk<br />Service pagina’s<br />Secties<br />
  18. 18. Actieve pagina’s aangeven<br />
  19. 19.
  20. 20. Broodkruimels<br />
  21. 21. <br />,<br />Y<br />navigatie<br />vormgeving<br />Don’t make me think!<br />
  22. 22. hoe wordt er gekeken naarjou website?<br />
  23. 23. voor een boek maak je tijd…<br />
  24. 24. op het web heb je haast…<br />
  25. 25. ,<br />zorg voor hierarchy<br />vormgeving<br />kijk naar gewoontes<br />maak een duidelijke lay-out<br />
  26. 26. *<br />jij bepaalt wat het belangrijkste is…<br />* De ontwerper met doel voor ogen…en doelgroep<br />
  27. 27. visuele hierarchy<br />Hoe belangrijker hoe groter/prominenter in beeld.<br />Elementen die een relatie hebben met elkaar visueel groeperen.<br />Altijd duidelijk maken waar informatie bij hoort.<br />
  28. 28.
  29. 29. de gewoontes<br />Hyperlinks zijn blauw onderstreep<br />Navigatie staat boven en/of links<br />Logo brengt je thuis<br />
  30. 30. lay-out<br />
  31. 31. 10 gouden richtlijnen<br />Herkenbaarheid en bedrijfsinformatie<br />Navigatiestructuur op elke pagina<br />Snelheid, toon pagina binnen 10 sec.<br />Help bezoekers zoeken<br />Pagina’s optimaal leesbaar op elk beeldscherm<br />Schrijfstijl en inhoud<br />Hyperlinks duidelijk herkenbaar<br />Interactie<br />Accessibility toegankelijk voor iedereen<br />Gebruik afbeeldingen en multimedia doelgericht en spaarzaam<br />
  32. 32. Meer lezen<br />http://www.w3use.nl/usability/goudenregels.html<br />http://www.usabilityweb.nl/<br />http://www.boxesandarrows.com/<br />http://www.useit.com/<br />

×