Iadd1 0910 Q2 Structuur En Navigatie

Structuur en navigatie
Hoe maak ik mijn interactie ontwerp onopgemerkt?

Deel I: de principes

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

Transparantie
Een betere flow bij je gebruikers maakt dat zij niet meer nadenken over je interface: het wordt transparant.

Ontwerpprincipe
No matter howcoolyour interface is, less of itwouldbebetter!
Uit: About Face 3, Cooper, Reimann & Cronin

Ontwerpprincipe
Volg het mentale model van je gebruikers.

Orchestration and Flow
Volg het mentale model…

Volg het mentalemodel…

Ontwerpprincipe
Ontwerp voor het waarschijnlijke, maar voorzie in het mogelijke.

Ontwerpprincipe
Verberg het schietstoelknopje.

Verberg het schietstoelknopje…

Deel II: indelen en structureren

Indelingen

‘Informationoverload’
Uit: Informationarchitecture, Morville & Rosenfeld

Eenduidige indelingen
De ordeningligt vast. Voorbeeldenzijn:
Alfabetisch
Chronologisch
Geografisch
Veelalniet de meesthandigeindeling: gebruikerswetenveelalnietprecieswatzijzoeken.

Ambigueindelingen
De ordening is voorinterpretatievatbaar. Voorbeeldenzijn:
Op onderwerp
Op doelgroepen
Op afdeling
Hoe bepaal je nu eenlogischeindeling?

Onderwerp (stijl, genre etc.)
About.com

Ebay.com
Taken of functionaliteit

Doelgroep of type gebruiker
Dell.nl

… of eencombinatie
Duidelijkvisueelgescheiden.

Chronologisch

Alfabetisch

Geografisch

Doelgroep

Onderwerp

Categorie

Welkeindelingenzien we hier?

Deel III: Navigatie
“Navigation is excise.”

Moeten nadenken is een toeslag en onderbreekt de ‘flow’
Uit: Don’tMake Me Think, SteveKrug

Allenavigatievormteentoeslag op het bereiken van je doel.

Visuele toeslag

Het aanbrengen van visuele structuur
Layout, grid

Zinloze toeslag

Navigatie
Navigatie is:
Iedereactie die gebruikersbijeenanderdeel van de site- of informatie-structuurbrengt.
De twee belangrijkstedoelen van elkenavigatie is:
Te informerenwaar je bent
Duidelijkmakenwat de volgendestapmoetzijnom je doeltebereiken

Watkunnen we zeggen over dezenavigatie?

Labels: plaatjes of tekst
Hoewel plaatjes (iconen of pictogrammen) in computerprogramma’s veel worden gebruikt als labels, voeren tekstlabels de boventoon op het web

Labels: plaatjes of tekst

Soorten labels
De belangrijkste soorten labels in webpagina’s zijn:
Labels voor contextuele links
Verwijzingen naar informatie elders, binnen de tekst
Labels voor koppen (‘headings’)
Een beschrijving van de informatie die volgt
Labels voor navigatie opties
De labels die de opties in de navigatie van de site vertegenwoordigen

Ontstaan veelal ad hoc: hebben dan ook weinig systematiek of consistentie

De vraag die je als ontwerper altijd moet stellen:
“Welke informatie verwacht de gebruiker te krijgen via deze link?”

Labels voor koppen (‘headings’)
Moet hetgeen beschrijven dat eronder volgt
De betekenis van het label wordt geholpen door de structuur in de grafische vormgeving
Veelal in samenhang: moeten dus meer als geheel worden ontworpen

Labels voor navigatie opties
Ontwerp je als een geheel
Door consistentie versterk je bekendheid
Sommige labels zijn bekend bij web gebruikers (‘home’, ‘start’, ‘search’, ‘news’, ‘help’, ‘FAQ’, ‘about us’ etc.)

Zinvolle labels?

Samengevat
Het doel van eeninteractieontwerp is gebruikers in eenstaat van ‘flow’ tekrijgen.
Door informatievolgens het mentale model van gebruikerstestructurerenwordtdeze ‘flow’ bevorderd.
Navigatie is eenmiddel en geendoel van interactie.
“No matter how cool your interface is, less of it would be better.”

Bedankt voor jullie aandacht
j.a.m.kemp@hro.nl
http://vakgroep.cmd.hro.nl/iad/iadd_0910q2/
http://project.cmi.hro.nl/2008_2009/rewind/blog/

http://www.basisboek-onlinemarketing.nl	149
http://vakgroep.cmd.hro.nl	99
http://basisboek-onlinemarketing.nl	9
http://www.vakgroep.cmd.hro.nl	2

Iadd1 0910 Q2 Structuur En Navigatie

by Hans Kemp on Nov 27, 2009

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 259

Statistics

Iadd1 0910 Q2 Structuur En Navigatie Presentation Transcript