Iadd1 0910 Q2 Structuur En Navigatie
Upcoming SlideShare
Loading in...5
×
 

Iadd1 0910 Q2 Structuur En Navigatie

on

  • 1,094 views

 

Statistics

Views

Total Views
1,094
Views on SlideShare
650
Embed Views
444

Actions

Likes
0
Downloads
12
Comments
0

5 Embeds 444

http://www.basisboek-onlinemarketing.nl 311
http://vakgroep.cmd.hro.nl 99
http://basisboek-onlinemarketing.nl 31
http://www.vakgroep.cmd.hro.nl 2
https://www.google.nl 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Iadd1 0910 Q2 Structuur En Navigatie Iadd1 0910 Q2 Structuur En Navigatie Presentation Transcript

  • 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…
  • Orchestration and Flow
    Volg het mentalemodel…
  • Ontwerpprincipe
    Ontwerp voor het waarschijnlijke, maar voorzie in het mogelijke.
    Uit: About Face 3, Cooper, Reimann & Cronin
  • Ontwerpprincipe
    Verberg het schietstoelknopje.
    Uit: About Face 3, Cooper, Reimann & Cronin
  • Orchestration and Flow
    Verberg het schietstoelknopje…
  • Deel II: indelen en structureren
  • Indelingen
  • Indelingen
  • 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
  • Geografisch
  • Doelgroep
  • Doelgroep
  • Taak
  • Taak
  • 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
  • Labels voor contextuele links
    Ontstaan veelal ad hoc: hebben dan ook weinig systematiek of consistentie
  • Labels voor contextuele links
    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/