De kracht van het juiste ontwerp<br />Didier Brouwers<br />Didjee – grafische vormgeving / multimedia<br />www.didjee.nl<b...
Wie, wat, waarom?<br />De blinddoektest<br />
Het ‘scangedrag’ van de bezoeker<br />En hoe daar rekening mee te houden?<br />
Bron: Jakob Nielsen - Useit.com<br />
Bron: CXPartners.co.uk<br />
Bron: CXPartners.co.uk<br />
De mythe van ‘De Vouw’<br />Gebruikers willen niet scrollen.Althans, dat zegt men…<br />
Above The Fold<br />The Fold<br />
600 px<br />
780 px<br />
Bron: CXPartners.co.uk<br />
De mythe van ‘De Vouw’<br />Plaats de belangrijkste content bovenaan, maar probeer niet alles boven ‘de vouw’ te proppen. ...
Makkelijk navigeren<br />Hoe vind ik zonder problemen mijn weg?<br />
Bron: A Study of Website NavigationMethods, Thomas S. Tullis, Ellen Connor, Lori LeDoux, Ann Chadwick-Dias, Marty True, & ...
Geleide navigatie, definitie<br />Bij geleide navigatie (guided of facetednavigation) worden meerdere classificaties een e...
Makkelijk navigeren<br />Een goede navigatie is essentieel voor het succes van een website<br />Verticale dropdown-menu’s ...
Rust en ruimte<br />Maak het verblijf op uw website zo aangenaam mogelijk<br />
Rust en ruimte<br />Gebruik weinig verschillende kleuren. Hoe meer kleuren, hoe groter de kans op ‘een kermis’.<br />Verme...
Conclusie<br />Bezoekers hebben haast! De boodschap moet dus binnen enkele ogenblikken duidelijk zijn:<br />Wie of wat heb...
Vragen?<br />
Upcoming SlideShare
Loading in …5
×

Didier Brouwers - De kracht van het juiste design

464 views

Published on

Presentatie van Didier Brouwers over de kracht van het juiste design tijdens het Content Power Symposium op 16 september 2011 in Delft. http://symposium.contentpower.nl

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

  • Be the first to like this

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

No notes for slide

Didier Brouwers - De kracht van het juiste design

  1. 1. De kracht van het juiste ontwerp<br />Didier Brouwers<br />Didjee – grafische vormgeving / multimedia<br />www.didjee.nl<br />
  2. 2.
  3. 3. Wie, wat, waarom?<br />De blinddoektest<br />
  4. 4.
  5. 5.
  6. 6.
  7. 7.
  8. 8. Het ‘scangedrag’ van de bezoeker<br />En hoe daar rekening mee te houden?<br />
  9. 9. Bron: Jakob Nielsen - Useit.com<br />
  10. 10. Bron: CXPartners.co.uk<br />
  11. 11. Bron: CXPartners.co.uk<br />
  12. 12. De mythe van ‘De Vouw’<br />Gebruikers willen niet scrollen.Althans, dat zegt men…<br />
  13. 13. Above The Fold<br />The Fold<br />
  14. 14. 600 px<br />
  15. 15. 780 px<br />
  16. 16. Bron: CXPartners.co.uk<br />
  17. 17.
  18. 18. De mythe van ‘De Vouw’<br />Plaats de belangrijkste content bovenaan, maar probeer niet alles boven ‘de vouw’ te proppen. <br />Witruimte en rust nodigen uit tot verder scrollen.<br />Laat een klein deel van de content boven ‘de vouw’ uitsteken. Dit nodigt uit om verder te scrollen.<br />Scrollen is geen ‘issue’ meer, met name vanwege het scrollwieltjeen scrollarea op een trackpad.<br />
  19. 19. Makkelijk navigeren<br />Hoe vind ik zonder problemen mijn weg?<br />
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25. Bron: A Study of Website NavigationMethods, Thomas S. Tullis, Ellen Connor, Lori LeDoux, Ann Chadwick-Dias, Marty True, & Michael Catani<br />
  26. 26. Geleide navigatie, definitie<br />Bij geleide navigatie (guided of facetednavigation) worden meerdere classificaties een een object gehangen met het doel dat dit object op meerdere manieren te benaderen is, i.p.v. op een van te voren vastgestelde navigatiewijze.<br />Voordeel<br />Snel gericht kunnen zoeken in een grote database van producten, projecten, recepten, etc.<br />
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32. Makkelijk navigeren<br />Een goede navigatie is essentieel voor het succes van een website<br />Verticale dropdown-menu’s werken beter dan horizontale<br />Gebruik kruimelpaden voor plaatsbepaling en om in 1 klik een aantal niveaus terug te kunnen springen<br />Geleide navigatie is een uitstekend hulpmiddel voor gericht zoeken<br />Geef d.m.v. een opvallende kleur aan welk hoofd- en submenu-item actief is<br />Houd je aan conventies:<br />Laat het logo naar de homepage verwijzen<br />Plaats de hoofdnavigatie horizontaal bovenaan of verticaal links<br />Plaats het zoekscherm en eventuele user login rechtsboven<br />
  33. 33. Rust en ruimte<br />Maak het verblijf op uw website zo aangenaam mogelijk<br />
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38.
  39. 39. Rust en ruimte<br />Gebruik weinig verschillende kleuren. Hoe meer kleuren, hoe groter de kans op ‘een kermis’.<br />Vermeid het gebruik van felle, primaire kleuren. Dit oogt goedkoop.Tenzij dat juist de bedoeling is…<br />Gebruik een heel lichte of witte achtergrond achter tekst.<br />Gebruik als tekstkleur donker grijs of zwart.<br />Gebruik steeds hetzelfde lettertype. Voor koppen en quotes kan eventueel een ander lettertype gebruikt worden.<br />Hou het simpel!<br />
  40. 40. Conclusie<br />Bezoekers hebben haast! De boodschap moet dus binnen enkele ogenblikken duidelijk zijn:<br />Wie of wat heb ik hier?<br />Wat kan ik hier?<br />Waarom juist hier?<br />Hou rekening met het ‘scangedrag’ van de bezoeker<br />Zorg voor:<br />een eenvoudig werkende navigatie<br />rust en overzicht<br />Hou rekening met conventies<br />
  41. 41. Vragen?<br />

×