SlideShare ist ein Scribd-Unternehmen logo

0809 Deeltijd: Structuur, flow en navigatie

•Als PPT, PDF herunterladen•
•
Hans Kemp
Hans Kemp

Les gegeven op 20 november 2008.

1 von 38
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]
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 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
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
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]
Opdracht 1 ,[object Object]
Bedankt voor jullie aandacht ,[object Object],[object Object]

Empfohlen

Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En NavigatieIad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En NavigatieHans Kemp
 
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En NavigatieIad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En NavigatieHans 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
 
Iadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieIadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieHans Kemp
 
Iad1 0809 Q3 Structuur En Navigatie 3
Iad1 0809 Q3 Structuur En Navigatie 3Iad1 0809 Q3 Structuur En Navigatie 3
Iad1 0809 Q3 Structuur En Navigatie 3Hans Kemp
 
Iad1 Q2 Hoorcollege 2 Labels En Visuele Structuur
Iad1 Q2 Hoorcollege 2 Labels En Visuele StructuurIad1 Q2 Hoorcollege 2 Labels En Visuele Structuur
Iad1 Q2 Hoorcollege 2 Labels En Visuele StructuurHans Kemp
 
Christiaan van der Waal - Conversion Optimization Masterclass
Christiaan van der Waal - Conversion Optimization MasterclassChristiaan van der Waal - Conversion Optimization Masterclass
Christiaan van der Waal - Conversion Optimization MasterclassiProspect the Netherlands
 
Ecommerce
EcommerceEcommerce
EcommercePieter Brat
 

Empfohlen

Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En NavigatieIad1 0708Q2 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0708Q2 Hoorcollege 1 Structuur, Flow En NavigatieHans Kemp
 
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En NavigatieIad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En NavigatieHans 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
 
Iadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieIadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieHans Kemp
 
Iad1 0809 Q3 Structuur En Navigatie 3
Iad1 0809 Q3 Structuur En Navigatie 3Iad1 0809 Q3 Structuur En Navigatie 3
Iad1 0809 Q3 Structuur En Navigatie 3Hans Kemp
 
Iad1 Q2 Hoorcollege 2 Labels En Visuele Structuur
Iad1 Q2 Hoorcollege 2 Labels En Visuele StructuurIad1 Q2 Hoorcollege 2 Labels En Visuele Structuur
Iad1 Q2 Hoorcollege 2 Labels En Visuele StructuurHans Kemp
 
Christiaan van der Waal - Conversion Optimization Masterclass
Christiaan van der Waal - Conversion Optimization MasterclassChristiaan van der Waal - Conversion Optimization Masterclass
Christiaan van der Waal - Conversion Optimization MasterclassiProspect the Netherlands
 
Ecommerce
EcommerceEcommerce
EcommercePieter Brat
 
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...大璋 王
 
Conversie optimalisatie voor fashion webshops
Conversie optimalisatie voor fashion webshopsConversie optimalisatie voor fashion webshops
Conversie optimalisatie voor fashion webshopsMandy Verdam
 
Conversion Optimization Do's And Dont's
Conversion Optimization Do's And Dont'sConversion Optimization Do's And Dont's
Conversion Optimization Do's And Dont'sTraffic4u
 
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Online Dialogue
 
10 tips voor een gebruiksvriendelijke website
10 tips voor een gebruiksvriendelijke website10 tips voor een gebruiksvriendelijke website
10 tips voor een gebruiksvriendelijke websiteBart De Waele
 
De ultieme webshop
De ultieme webshopDe ultieme webshop
De ultieme webshopBart De Waele
 
The Perfect Digital Storm - Presentatie demeter
The Perfect Digital Storm - Presentatie demeterThe Perfect Digital Storm - Presentatie demeter
The Perfect Digital Storm - Presentatie demeterVODW Digital
 
Geavanceerde SEA optimalisatie voor eCommerce - Netprofiler
Geavanceerde SEA optimalisatie voor eCommerce - NetprofilerGeavanceerde SEA optimalisatie voor eCommerce - Netprofiler
Geavanceerde SEA optimalisatie voor eCommerce - NetprofilerNetprofiler
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Mirabeau
 
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laanOogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laanOogst
 
Ecommerce blueprint voor starters
Ecommerce blueprint voor starters Ecommerce blueprint voor starters
Ecommerce blueprint voor starters domienve
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers trainingAnouschka Scholten
 
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en CommunicatieWat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en CommunicatieFloor van Riet
 
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten bestedenUi ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten bestedenStefaan Lesage
 
Converion rate optimization (GAUC / Traffic4U)
Converion rate optimization (GAUC / Traffic4U)Converion rate optimization (GAUC / Traffic4U)
Converion rate optimization (GAUC / Traffic4U)Webanalisten .nl
 
