iad 2 - les 4 - navigation

Interaction Design 102 Vragen of feedback? @ferrydendopper

Navigation Systems

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 is een staat waarin je kunt verkeren.

Het helpt mensen ergens op te focussen.

Elke nieuw geopende pagina of window zal deze flow onderbreken.

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

Metafoor en afwijkende plaatsing

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?

f.den.dopper@hr.nl

@ferrydendopper

iad 2 - les 4 - navigation

Design

introduction early iad moderate iad severe iad pressure...

stachowitz iad

iad 2 - les 6 - labeling

iad 2 - les 3 - geur van informatie

iad sunspot

navigation & cartographie master iad...master iad –...

presentasi iad

iad 2 - les 5 - metadata

appliceringsvejledning - inkontinensrelateret dermatitis...

iad presentation

danube and rhine rivers: threats of navigation …...

kuliah. iad

preventing iad - abena · preventing iad (incontinence...

bronchoscopie par navigation électromagnétique dans les...

iad 5 - les 2 - responsive design

iad 1 - les 2 - personas

presentation1 iad

iad 2 - les 1 - information architecture

silabus iad dan iad

iad 2009_2010