SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Interaction Design Jaar 2 - introductie
Ferry den Dopper Interaction designersinds 2000 (bij Tam Tam) Voorliefdevoorinformatiearchitectuur, toegankelijkheid en persuasion design Ontworpenvooro.a. Daarnaast f.den.dopper@hr.nl @ferrydendopper nl.linkedin.com/in/ferrydendopper/nl www.den-dopper.com Waar kun je me vinden?
Afgelopenjaar Design Research Wireframing Wat is interaction design? Information Architecture
Web 2.0
7 Principes van Web 2.0 ‘The web as a platform’ ‘Harnessingcollective intelligence’ ‘Data is the next Intel inside’ ‘End of the software release cycle’ ‘Lightweightprogramming models’ ‘Software above the level of a single device’ ‘A rich user experience’ Bron: Tim O’Reilly, http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
In de praktijk User Generated Content Tagging, rating, reviews, blogs Social Networks Aggregation (RSS) Rich Internet Applications (RIA) Mobile
Ditjaar Design Patterns Mobile & Accessible Rich & Social Usability Testing Multidisciplinair project
Module 4 Onderwerpen Design Patterns Rich Interaction Design for Social Duur 5 weken Toetsing 50% tentamen (colleges + leesstof) 50% solo opdracht
Module 5 Onderwerpen Mobile Design Toegankelijkheid Usability testen Duur 10 weken(5 wk mobile/accessibility + 5 wk usability) Toetsing 40% tentamen (colleges + leesstof) 30% solo opdracht mobile & accessibility 30% duo opdracht usability testen
Verplichteboeken Designing Interfaces2nd edition Jenifer Tidwell Designing Web Interfaces Bill Scott
Designing for the Social Web Joshua Porter Aanbevolenboeken
Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper

Weitere ähnliche Inhalte

Andere mochten auch

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
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenFerry den Dopper
 
CMD Interaction Design - Y2 Q2 les 6 - Mobile Usability Testing
CMD Interaction Design - Y2 Q2 les 6 - Mobile Usability TestingCMD Interaction Design - Y2 Q2 les 6 - Mobile Usability Testing
CMD Interaction Design - Y2 Q2 les 6 - Mobile Usability TestingFerry 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
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingFerry den Dopper
 
12 Persuasion tactieken voor hogere conversie (workshop)
12 Persuasion tactieken voor hogere conversie (workshop)12 Persuasion tactieken voor hogere conversie (workshop)
12 Persuasion tactieken voor hogere conversie (workshop)Ferry den Dopper
 
Interaction Design CMD jaar 1 introductie
Interaction Design CMD jaar 1 introductieInteraction Design CMD jaar 1 introductie
Interaction Design CMD jaar 1 introductieFerry 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
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergelekenFerry 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
 
Interaction Design & Psychology (2002)
Interaction Design & Psychology (2002)Interaction Design & Psychology (2002)
Interaction Design & Psychology (2002)Ferry den Dopper
 

Andere mochten auch (12)

Interaction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsInteraction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & Requirements
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minuten
 
CMD Interaction Design - Y2 Q2 les 6 - Mobile Usability Testing
CMD Interaction Design - Y2 Q2 les 6 - Mobile Usability TestingCMD Interaction Design - Y2 Q2 les 6 - Mobile Usability Testing
CMD Interaction Design - Y2 Q2 les 6 - Mobile Usability Testing
 
Interaction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassInteraction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclass
 
IAD 1 - les 2 - personas
IAD 1 - les 2 - personasIAD 1 - les 2 - personas
IAD 1 - les 2 - personas
 
IAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - Cardsorting
 
12 Persuasion tactieken voor hogere conversie (workshop)
12 Persuasion tactieken voor hogere conversie (workshop)12 Persuasion tactieken voor hogere conversie (workshop)
12 Persuasion tactieken voor hogere conversie (workshop)
 
Interaction Design CMD jaar 1 introductie
Interaction Design CMD jaar 1 introductieInteraction Design CMD jaar 1 introductie
Interaction Design CMD jaar 1 introductie
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information Architecture
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken
 
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
 
Interaction Design & Psychology (2002)
Interaction Design & Psychology (2002)Interaction Design & Psychology (2002)
Interaction Design & Psychology (2002)
 

Ähnlich wie CMD Interaction Design - Y2 Q1 intro

CMD Interaction Design - Y1 introduction
CMD Interaction Design - Y1 introductionCMD Interaction Design - Y1 introduction
CMD Interaction Design - Y1 introductionFerry den Dopper
 