E commercetrends waar iedere retailer een visie op moet ontwikkelen
E commercetrends waar iedere retailer een visie op moet ontwikkelenE commercetrends waar iedere retailer een visie op moet ontwikkelen
E commercetrends waar iedere retailer een visie op moet ontwikkelenvalantic NL
 
Multimodal, Crossmedia, Multi Platform
Multimodal, Crossmedia, Multi PlatformMultimodal, Crossmedia, Multi Platform
Multimodal, Crossmedia, Multi PlatformHans Kemp
 
Implementation of security standards and procedures
Implementation of security standards and proceduresImplementation of security standards and procedures
Implementation of security standards and proceduresStevenSegaert
 
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For MobileIad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For MobileHans Kemp
 
Ep 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetasEp 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetaslaurahe
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2Igor ter Halle
 
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
 

Weitere ähnliche Inhalte

Andere mochten auch

在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...大璋 王
 
Conversie optimalisatie voor fashion webshops
Conversie optimalisatie voor fashion webshopsConversie optimalisatie voor fashion webshops
Conversie optimalisatie voor fashion webshopsMandy Verdam
 
Conversion Optimization Do's And Dont's
Conversion Optimization Do's And Dont'sConversion Optimization Do's And Dont's
Conversion Optimization Do's And Dont'sTraffic4u
 
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Online Dialogue
 
10 tips voor een gebruiksvriendelijke website
10 tips voor een gebruiksvriendelijke website10 tips voor een gebruiksvriendelijke website
10 tips voor een gebruiksvriendelijke websiteBart De Waele
 
The Perfect Digital Storm - Presentatie demeter
The Perfect Digital Storm - Presentatie demeterThe Perfect Digital Storm - Presentatie demeter
The Perfect Digital Storm - Presentatie demeterVODW Digital
 
Geavanceerde SEA optimalisatie voor eCommerce - Netprofiler
Geavanceerde SEA optimalisatie voor eCommerce - NetprofilerGeavanceerde SEA optimalisatie voor eCommerce - Netprofiler
Geavanceerde SEA optimalisatie voor eCommerce - NetprofilerNetprofiler
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Mirabeau
 
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laanOogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laanOogst
 
Ecommerce blueprint voor starters
Ecommerce blueprint voor starters Ecommerce blueprint voor starters
Ecommerce blueprint voor starters domienve
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers trainingAnouschka Scholten
 
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en CommunicatieWat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en CommunicatieFloor van Riet
 
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten bestedenUi ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten bestedenStefaan Lesage
 
Converion rate optimization (GAUC / Traffic4U)
Converion rate optimization (GAUC / Traffic4U)Converion rate optimization (GAUC / Traffic4U)
Converion rate optimization (GAUC / Traffic4U)Webanalisten .nl
 
E commercetrends waar iedere retailer een visie op moet ontwikkelen
E commercetrends waar iedere retailer een visie op moet ontwikkelenE commercetrends waar iedere retailer een visie op moet ontwikkelen
E commercetrends waar iedere retailer een visie op moet ontwikkelenvalantic NL
 
Multimodal, Crossmedia, Multi Platform
Multimodal, Crossmedia, Multi PlatformMultimodal, Crossmedia, Multi Platform
Multimodal, Crossmedia, Multi PlatformHans Kemp
 
Implementation of security standards and procedures
Implementation of security standards and proceduresImplementation of security standards and procedures
Implementation of security standards and proceduresStevenSegaert
 
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For MobileIad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For MobileHans Kemp
 
Ep 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetasEp 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetaslaurahe
 

Andere mochten auch (20)

在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
在今年3月份接触山西长治市某日化专营店朱老板的第一次沟通（以下简称C店），...
 
Conversie optimalisatie voor fashion webshops
Conversie optimalisatie voor fashion webshopsConversie optimalisatie voor fashion webshops
Conversie optimalisatie voor fashion webshops
 
Conversion Optimization Do's And Dont's
Conversion Optimization Do's And Dont'sConversion Optimization Do's And Dont's
Conversion Optimization Do's And Dont's
 
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
 
10 tips voor een gebruiksvriendelijke website
10 tips voor een gebruiksvriendelijke website10 tips voor een gebruiksvriendelijke website
10 tips voor een gebruiksvriendelijke website
 
De ultieme webshop
De ultieme webshopDe ultieme webshop
De ultieme webshop
 
The Perfect Digital Storm - Presentatie demeter
The Perfect Digital Storm - Presentatie demeterThe Perfect Digital Storm - Presentatie demeter
The Perfect Digital Storm - Presentatie demeter
 
Geavanceerde SEA optimalisatie voor eCommerce - Netprofiler
Geavanceerde SEA optimalisatie voor eCommerce - NetprofilerGeavanceerde SEA optimalisatie voor eCommerce - Netprofiler
Geavanceerde SEA optimalisatie voor eCommerce - Netprofiler
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011
 
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laanOogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
Oogst gauc universal analytics learnings - juni 2015 - martijn staal kevin laan
 
