SlideShare una empresa de Scribd logo

IAD 2 - les 4 - Navigation

•Descargar como PPTX, PDF•
•
Ferry den Dopper
Ferry den Dopper
Diseño
1 de 45
   Naar: Flow, Csikszentmihalyi
  

• •
    
   
   
  
f.den.dopper@hr.nl @ferrydendopper

Recomendados

IAD 1 - les 2 - personas
IAD 1 - les 2 - personasIAD 1 - les 2 - personas
IAD 1 - les 2 - personasFerry den Dopper
 
Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsFerry den Dopper
 
Interaction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsInteraction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsFerry den Dopper
 
IAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataIAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataFerry den Dopper
 
IAD 2 - les 6 - Labeling
IAD 2 - les 6 - LabelingIAD 2 - les 6 - Labeling
IAD 2 - les 6 - LabelingFerry den Dopper
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureFerry den Dopper
 
De geur van informatie
De geur van informatieDe geur van informatie
De geur van informatieFerry den Dopper
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingFerry den Dopper
 

Recomendados

IAD 1 - les 2 - personas
IAD 1 - les 2 - personasIAD 1 - les 2 - personas
IAD 1 - les 2 - personasFerry den Dopper
 
Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsFerry den Dopper
 
Interaction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsInteraction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsFerry den Dopper
 
IAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataIAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataFerry den Dopper
 
IAD 2 - les 6 - Labeling
IAD 2 - les 6 - LabelingIAD 2 - les 6 - Labeling
IAD 2 - les 6 - LabelingFerry den Dopper
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureFerry den Dopper
 
De geur van informatie
De geur van informatieDe geur van informatie
De geur van informatieFerry den Dopper
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 2 - Card Sorting
CMD Interaction Design - Y1 Q2 les 2 - Card SortingCMD Interaction Design - Y1 Q2 les 2 - Card Sorting
CMD Interaction Design - Y1 Q2 les 2 - Card SortingFerry den Dopper
 
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability TestCMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability TestFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
CMD Interaction Design - Y1 Q2 les 3 - Navigation labelingCMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
CMD Interaction Design - Y1 Q2 les 3 - Navigation labelingFerry den Dopper
 
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestCMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataCMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 1 - Information Architecture
CMD Interaction Design - Y1 Q2 les 1 - Information ArchitectureCMD Interaction Design - Y1 Q2 les 1 - Information Architecture
CMD Interaction Design - Y1 Q2 les 1 - Information ArchitectureFerry den Dopper
 
IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsFerry den Dopper
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchFerry den Dopper
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignFerry den Dopper
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designFerry den Dopper
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedFerry den Dopper
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationFerry den Dopper
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsFerry den Dopper
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignFerry den Dopper
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offFerry den Dopper
 
IAD 2 - les 7 - Zoeken
IAD 2 - les 7 - ZoekenIAD 2 - les 7 - Zoeken
IAD 2 - les 7 - ZoekenFerry den Dopper
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenFerry den Dopper
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieFerry den Dopper
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsFerry den Dopper
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenFerry den Dopper
 
Interaction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenInteraction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenFerry den Dopper
 
IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1Ferry den Dopper
 

Más contenido relacionado

Destacado

CMD Interaction Design - Y1 Q2 les 2 - Card Sorting
CMD Interaction Design - Y1 Q2 les 2 - Card SortingCMD Interaction Design - Y1 Q2 les 2 - Card Sorting
CMD Interaction Design - Y1 Q2 les 2 - Card SortingFerry den Dopper
 
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability TestCMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability TestFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
CMD Interaction Design - Y1 Q2 les 3 - Navigation labelingCMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
CMD Interaction Design - Y1 Q2 les 3 - Navigation labelingFerry den Dopper
 
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestCMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataCMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataFerry den Dopper
 
CMD Interaction Design - Y1 Q2 les 1 - Information Architecture
CMD Interaction Design - Y1 Q2 les 1 - Information ArchitectureCMD Interaction Design - Y1 Q2 les 1 - Information Architecture
CMD Interaction Design - Y1 Q2 les 1 - Information ArchitectureFerry den Dopper
 

Destacado (6)

CMD Interaction Design - Y1 Q2 les 2 - Card Sorting
CMD Interaction Design - Y1 Q2 les 2 - Card SortingCMD Interaction Design - Y1 Q2 les 2 - Card Sorting
CMD Interaction Design - Y1 Q2 les 2 - Card Sorting
 
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability TestCMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
CMD Interaction Design - Y1 Q1 les 4 - Conducting a Usability Test
 
CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
CMD Interaction Design - Y1 Q2 les 3 - Navigation labelingCMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
CMD Interaction Design - Y1 Q2 les 3 - Navigation labeling
 
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability TestCMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
CMD Interaction Design - Y1 Q1 les 3 - Preparing a Usability Test
 
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataCMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
 
CMD Interaction Design - Y1 Q2 les 1 - Information Architecture
CMD Interaction Design - Y1 Q2 les 1 - Information ArchitectureCMD Interaction Design - Y1 Q2 les 1 - Information Architecture
CMD Interaction Design - Y1 Q2 les 1 - Information Architecture
 

Más de Ferry den Dopper

IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchFerry den Dopper
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignFerry den Dopper
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designFerry den Dopper
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedFerry den Dopper
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationFerry den Dopper
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsFerry den Dopper
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignFerry den Dopper
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offFerry den Dopper
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenFerry den Dopper
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieFerry den Dopper
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsFerry den Dopper
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenFerry den Dopper
 
Interaction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenInteraction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenFerry den Dopper
 
IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1Ferry den Dopper
 
Interaction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereidenInteraction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereidenFerry den Dopper
 
Interaction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassInteraction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassFerry den Dopper
 
Interaction Design 1.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: WireframesFerry den Dopper
 
Interaction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsInteraction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsFerry den Dopper
 

Más de Ferry den Dopper (20)

IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - Apps
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for Touch
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive Design
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
 
Interaction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisitedInteraction Design 3.6: Form elements revisited
Interaction Design 3.6: Form elements revisited
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form Organization
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form Elements
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form Design
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-off
 
IAD 2 - les 7 - Zoeken
IAD 2 - les 7 - ZoekenIAD 2 - les 7 - Zoeken
IAD 2 - les 7 - Zoeken
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minuten
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatie
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patterns
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoeren
 
Interaction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenInteraction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellen
 
IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1
 
Interaction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereidenInteraction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereiden
 
Interaction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassInteraction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclass
 
Interaction Design 1.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: Wireframes
 
Interaction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsInteraction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & Requirements
 

IAD 2 - les 4 - Navigation