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

1. De kracht van het juiste ontwerp Didier Brouwers Didjee – grafische vormgeving / multimedia www.didjee.nl

3. Wie, wat, waarom? De blinddoektest

8. Het ‘scangedrag’ van de bezoeker En hoe daar rekening mee te houden?

9. Bron: Jakob Nielsen - Useit.com

10. Bron: CXPartners.co.uk

11. Bron: CXPartners.co.uk

12. De mythe van ‘De Vouw’ Gebruikers willen niet scrollen.Althans, dat zegt men…

13. Above The Fold The Fold

14. 600 px

15. 780 px

16. Bron: CXPartners.co.uk

18. De mythe van ‘De Vouw’ Plaats de belangrijkste content bovenaan, maar probeer niet alles boven ‘de vouw’ te proppen. Witruimte en rust nodigen uit tot verder scrollen. Laat een klein deel van de content boven ‘de vouw’ uitsteken. Dit nodigt uit om verder te scrollen. Scrollen is geen ‘issue’ meer, met name vanwege het scrollwieltjeen scrollarea op een trackpad.

19. Makkelijk navigeren Hoe vind ik zonder problemen mijn weg?

25. Bron: A Study of Website NavigationMethods, Thomas S. Tullis, Ellen Connor, Lori LeDoux, Ann Chadwick-Dias, Marty True, & Michael Catani

26. Geleide navigatie, definitie 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. Voordeel Snel gericht kunnen zoeken in een grote database van producten, projecten, recepten, etc.

32. Makkelijk navigeren Een goede navigatie is essentieel voor het succes van een website Verticale dropdown-menu’s werken beter dan horizontale Gebruik kruimelpaden voor plaatsbepaling en om in 1 klik een aantal niveaus terug te kunnen springen Geleide navigatie is een uitstekend hulpmiddel voor gericht zoeken Geef d.m.v. een opvallende kleur aan welk hoofd- en submenu-item actief is Houd je aan conventies: Laat het logo naar de homepage verwijzen Plaats de hoofdnavigatie horizontaal bovenaan of verticaal links Plaats het zoekscherm en eventuele user login rechtsboven

33. Rust en ruimte Maak het verblijf op uw website zo aangenaam mogelijk

39. Rust en ruimte Gebruik weinig verschillende kleuren. Hoe meer kleuren, hoe groter de kans op ‘een kermis’. Vermeid het gebruik van felle, primaire kleuren. Dit oogt goedkoop.Tenzij dat juist de bedoeling is… Gebruik een heel lichte of witte achtergrond achter tekst. Gebruik als tekstkleur donker grijs of zwart. Gebruik steeds hetzelfde lettertype. Voor koppen en quotes kan eventueel een ander lettertype gebruikt worden. Hou het simpel!

40. Conclusie Bezoekers hebben haast! De boodschap moet dus binnen enkele ogenblikken duidelijk zijn: Wie of wat heb ik hier? Wat kan ik hier? Waarom juist hier? Hou rekening met het ‘scangedrag’ van de bezoeker Zorg voor: een eenvoudig werkende navigatie rust en overzicht Hou rekening met conventies

41. Vragen?