Ecommerce blueprint voor starters
Ecommerce blueprint voor starters Ecommerce blueprint voor starters
Ecommerce blueprint voor starters
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers training
 
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en CommunicatieWat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
Wat is Lean UX? // Leernetwerk UX - Dienst Publiek en Communicatie
 
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten bestedenUi ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden
 
Converion rate optimization (GAUC / Traffic4U)
Converion rate optimization (GAUC / Traffic4U)Converion rate optimization (GAUC / Traffic4U)
Converion rate optimization (GAUC / Traffic4U)
 
E commercetrends waar iedere retailer een visie op moet ontwikkelen
E commercetrends waar iedere retailer een visie op moet ontwikkelenE commercetrends waar iedere retailer een visie op moet ontwikkelen
E commercetrends waar iedere retailer een visie op moet ontwikkelen
 
Multimodal, Crossmedia, Multi Platform
Multimodal, Crossmedia, Multi PlatformMultimodal, Crossmedia, Multi Platform
Multimodal, Crossmedia, Multi Platform
 
Implementation of security standards and procedures
Implementation of security standards and proceduresImplementation of security standards and procedures
Implementation of security standards and procedures
 
Iad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For MobileIad2 0910 Q1 Les 4 Patterns For Mobile
Iad2 0910 Q1 Les 4 Patterns For Mobile
 
Ep 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetasEp 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetas
 

Ähnlich wie 0809 Deeltijd: Structuur, flow en navigatie

Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2Igor ter Halle
 
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
 
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
 
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
 
Webcommunicatie / college 3
Webcommunicatie / college 3Webcommunicatie / college 3
Webcommunicatie / college 3Igor ter Halle
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van KranenburgChickelien
 
Whitepaper digital engagement 2014
Whitepaper digital engagement 2014Whitepaper digital engagement 2014
Whitepaper digital engagement 2014Ernst Kruize
 
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
 
Customer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminarCustomer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminarLECTRIC
 
Ideale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, emailIdeale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, emailColours B.V.
 
Conversie Optimalisatie - Thuiswinkel kennis sessie
Conversie Optimalisatie - Thuiswinkel kennis sessieConversie Optimalisatie - Thuiswinkel kennis sessie
Conversie Optimalisatie - Thuiswinkel kennis sessieSander Tamaëla
 
Conversie Optimalisatie Thuiswinkel
Conversie Optimalisatie ThuiswinkelConversie Optimalisatie Thuiswinkel
Conversie Optimalisatie ThuiswinkelMarketValley
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Tom Krabben
 
Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Vanessa Bos-Steijn
 
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
 
Slimmer met uw website
Slimmer met uw websiteSlimmer met uw website
Slimmer met uw websiteJVI
 

Ähnlich wie 0809 Deeltijd: Structuur, flow en navigatie (20)

Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2
 
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
 
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
 
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
 
Webcommunicatie / college 3
Webcommunicatie / college 3Webcommunicatie / college 3
Webcommunicatie / college 3
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van Kranenburg
 
Whitepaper digital engagement 2014
Whitepaper digital engagement 2014Whitepaper digital engagement 2014
Whitepaper digital engagement 2014
 
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
 
Customer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminarCustomer experience - Martin van Kranenburg - NextSeminar
Customer experience - Martin van Kranenburg - NextSeminar
 
Een Goede Website
Een Goede WebsiteEen Goede Website
Een Goede Website
 
Ideale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, emailIdeale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, email
 
Conversie Optimalisatie - Thuiswinkel kennis sessie
Conversie Optimalisatie - Thuiswinkel kennis sessieConversie Optimalisatie - Thuiswinkel kennis sessie
Conversie Optimalisatie - Thuiswinkel kennis sessie
 
Conversie Optimalisatie Thuiswinkel
Conversie Optimalisatie ThuiswinkelConversie Optimalisatie Thuiswinkel
Conversie Optimalisatie Thuiswinkel
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)
 
(web)Usability
(web)Usability(web)Usability
(web)Usability
 
Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5
 
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...
 
Slimmer met uw website
Slimmer met uw websiteSlimmer met uw website
Slimmer met uw website
 

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 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
 
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
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick offHans 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
 

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

0809 Deeltijd: Structuur, flow en navigatie

  • 1. Hoe maak ik mijn interactie ontwerp onopgemerkt?
  • 2.
  • 3.
  • 4.
  • 5. 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
  • 6. 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
  • 7.
  • 8.
  • 15. Taak
  • 16. Taak
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. Structuren Uit: http://www.webstyleguide.com/ , Patrick Lynch & Sarah Horton
  • 26.
  • 27. The Trunk Test (de kofferbaktest)
  • 28.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.