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

1. Lesopbouw WS 1-wk50 Gebruikersperspectief WS 2-wk51 Gebruiksvriendelijkheid WS 3-wk 1 Informatie-architectuur WS 4-wk 2 Ontwerp WS 5-wk 5 Testen wk 8 Theorie TOETS

2.    drukwerk film/tv

3.    web

4. Ontwerper zorgt ervoor dat er aan zijn behoefte wordt voldaan. Ik zoek iets?  aan een behoefte voldoen

5. Ontwerper zorgt, mede door het gebruik van meerdere media, voor een totale beleving. Ik zoek iets?    een totaal beleving!

6. totaal beleving nuttig aantrekkelijk bruikbaar waardevol vindbaar toegankelijk geloofwaardig

7. totaal beleving nuttig aantrekkelijk bruikbaar waardevol vindbaar toegankelijk geloofwaardig

8. als iets te moeilijk is om te gebruiken…gebruik je het niet

9. bruikbaar

10. Don’t make me think! Steve Krug

11. , navigatie  vormgeving Don’t make me think!

12.  vormgeving navigatie , Don’t make me think!

13. je zoekt iets

15.  zorgt voor structuur en dus houvast navigatie toont hoe te gebruiken verteld wat je kan vinden geeft vertrouwen

16.  Hoe doe je dit? Maak gebruik van gewoontes Primaire navigatie op elke pagina met de volgende vaste elementen: Beeldmerk en slagzin De weg naar huis Service pagina’s Secties of primaire navigatie Actieve pagina aangeven in menu Broodkruimels Homepagina

17. Beeldmerk Service pagina’s Secties

18. Actieve pagina’s aangeven

20. Broodkruimels

21.  , Y navigatie vormgeving Don’t make me think!

22. hoe wordt er gekeken naarjou website?

23. voor een boek maak je tijd…

24. op het web heb je haast…

25. , zorg voor hierarchy vormgeving kijk naar gewoontes maak een duidelijke lay-out

26. * jij bepaalt wat het belangrijkste is… * De ontwerper met doel voor ogen…en doelgroep

27. visuele hierarchy Hoe belangrijker hoe groter/prominenter in beeld. Elementen die een relatie hebben met elkaar visueel groeperen. Altijd duidelijk maken waar informatie bij hoort.

29. de gewoontes Hyperlinks zijn blauw onderstreep Navigatie staat boven en/of links Logo brengt je thuis

30. lay-out

31. 10 gouden richtlijnen Herkenbaarheid en bedrijfsinformatie Navigatiestructuur op elke pagina Snelheid, toon pagina binnen 10 sec. Help bezoekers zoeken Pagina’s optimaal leesbaar op elk beeldscherm Schrijfstijl en inhoud Hyperlinks duidelijk herkenbaar Interactie Accessibility toegankelijk voor iedereen Gebruik afbeeldingen en multimedia doelgericht en spaarzaam

32. Meer lezen http://www.w3use.nl/usability/goudenregels.html http://www.usabilityweb.nl/ http://www.boxesandarrows.com/ http://www.useit.com/