View
717
Download
3
Category
Preview:
Citation preview
Interaction Design 102 Vragen of feedback? @ferrydendopper
Navigation & Labeling
Interaction Design 102 Vragen of feedback? @ferrydendopper
Flow
Te weinig uitdaging terwijl je iets goed kunt, geeft verveling.
Te veel uitdaging terwijl je iets nog niet goed kunt, geeft stress (‘anxiety’).
Als de uitdaging past bij je kunde, bereik je ‘flow’.
Naar: Flow, Csikszentmihalyi
Interaction Design 102 Vragen of feedback? @ferrydendopper
Flow
Flow is een staat waarin je kunt verkeren.
Het helpt mensen ergens op te focussen.
Elke nieuw geopende pagina of window zal deze flow onderbreken.
Interaction Design 102 Vragen of feedback? @ferrydendopper
Flow
Een betere flow bij je gebruikers maakt dat zij niet meer nadenken over je interface: het wordt transparant.
“De beste interface is een onzichtbare interface.”
Interaction Design 102 Vragen of feedback? @ferrydendopper
DUS… volg het mentale model
Bekijk presentatie:
Vertrouwen is te ontwerpenOver de ‘geur’ van informatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Navigatie
Navigatie is: Iedere actie die gebruikers bij een ander deel van de site- of informatie-structuur brengt.
De 2 belangrijkste doelen van elke navigatie zijn:• Te informeren waar je bent• Duidelijk maken wat de
volgende stap moet zijn om je doel te bereiken
Interaction Design 102 Vragen of feedback? @ferrydendopper
Moeten nadenken onderbreekt flow
Interaction Design 102 Vragen of feedback? @ferrydendopper
Moeten nadenken onderbreekt flow
Interaction Design 102 Vragen of feedback? @ferrydendopper
Afdeling
Vitrine
Doel content
Reduceren
Selecteren
Valideren
Interaction Design 102 Vragen of feedback? @ferrydendopper
Soorten navigatie
Globale navigatie Lokale navigatie Contextuele navigatie Service / meta navigatie …
Interaction Design 102 Vragen of feedback? @ferrydendopper
Globalenavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Lokalenavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Contextuelenavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Service / metanavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Selectiefacetten navigatiesysteem
Plaatsing
Interactie
Weergave
Interaction Design 102 Vragen of feedback? @ferrydendopper
Ideale plaatsing?
Interaction Design 102 Vragen of feedback? @ferrydendopper
Geen wet van Meden en Perzen
Interaction Design 102 Vragen of feedback? @ferrydendopper
Weergavestijl
Horizontaal menu Verticaal menu Accordeon Carrousel of Filmstrip
Interaction Design 102 Vragen of feedback? @ferrydendopper
Horizontaal menu
Interaction Design 102 Vragen of feedback? @ferrydendopper
Horizontaal menu
Interaction Design 102 Vragen of feedback? @ferrydendopper
Verticaal menu
Interaction Design 102 Vragen of feedback? @ferrydendopper
Verticaal menu
Interaction Design 102 Vragen of feedback? @ferrydendopper
Accordeon
Interaction Design 102 Vragen of feedback? @ferrydendopper
Carrousel / Filmstrip
Interaction Design 102 Vragen of feedback? @ferrydendopper
Carrousel / Filmstrip
Interaction Design 102 Vragen of feedback? @ferrydendopper
Interactie bij globale navigatie
Klikken op tab/link opent overzichtpagina;
Bewegen over tab opent subnavigatie; Klikken op tab/link opent subnavigatie; Het ‘Mega drop-down’ menu.
Interaction Design 102 Vragen of feedback? @ferrydendopper
Klikken op tab/link opent pagina
Interaction Design 102 Vragen of feedback? @ferrydendopper
Klikken op tab/link opent pagina
Interaction Design 102 Vragen of feedback? @ferrydendopper
Bewegen over tab opent subnavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Pas op het ‘diagonale probleem’
Interaction Design 102 Vragen of feedback? @ferrydendopper
Klikken op tab/link opent subnavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Klikken op tab/link opent subnavigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Mega drop-down
Interaction Design 102 Vragen of feedback? @ferrydendopper
Mega drop-down
Interaction Design 102 Vragen of feedback? @ferrydendopper
Pas op voor ‘Mystery Meat’
Interaction Design 102 Vragen of feedback? @ferrydendopper
Pas op voor ‘Mystery Meat’
Interaction Design 102 Vragen of feedback? @ferrydendopper
Pas op voor ‘Mystery Meat’
Interaction Design 102 Vragen of feedback? @ferrydendopper
Metaforen in navigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Metaforen in navigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Metaforen in navigatie
Interaction Design 102 Vragen of feedback? @ferrydendopper
Maar welke vorm je ook kiest…
Vergeet nooit
‘geur’ aan te brengen
Interaction Design 102 Vragen of feedback? @ferrydendopper
Meer lezen over navigatie
http://www.den-dopper.com/2009/10/19/website-navigatie-denk-na-over-plaatsing-weergavestijl-en-interactie/
http://www.den-dopper.com/2009/09/03/doelgroepingangen-waarom-niet-en-wanneer-wel/
http://www.den-dopper.com/2010/07/15/6-redenen-om-je-navigatie-niet-overboord-te-gooien-voor-een-grote-zoekknop/
Interaction Design 102 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
f.den.dopper@hr.nl
@ferrydendopper
Recommended