Lotus Connections als Social Intranet V1.0
Lotus Connections als Social Intranet V1.0Lotus Connections als Social Intranet V1.0
Lotus Connections als Social Intranet V1.0Edwin Kanis
 
lunchsessie gemeente Enschede over Slimmer Werken
lunchsessie gemeente Enschede over Slimmer Werkenlunchsessie gemeente Enschede over Slimmer Werken
lunchsessie gemeente Enschede over Slimmer WerkenProven Partners
 
Fotoverslag webmanagersnet 18 nov 2010 v1
Fotoverslag webmanagersnet 18 nov 2010 v1Fotoverslag webmanagersnet 18 nov 2010 v1
Fotoverslag webmanagersnet 18 nov 2010 v1Present Media
 
Global Orange Slide Share
Global Orange Slide ShareGlobal Orange Slide Share
Global Orange Slide ShareSharktail
 
GlobalOrange
GlobalOrangeGlobalOrange
GlobalOrangeAnoukGO
 
Lotus Connections Als Social Intranet 1.0
Lotus Connections Als Social Intranet 1.0Lotus Connections Als Social Intranet 1.0
Lotus Connections Als Social Intranet 1.0Edwin Kanis
 
Specialistendag mediatechnologie 18 11-2010
Specialistendag mediatechnologie 18 11-2010Specialistendag mediatechnologie 18 11-2010
Specialistendag mediatechnologie 18 11-2010Erik Oomen
 
Moss Lessons Learned
Moss Lessons LearnedMoss Lessons Learned
Moss Lessons LearnedDanny Burlage
 
Kluwer dagvd contr_mobile_visterin_2012
Kluwer dagvd contr_mobile_visterin_2012Kluwer dagvd contr_mobile_visterin_2012
Kluwer dagvd contr_mobile_visterin_2012William Visterin
 
App development step by step
App development   step by stepApp development   step by step
App development step by stepPhilippe De Pauw
 
ontbijtsessie Red Peppers social media
ontbijtsessie Red Peppers social mediaontbijtsessie Red Peppers social media
ontbijtsessie Red Peppers social mediaProven Partners
 
Fex 131104 - presentatie innervate - masterclass cloud ict flevum executive
Fex   131104 - presentatie innervate - masterclass cloud ict flevum executiveFex   131104 - presentatie innervate - masterclass cloud ict flevum executive
Fex 131104 - presentatie innervate - masterclass cloud ict flevum executiveFlevum
 
GlobalOrange slideshare
GlobalOrange slideshareGlobalOrange slideshare
GlobalOrange slideshareAnoukGO
 
Portfolio: digital / user experience (UX) design by Online Department
Portfolio: digital / user experience (UX) design by Online DepartmentPortfolio: digital / user experience (UX) design by Online Department
Portfolio: digital / user experience (UX) design by Online DepartmentOnline Department
 

Ähnlich wie CMD Interaction Design - Y2 Q1 intro (20)

CMD Interaction Design - Y1 introduction
CMD Interaction Design - Y1 introductionCMD Interaction Design - Y1 introduction
CMD Interaction Design - Y1 introduction
 
Lotus Connections als Social Intranet V1.0
Lotus Connections als Social Intranet V1.0Lotus Connections als Social Intranet V1.0
Lotus Connections als Social Intranet V1.0
 
Trends Voor 2008
Trends Voor 2008Trends Voor 2008
Trends Voor 2008
 
lunchsessie gemeente Enschede over Slimmer Werken
lunchsessie gemeente Enschede over Slimmer Werkenlunchsessie gemeente Enschede over Slimmer Werken
lunchsessie gemeente Enschede over Slimmer Werken
 
Fotoverslag webmanagersnet 18 nov 2010 v1
Fotoverslag webmanagersnet 18 nov 2010 v1Fotoverslag webmanagersnet 18 nov 2010 v1
Fotoverslag webmanagersnet 18 nov 2010 v1
 
Global Orange Slide Share
Global Orange Slide ShareGlobal Orange Slide Share
Global Orange Slide Share
 
GlobalOrange
GlobalOrangeGlobalOrange
GlobalOrange
 
Global Orange Slide Share
Global Orange Slide ShareGlobal Orange Slide Share
Global Orange Slide Share
 
De Digitale Sprong
De Digitale SprongDe Digitale Sprong
De Digitale Sprong
 
Lotus Connections Als Social Intranet 1.0
Lotus Connections Als Social Intranet 1.0Lotus Connections Als Social Intranet 1.0
Lotus Connections Als Social Intranet 1.0
 
