CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling

Interaction Design 102 Vragen of feedback? @ferrydendopper

Navigation & Labeling


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


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.


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.”


DUS… volg het mentale model

Bekijk presentatie:

Vertrouwen is te ontwerpenOver de ‘geur’ van informatie


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


Moeten nadenken onderbreekt flow


Afdeling

Vitrine

Doel content

Reduceren

Selecteren

Valideren


Soorten navigatie

Globale navigatie Lokale navigatie Contextuele navigatie Service / meta navigatie …


Globalenavigatie


Lokalenavigatie


Contextuelenavigatie


Service / metanavigatie


Selectiefacetten navigatiesysteem

Plaatsing

Interactie

Weergave


Ideale plaatsing?


Geen wet van Meden en Perzen


Weergavestijl

Horizontaal menu Verticaal menu Accordeon Carrousel of Filmstrip


Horizontaal menu


Verticaal menu


Accordeon


Carrousel / Filmstrip


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.


Klikken op tab/link opent pagina


Bewegen over tab opent subnavigatie


Pas op het ‘diagonale probleem’


Klikken op tab/link opent subnavigatie


Mega drop-down


Pas op voor ‘Mystery Meat’


Metaforen in navigatie


Maar welke vorm je ook kiest…

Vergeet nooit

‘geur’ aan te brengen


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/









Vragen? Feedback?

[email protected]

@ferrydendopper

CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling

Design

Transcript of CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling