SlideShare uma empresa Scribd logo
1 de 37
Flow, structuur en navigatie Hoe maak ik mijn interactie ontwerp onopgemerkt?
Bronnen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flow  en transparantie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Naar:  Flow , Csikszentmihalyi
Flow  en transparantie ,[object Object],[object Object]
Quote ,[object Object],Uit:  About Face 3,  Cooper, Reimann & Cronin
Indelen van informatie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Chronologisch
Alfabetisch
Geografisch
Geografisch
Doelgroep
Doelgroep
Taak
Taak
Onderwerp
Categorie
Betrek je gebruikers bij je ontwerp:  card sorting ,[object Object],[object Object]
Structuren ,[object Object]
Structuren ,[object Object],[object Object]
Structuren ,[object Object],[object Object],[object Object]
Structuren ,[object Object],[object Object],[object Object]
Structuren ,[object Object]
Structuren Uit:  http://www.webstyleguide.com/ , Patrick Lynch & Sarah Horton
Navigatie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The Trunk Test (de kofferbaktest)
The Trunk Test ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Uit:  Don’t Make Me Think!,  Steve Krug
The Trunk Test
Navigatie is nooit het doel De navigatie is wellicht het belangrijkste ontwerpprobleem in elk interactief product Overbodige of moeilijk te doorgronden navigatie zal altijd tot frustratie van gebruikers leiden Goede navigatie is de belangrijkste voorwaarde voor het realiseren van  flow
Navigatie is nooit het doel ,[object Object],[object Object],[object Object]
Enkele vaak toegepaste navigatie patronen ,[object Object],[object Object],[object Object]
Enkele vaak toegepaste navigatie patronen ,[object Object],[object Object]
Enkele vaak toegepaste navigatie patronen ,[object Object],[object Object]
Enkele vaak toegepaste navigatie patronen ,[object Object],[object Object]
Enkele vaak toegepaste navigatie patronen ,[object Object],[object Object]
Enkele vaak toegepaste navigatie patronen ,[object Object],[object Object]
Samenvattend ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bedankt voor jullie aandacht ,[object Object],[object Object],NIEUW

Mais conteúdo relacionado

Destaque

Bds Blind Spot Mirror Systems Uk
Bds Blind Spot Mirror Systems UkBds Blind Spot Mirror Systems Uk
Bds Blind Spot Mirror Systems Uk
Guido Weijerman
 
IADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieIADD1 0910Q1 Introductie
IADD1 0910Q1 Introductie
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
 
0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff
Hans Kemp
 
Vocab lang&masscomm
Vocab lang&masscommVocab lang&masscomm
Vocab lang&masscomm
Corey Topf
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 Sponges
Corey Topf
 
0809 UXD minors graduation information
0809 UXD minors graduation information0809 UXD minors graduation information
0809 UXD minors graduation information
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
 
Theme Intro User Research
Theme Intro User ResearchTheme Intro User Research
Theme Intro User Research
Hans Kemp
 
Techo Club Freshmen
Techo Club FreshmenTecho Club Freshmen
Techo Club Freshmen
Corey Topf
 
1st Trimester Sponges
1st Trimester Sponges1st Trimester Sponges
1st Trimester Sponges
Corey Topf
 
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
 
Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09
zappos
 

Destaque (20)

Bds Blind Spot Mirror Systems Uk
Bds Blind Spot Mirror Systems UkBds Blind Spot Mirror Systems Uk
Bds Blind Spot Mirror Systems Uk
 
IADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieIADD1 0910Q1 Introductie
IADD1 0910Q1 Introductie
 
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
 
0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff
 
Vocab lang&masscomm
Vocab lang&masscommVocab lang&masscomm
Vocab lang&masscomm
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 Sponges
 
0809 UXD minors graduation information
0809 UXD minors graduation information0809 UXD minors graduation information
0809 UXD minors graduation information
 
