SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Andere mochten auch

Bds Blind Spot Mirror Systems Uk
Bds Blind Spot Mirror Systems UkBds Blind Spot Mirror Systems Uk
Bds Blind Spot Mirror Systems UkGuido Weijerman
 
IADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieIADD1 0910Q1 Introductie
IADD1 0910Q1 IntroductieHans 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 mobileHans Kemp
 
0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab KickoffHans Kemp
 
Vocab lang&masscomm
Vocab lang&masscommVocab lang&masscomm
Vocab lang&masscommCorey Topf
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 SpongesCorey Topf
 
0809 UXD minors graduation information
0809 UXD minors graduation information0809 UXD minors graduation information
0809 UXD minors graduation informationHans Kemp
 
Making Java Groovy (JavaOne 2013)
Making Java Groovy (JavaOne 2013)Making Java Groovy (JavaOne 2013)
Making Java Groovy (JavaOne 2013)Ken Kousen
 
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 - introductionHans Kemp
 
Theme Intro User Research
Theme Intro User ResearchTheme Intro User Research
Theme Intro User ResearchHans Kemp
 
HOSHVA PR Meetup#1 - Reputation Institute
HOSHVA PR Meetup#1 - Reputation InstituteHOSHVA PR Meetup#1 - Reputation Institute
HOSHVA PR Meetup#1 - Reputation InstituteOksana Hoshva
 
Techo Club Freshmen
Techo Club FreshmenTecho Club Freshmen
Techo Club FreshmenCorey Topf
 
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)Corey Topf
 
1st Trimester Sponges
1st Trimester Sponges1st Trimester Sponges
1st Trimester SpongesCorey Topf
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick offHans Kemp
 
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 EUSanoma Netherlands
 
Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09zappos
 

Andere mochten auch (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
 

Ähnlich wie 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 patronenHans 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 StructuurHans Kemp
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2Igor ter Halle
 
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 PatternsFerry den Dopper
 
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)bolcompp
 
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 2013Eduvision Opleidingen
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van KranenburgChickelien
 
Webcommunicatie / college 3
Webcommunicatie / college 3Webcommunicatie / college 3
Webcommunicatie / college 3Igor ter Halle
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Tom Krabben
 
Customer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminarCustomer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminarLECTRIC
 
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 brightONE IT Services
 
Whitepaper digital engagement 2014
Whitepaper digital engagement 2014Whitepaper digital engagement 2014
Whitepaper digital engagement 2014Ernst Kruize
 
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...Rasin Bekkevold
 
College 5 Strategie 15052007
College 5 Strategie 15052007College 5 Strategie 15052007
College 5 Strategie 15052007Igor ter Halle
 
College week 5 / strategie
College week 5 / strategieCollege week 5 / strategie
College week 5 / strategieIgor ter Halle
 
Macademy Usability Engineering
Macademy Usability EngineeringMacademy Usability Engineering
Macademy Usability EngineeringStefan Wobben
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1Joey van Boxel
 

Ähnlich wie 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
 

Mehr von Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd belevingHans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformHans 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 mobileHans 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 mobileHans 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 gelijkHans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductieHans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-offHans 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 posturesHans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshopHans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisatiesHans 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 principleHans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoffHans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteersHans 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 interactieHans 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 interactieHans 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 emotieHans Kemp
 

Mehr von 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