• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Iadd1 0910 Q2 Structuur En Navigatie
 

Iadd1 0910 Q2 Structuur En Navigatie

on

  • 1,036 views

 

Statistics

Views

Total Views
1,036
Views on SlideShare
626
Embed Views
410

Actions

Likes
0
Downloads
12
Comments
0

5 Embeds 410

http://www.basisboek-onlinemarketing.nl 296
http://vakgroep.cmd.hro.nl 99
http://basisboek-onlinemarketing.nl 12
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/