Making Java Groovy (JavaOne 2013)
Making Java Groovy (JavaOne 2013)Making Java Groovy (JavaOne 2013)
Making Java Groovy (JavaOne 2013)
 
Adult learning
Adult learningAdult learning
Adult learning
 
Elasticity 1
Elasticity 1Elasticity 1
Elasticity 1
 
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
 
Theme Intro User Research
Theme Intro User ResearchTheme Intro User Research
Theme Intro User Research
 
HOSHVA PR Meetup#1 - Reputation Institute
HOSHVA PR Meetup#1 - Reputation InstituteHOSHVA PR Meetup#1 - Reputation Institute
HOSHVA PR Meetup#1 - Reputation Institute
 
Week8 Sponges
Week8 SpongesWeek8 Sponges
Week8 Sponges
 
Techo Club Freshmen
Techo Club FreshmenTecho Club Freshmen
Techo Club Freshmen
 
Day 1 - Start with the WHY (readings, texts, and slides)
Day 1 - Start with the WHY (readings, texts, and slides)Day 1 - Start with the WHY (readings, texts, and slides)
Day 1 - Start with the WHY (readings, texts, and slides)
 
1st Trimester Sponges
1st Trimester Sponges1st Trimester Sponges
1st Trimester Sponges
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
 
Analysis of social computing applications in the EU
Analysis of social computing applications in the EUAnalysis of social computing applications in the EU
Analysis of social computing applications in the EU
 
Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09
 

Semelhante a Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie

Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
Hans Kemp
 
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele StructuurIAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
Hans Kemp
 
CMD Interaction Design - Y2 Q1 les 1 - Design Patterns
CMD Interaction Design - Y2 Q1 les 1 - Design PatternsCMD Interaction Design - Y2 Q1 les 1 - Design Patterns
CMD Interaction Design - Y2 Q1 les 1 - Design Patterns
Ferry den Dopper
 
Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013
Eduvision Opleidingen
 
College 5 Strategie 15052007
College 5 Strategie 15052007College 5 Strategie 15052007
College 5 Strategie 15052007
Igor ter Halle
 
College week 5 / strategie
College week 5 / strategieCollege week 5 / strategie
College week 5 / strategie
Igor ter Halle
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
Joey van Boxel
 

Semelhante a Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie (20)

Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
 
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele StructuurIAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2
 
CMD Interaction Design - Y2 Q1 les 1 - Design Patterns
CMD Interaction Design - Y2 Q1 les 1 - Design PatternsCMD Interaction Design - Y2 Q1 les 1 - Design Patterns
CMD Interaction Design - Y2 Q1 les 1 - Design Patterns
 
Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)
 
Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van Kranenburg
 
Eduvision - Usability webinar
Eduvision - Usability webinarEduvision - Usability webinar
Eduvision - Usability webinar
 
Webcommunicatie / college 3
Webcommunicatie / college 3Webcommunicatie / college 3
Webcommunicatie / college 3
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)
 
Customer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminarCustomer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminar
 
Digital engagement benut de kracht van online klantcontact
Digital engagement benut de kracht van online klantcontact Digital engagement benut de kracht van online klantcontact
Digital engagement benut de kracht van online klantcontact
 
Whitepaper digital engagement 2014
Whitepaper digital engagement 2014Whitepaper digital engagement 2014
Whitepaper digital engagement 2014
 
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
 
Een Goede Website
Een Goede WebsiteEen Goede Website
Een Goede Website
 
College 5 Strategie 15052007
College 5 Strategie 15052007College 5 Strategie 15052007
College 5 Strategie 15052007
 
College week 5 / strategie
College week 5 / strategieCollege week 5 / strategie
College week 5 / strategie
 
(web)Usability
(web)Usability(web)Usability
(web)Usability
 
Macademy Usability Engineering
Macademy Usability EngineeringMacademy Usability Engineering
Macademy Usability Engineering
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
 

Mais de 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 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
 
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
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
Hans Kemp
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
Hans Kemp
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
Hans Kemp
 

Mais de 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 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
 
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
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
 

Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie