Didier Brouwers - De kracht van het juiste design

  • 289 views
Uploaded 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

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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
289
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. De kracht van het juiste ontwerp
    Didier Brouwers
    Didjee – grafische vormgeving / multimedia
    www.didjee.nl
  • 2.
  • 3. Wie, wat, waarom?
    De blinddoektest
  • 4.
  • 5.
  • 6.
  • 7.
  • 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
  • 17.
  • 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?
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 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.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 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
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 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?