SlideShare a Scribd company logo
1 of 17
Structuur en navigatie 3




Terugblik en de fijne kneepjes uit dit kwartaal
Tentamen IAD1 0809Q3
Cooper e.a., About Face 3
    Hoofdstuk 10: Orchestration and Flow
    Hoofdstuk 11: Eliminating Excise

Brown, Communicating Design
    Hoofdstuk 9: Flow Charts
    t/m pagina 237

Spencer e.a., Card Sorting, A Definitive Guide

Werkgroepen
    Structuur en navigatie
    Flow charts
    Card sorting

Hoorcolleges
    Structuur en navigatie 1: Hoe maak ik mijn interactie ontwerp onopgemerkt?
    Structuur en navigatie 2: Labels en visuele structuur
    Structuur en navigatie 3: Terugblik en de fijne kneepjes uit dit kwartaal
Orchestration and flow




No matter how cool your interface
 is, less of it would be better!

                 Uit: About Face 3, Cooper, Reimann & Cronin
Orchestration and Flow

Volg het mentale
  model van je
  gebruikers…
Orchestration and Flow

Volg het mentale
  model…
Orchestration and Flow

Verberg het schietstoelknopje…
Indelingen
Indelingen
Indelingen
Navigatie

De twee belangrijkste
  doelen van navigatie
   1. Te informeren waar je
      bent
   2. Duidelijk maken wat de
      volgende stap moet zijn
      om je doel te bereiken
Navigatie
Navigatie
“Alle navigatie is een toeslag.”
Visuele toeslag
Het aanbrengen van visuele structuur

Layout, grid
Labels: plaatjes of tekst
Plaatjes                     Tekst
Ambigu en snel onduidelijk   Eenduidig en helder
Leercurve                    Geen leercurve voor het
                             ‘herkennen’
Eenvoudig en snel te         Kost meer tijd om te
herkennen                    herkennen
Bedankt voor jullie aandacht

j.a.m.kemp@hro.nl
http://vakgroep.cmd.hro.nl/iad
http://project.cmi.hro.nl/2008_2009/rewind/platform/

More Related Content

Viewers also liked

Week 26 Sponges
Week 26 SpongesWeek 26 Sponges
Week 26 Sponges
Corey Topf
 
0708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 10708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 1
Hans Kemp
 
Eerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersEerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst Afstudeerders
Hans Kemp
 
IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014
Corey Topf
 
Week 30 Sponges
Week 30 SpongesWeek 30 Sponges
Week 30 Sponges
Corey Topf
 
Tips for Using Semi-Colons
Tips for Using Semi-ColonsTips for Using Semi-Colons
Tips for Using Semi-Colons
Corey Topf
 
2nd Trimester Spnges
2nd Trimester Spnges2nd Trimester Spnges
2nd Trimester Spnges
Corey Topf
 
菊石的介紹
菊石的介紹菊石的介紹
菊石的介紹
p54692381g
 
Pearl Harbor La
Pearl Harbor LaPearl Harbor La
Pearl Harbor La
Corey Topf
 
Daniela delgadoted talk
Daniela delgadoted talkDaniela delgadoted talk
Daniela delgadoted talk
Corey Topf
 

Viewers also liked (20)

Week 26 Sponges
Week 26 SpongesWeek 26 Sponges
Week 26 Sponges
 
Managing Perl Installations: A SysAdmin's View
Managing Perl Installations: A SysAdmin's ViewManaging Perl Installations: A SysAdmin's View
Managing Perl Installations: A SysAdmin's View
 
For Sale Infiniti J30 in Greeley CO
For Sale Infiniti J30 in Greeley COFor Sale Infiniti J30 in Greeley CO
For Sale Infiniti J30 in Greeley CO
 
0708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 10708 IAD1 Q4 Hoorcollege 1
0708 IAD1 Q4 Hoorcollege 1
 
Eerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersEerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst Afstudeerders
 
IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014IA Parent Presentation - March 27th, 2014
IA Parent Presentation - March 27th, 2014
 
Zappos-SIMA-05-15-08
Zappos-SIMA-05-15-08Zappos-SIMA-05-15-08
Zappos-SIMA-05-15-08
 
Week 30 Sponges
Week 30 SpongesWeek 30 Sponges
Week 30 Sponges
 
Actividad 3
Actividad 3Actividad 3
Actividad 3
 
Tips for Using Semi-Colons
Tips for Using Semi-ColonsTips for Using Semi-Colons
Tips for Using Semi-Colons
 
2nd Trimester Spnges
2nd Trimester Spnges2nd Trimester Spnges
2nd Trimester Spnges
 
菊石的介紹
菊石的介紹菊石的介紹
菊石的介紹
 
Review of the Pilot Courses
Review of the Pilot CoursesReview of the Pilot Courses
Review of the Pilot Courses
 
Why Digitization Increases the Value of Print Collections
Why Digitization Increases the Value of Print CollectionsWhy Digitization Increases the Value of Print Collections
Why Digitization Increases the Value of Print Collections
 
Universal Healthcare
Universal HealthcareUniversal Healthcare
Universal Healthcare
 
Sip2012 :: outbound
Sip2012 :: outboundSip2012 :: outbound
Sip2012 :: outbound
 
Evaluation presentation
Evaluation presentationEvaluation presentation
Evaluation presentation
 
Medical Librarianship in the Philippines: what's in store beyond the next gen...
Medical Librarianship in the Philippines: what's in store beyond the next gen...Medical Librarianship in the Philippines: what's in store beyond the next gen...
Medical Librarianship in the Philippines: what's in store beyond the next gen...
 
Pearl Harbor La
Pearl Harbor LaPearl Harbor La
Pearl Harbor La
 
Daniela delgadoted talk
Daniela delgadoted talkDaniela delgadoted talk
Daniela delgadoted talk
 

More from Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
Hans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
Hans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
Hans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
Hans Kemp
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
Hans Kemp
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
Hans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
Hans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
Hans Kemp
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
Hans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
Hans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
Hans Kemp
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
Hans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
Hans Kemp
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
Hans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
Hans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
Hans Kemp
 

More from Hans Kemp (20)

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
 
Ict lab
Ict labIct lab
Ict lab
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
 
Bio
BioBio
Bio
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
 

Iad1 0809 Q3 Structuur En Navigatie 3