Specialistendag mediatechnologie 18 11-2010
Specialistendag mediatechnologie 18 11-2010Specialistendag mediatechnologie 18 11-2010
Specialistendag mediatechnologie 18 11-2010
 
Moss Lessons Learned
Moss Lessons LearnedMoss Lessons Learned
Moss Lessons Learned
 
Kluwer dagvd contr_mobile_visterin_2012
Kluwer dagvd contr_mobile_visterin_2012Kluwer dagvd contr_mobile_visterin_2012
Kluwer dagvd contr_mobile_visterin_2012
 
UX & Library Services
UX & Library ServicesUX & Library Services
UX & Library Services
 
App development step by step
App development   step by stepApp development   step by step
App development step by step
 
ontbijtsessie Red Peppers social media
ontbijtsessie Red Peppers social mediaontbijtsessie Red Peppers social media
ontbijtsessie Red Peppers social media
 
Fex 131104 - presentatie innervate - masterclass cloud ict flevum executive
Fex   131104 - presentatie innervate - masterclass cloud ict flevum executiveFex   131104 - presentatie innervate - masterclass cloud ict flevum executive
Fex 131104 - presentatie innervate - masterclass cloud ict flevum executive
 
GlobalOrange slideshare
GlobalOrange slideshareGlobalOrange slideshare
GlobalOrange slideshare
 
Presentatie Horizon Rapport
Presentatie Horizon RapportPresentatie Horizon Rapport
Presentatie Horizon Rapport
 
Portfolio: digital / user experience (UX) design by Online Department
Portfolio: digital / user experience (UX) design by Online DepartmentPortfolio: digital / user experience (UX) design by Online Department
Portfolio: digital / user experience (UX) design by Online Department
 

Mehr von Ferry 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
 
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.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
 
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 4 - Navigation
IAD 2 - les 4 - NavigationIAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationFerry 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.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: WireframesFerry den Dopper
 
IAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionIAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionFerry den Dopper
 

Mehr von Ferry den Dopper (20)

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 Defaults
 
IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - Apps
 
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.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & ErrorsInteraction Design 3.4: Hints, Help & Errors
Interaction Design 3.4: Hints, Help & Errors
 
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 6 - Labeling
IAD 2 - les 6 - LabelingIAD 2 - les 6 - Labeling
IAD 2 - les 6 - Labeling
 
IAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataIAD 2 - les 5 - Metadata
IAD 2 - les 5 - Metadata
 
IAD 2 - les 4 - Navigation
IAD 2 - les 4 - NavigationIAD 2 - les 4 - Navigation
IAD 2 - les 4 - Navigation
 
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.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: Wireframes
 
IAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionIAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich Interaction
 

CMD Interaction Design - Y2 Q1 intro

  • 1. Interaction Design Jaar 2 - introductie
  • 2. Ferry den Dopper Interaction designersinds 2000 (bij Tam Tam) Voorliefdevoorinformatiearchitectuur, toegankelijkheid en persuasion design Ontworpenvooro.a. Daarnaast f.den.dopper@hr.nl @ferrydendopper nl.linkedin.com/in/ferrydendopper/nl www.den-dopper.com Waar kun je me vinden?
  • 3. Afgelopenjaar Design Research Wireframing Wat is interaction design? Information Architecture
  • 5. 7 Principes van Web 2.0 ‘The web as a platform’ ‘Harnessingcollective intelligence’ ‘Data is the next Intel inside’ ‘End of the software release cycle’ ‘Lightweightprogramming models’ ‘Software above the level of a single device’ ‘A rich user experience’ Bron: Tim O’Reilly, http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
  • 6. In de praktijk User Generated Content Tagging, rating, reviews, blogs Social Networks Aggregation (RSS) Rich Internet Applications (RIA) Mobile
  • 7. Ditjaar Design Patterns Mobile & Accessible Rich & Social Usability Testing Multidisciplinair project
  • 8. Module 4 Onderwerpen Design Patterns Rich Interaction Design for Social Duur 5 weken Toetsing 50% tentamen (colleges + leesstof) 50% solo opdracht
  • 9. Module 5 Onderwerpen Mobile Design Toegankelijkheid Usability testen Duur 10 weken(5 wk mobile/accessibility + 5 wk usability) Toetsing 40% tentamen (colleges + leesstof) 30% solo opdracht mobile & accessibility 30% duo opdracht usability testen
  • 10. Verplichteboeken Designing Interfaces2nd edition Jenifer Tidwell Designing Web Interfaces Bill Scott
  • 11. Designing for the Social Web Joshua Porter Aanbevolenboeken