SlideShare uma empresa Scribd logo
1 de 35
Interaction Design =User Centered Design User Research, Persona’s, Scenario’s
Module 1: Design Research Duur:	5 weken
Programma Week: Introductie interaction design, mentaal model, persona’s en scenario’s; Van Design research naar ontwerpvoorstel; Usability test voorbereiden: gebruikersprofielen, interview, taken/scenario’s; Usability test uitvoeren, analyseren en rapporteren; Wireframing basistechnieken.
Boeken About Face 3 Alan Cooper Communicating Design Dan Brown
Lesstof & Beoordeling 50% Tentamen Colleges About Face:  hst. 2, 3, 6 Communicating Design:  hst. 3, 7, 11, 12 50% Opdrachten Ontwerpschetsenmakeno.b.v. design research Usability test opzettenen uitvoeren
Your user is not you! 6
The user is always right! 7
User Centered Design
Rollenin productontwikkeling Engineering:“What are we capable of?”, “What is possible?” Business:“What can we sell?”, “What can we afford?”, “What is viable?” Design:“What do people want?”,“What is desired?” Uit: ‘The Inmates Are Running The Asylum’, Cooper
Een verschillend perspectief: de bioscoop Het model van het publiek: Het publiek hoeft van dit alles geen weet te hebben en wil vooral een goede film zien Het model van de operator: Wat je moet weten om de film te kunnen draaien
Implementatie- vs. mentaal model Mentaal(conceptueel) model ,[object Object]
GebruiksperspectiefImplementatie (systeem) model ,[object Object]
Technischperspectief,[object Object]
Beginners vinden een interface vaak moeilijk te doorgronden. Experts vinden veelal dat ze te weinig controle hebben. Het verschil in ervaring bij gebruikers
Het verschil in ervaring bij gebruikers Uit: ‘About Face 3’, Cooper
Voor welk type gebruikers is dit gemaakt?
En dit?
Deze?
En dit?
User Centered Design
User Centered Design Design Research
[object Object]
Doel : het verkrijgen van informatie over gebruikers en hun omgeving
Je zult als ontwerper moeten ‘aanvoelen’ wat de emotionele, culturele en esthetische context van een product isDesign Research
Het uitvoeren van design research ,[object Object]
Observeren
Interviewen
Wordt vaak op informele wijze uitgevoerd,[object Object]
Persona’s zijn… Beschrijvingen van fictionele, maar realistischegebruikers, inclusiefhunbehoeften en wensen Gebaseerd op onderzoek Archetypen, geenstereotypen – zijhebbenechte, specifiekebehoeftes Persona’s
Persona’s Persona’s zijn… Individuen(naam + foto) Representatie van eengroep(karakteristieken) Doel-/taakgericht(triggers) Verwachtingsvol(behoeften, wensen, verwachtingen)
Pas op voor… Larger than life persona’sLionel Messi Persona’s Parodie persona’sBarry Potter
Gebruiksscenario’s Hoe pakt je persona eenbepaaldetaakaan? Afhankelijk van: Gedrag, voorkeuren, verwachtingen Context Ervaring Frequentie

Mais conteúdo relacionado

Semelhante a CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios

Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignFerry den Dopper
 
IA Scoren met Service. Sessie 1 door Philippe Martens bij Voka Limburg
IA Scoren met Service. Sessie 1 door Philippe Martens bij Voka LimburgIA Scoren met Service. Sessie 1 door Philippe Martens bij Voka Limburg
IA Scoren met Service. Sessie 1 door Philippe Martens bij Voka LimburgIkinnoveer
 
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
 
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
 
IA Scoren met Service. Sessie 1. Voka Limburg. Philippe Martens
IA Scoren met Service. Sessie 1. Voka Limburg. Philippe MartensIA Scoren met Service. Sessie 1. Voka Limburg. Philippe Martens
IA Scoren met Service. Sessie 1. Voka Limburg. Philippe MartensIkinnoveer
 
Novartis patient academy - design thinking 7 maart
Novartis patient academy  - design thinking 7 maartNovartis patient academy  - design thinking 7 maart
Novartis patient academy - design thinking 7 maartRobin Hooijer
 
Onderzoek in HBO: Exploratie Fundatie derksen
Onderzoek in HBO: Exploratie Fundatie derksenOnderzoek in HBO: Exploratie Fundatie derksen
Onderzoek in HBO: Exploratie Fundatie derksenLisette D
 
Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass PrototypingAggeris Media
 
Hku event management succesvol zakelijk event event proces les 1
Hku event management succesvol zakelijk event  event proces les 1Hku event management succesvol zakelijk event  event proces les 1
Hku event management succesvol zakelijk event event proces les 1Gabrielle Kuiper
 
human centred branding HROsept09 Zilver Christa van Gessel
human centred branding HROsept09 Zilver Christa van Gesselhuman centred branding HROsept09 Zilver Christa van Gessel
human centred branding HROsept09 Zilver Christa van GesselChrista Van Gessel
 
Health innovation school - Design Thinking Part 1: User Analysis
Health innovation school - Design Thinking Part 1: User AnalysisHealth innovation school - Design Thinking Part 1: User Analysis
Health innovation school - Design Thinking Part 1: User AnalysisRobin Hooijer
 
Sd bijeenkomst 9 december
Sd bijeenkomst 9 decemberSd bijeenkomst 9 december
Sd bijeenkomst 9 decemberKennisnet
 
Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...
Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...
Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...Ikinnoveer
 
Personal branding flevoland
Personal branding flevoland Personal branding flevoland
Personal branding flevoland Tom Scholte
 
Personal branding template 2010
Personal branding template 2010Personal branding template 2010
Personal branding template 2010Tom Scholte
 
Concept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductieConcept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductieRaoul Teeuwen
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Mirabeau
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers trainingAnouschka Scholten
 
Nepc11 eportfolio bij loopbaanontwikkeling matchcare
Nepc11 eportfolio bij loopbaanontwikkeling matchcareNepc11 eportfolio bij loopbaanontwikkeling matchcare
Nepc11 eportfolio bij loopbaanontwikkeling matchcareStichting ePortfolio Support
 

Semelhante a CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios (20)

Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered Design
 
IA Scoren met Service. Sessie 1 door Philippe Martens bij Voka Limburg
IA Scoren met Service. Sessie 1 door Philippe Martens bij Voka LimburgIA Scoren met Service. Sessie 1 door Philippe Martens bij Voka Limburg
IA Scoren met Service. Sessie 1 door Philippe Martens bij Voka Limburg
 
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
 
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
 
IA Scoren met Service. Sessie 1. Voka Limburg. Philippe Martens
IA Scoren met Service. Sessie 1. Voka Limburg. Philippe MartensIA Scoren met Service. Sessie 1. Voka Limburg. Philippe Martens
IA Scoren met Service. Sessie 1. Voka Limburg. Philippe Martens
 
Novartis patient academy - design thinking 7 maart
Novartis patient academy  - design thinking 7 maartNovartis patient academy  - design thinking 7 maart
Novartis patient academy - design thinking 7 maart
 
Onderzoek in HBO: Exploratie Fundatie derksen
Onderzoek in HBO: Exploratie Fundatie derksenOnderzoek in HBO: Exploratie Fundatie derksen
Onderzoek in HBO: Exploratie Fundatie derksen
 
Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass Prototyping
 
Hku event management succesvol zakelijk event event proces les 1
Hku event management succesvol zakelijk event  event proces les 1Hku event management succesvol zakelijk event  event proces les 1
Hku event management succesvol zakelijk event event proces les 1
 
human centred branding HROsept09 Zilver Christa van Gessel
human centred branding HROsept09 Zilver Christa van Gesselhuman centred branding HROsept09 Zilver Christa van Gessel
human centred branding HROsept09 Zilver Christa van Gessel
 
Health innovation school - Design Thinking Part 1: User Analysis
Health innovation school - Design Thinking Part 1: User AnalysisHealth innovation school - Design Thinking Part 1: User Analysis
Health innovation school - Design Thinking Part 1: User Analysis
 
Sd bijeenkomst 9 december
Sd bijeenkomst 9 decemberSd bijeenkomst 9 december
Sd bijeenkomst 9 december
 
Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...
Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...
Ia scoren met service sessie 1 Ken ik mijn klanten echt. Remco Lenstra. Bij V...
 
Personal branding flevoland
Personal branding flevoland Personal branding flevoland
Personal branding flevoland
 
Personal branding template 2010
Personal branding template 2010Personal branding template 2010
Personal branding template 2010
 
Concept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductieConcept-ontwikkeling - een introductie
Concept-ontwikkeling - een introductie
 
Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011Workshop ux cocktail hour mirabeau_sept2011
Workshop ux cocktail hour mirabeau_sept2011
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers training
 
Nepc11 eportfolio bij loopbaanontwikkeling matchcare
Nepc11 eportfolio bij loopbaanontwikkeling matchcareNepc11 eportfolio bij loopbaanontwikkeling matchcare
Nepc11 eportfolio bij loopbaanontwikkeling matchcare
 

Mais de 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 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.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
 
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 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingFerry 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
 

Mais de 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 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
 
IAD 1 - les 2 - personas
IAD 1 - les 2 - personasIAD 1 - les 2 - personas
IAD 1 - les 2 - personas
 
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.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 7 - Zoeken
IAD 2 - les 7 - ZoekenIAD 2 - les 7 - Zoeken
IAD 2 - les 7 - Zoeken
 
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
 
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 2 - les 2 - Cardsorting
IAD 2 - les 2 - CardsortingIAD 2 - les 2 - Cardsorting
IAD 2 - les 2 - Cardsorting
 
IAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information ArchitectureIAD 2 - les 1 - Information Architecture
IAD 2 - les 1 - Information Architecture
 

CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios

  • 1. Interaction Design =User Centered Design User Research, Persona’s, Scenario’s
  • 2. Module 1: Design Research Duur: 5 weken
  • 3. Programma Week: Introductie interaction design, mentaal model, persona’s en scenario’s; Van Design research naar ontwerpvoorstel; Usability test voorbereiden: gebruikersprofielen, interview, taken/scenario’s; Usability test uitvoeren, analyseren en rapporteren; Wireframing basistechnieken.
  • 4. Boeken About Face 3 Alan Cooper Communicating Design Dan Brown
  • 5. Lesstof & Beoordeling 50% Tentamen Colleges About Face: hst. 2, 3, 6 Communicating Design: hst. 3, 7, 11, 12 50% Opdrachten Ontwerpschetsenmakeno.b.v. design research Usability test opzettenen uitvoeren
  • 6. Your user is not you! 6
  • 7. The user is always right! 7
  • 9. Rollenin productontwikkeling Engineering:“What are we capable of?”, “What is possible?” Business:“What can we sell?”, “What can we afford?”, “What is viable?” Design:“What do people want?”,“What is desired?” Uit: ‘The Inmates Are Running The Asylum’, Cooper
  • 10. Een verschillend perspectief: de bioscoop Het model van het publiek: Het publiek hoeft van dit alles geen weet te hebben en wil vooral een goede film zien Het model van de operator: Wat je moet weten om de film te kunnen draaien
  • 11.
  • 12.
  • 13.
  • 14. Beginners vinden een interface vaak moeilijk te doorgronden. Experts vinden veelal dat ze te weinig controle hebben. Het verschil in ervaring bij gebruikers
  • 15. Het verschil in ervaring bij gebruikers Uit: ‘About Face 3’, Cooper
  • 16. Voor welk type gebruikers is dit gemaakt?
  • 18. Deze?
  • 21. User Centered Design Design Research
  • 22.
  • 23. Doel : het verkrijgen van informatie over gebruikers en hun omgeving
  • 24. Je zult als ontwerper moeten ‘aanvoelen’ wat de emotionele, culturele en esthetische context van een product isDesign Research
  • 25.
  • 28.
  • 29.
  • 30. Persona’s zijn… Beschrijvingen van fictionele, maar realistischegebruikers, inclusiefhunbehoeften en wensen Gebaseerd op onderzoek Archetypen, geenstereotypen – zijhebbenechte, specifiekebehoeftes Persona’s
  • 31. Persona’s Persona’s zijn… Individuen(naam + foto) Representatie van eengroep(karakteristieken) Doel-/taakgericht(triggers) Verwachtingsvol(behoeften, wensen, verwachtingen)
  • 32.
  • 33. Pas op voor… Larger than life persona’sLionel Messi Persona’s Parodie persona’sBarry Potter
  • 34. Gebruiksscenario’s Hoe pakt je persona eenbepaaldetaakaan? Afhankelijk van: Gedrag, voorkeuren, verwachtingen Context Ervaring Frequentie
  • 35.
  • 36.
  • 37. Module-opdracht 1 Sportvereniging Bardienst, scheidsrechter, lijnrechter Ieder lid per seizoen minimaal 4 diensten De dienstencoördinator deelt iedereen in. Kun je niet? Zelf vervanging regelen. Probleem: Er zijn altijd veel klachten.Bijvoorbeeld: mensen kunnen niet als ze ingedeeld zijn en blijven weg. Of het komt hen niet uit. Of willen liever achter de bar staan dan fluiten. Vraag: Bedenk een systeem dat zowel voor de vereniging als de leden werkt.
  • 38. Watga je maken? Persona’s Scenario’s (ideaalplaatje) User Requirements Conceptbeschrijving Globalestructuur Wireframes
  • 39. Opdracht voor volgende week Stel 2 persona’s op; Bedenk vanuit beide persona’s een scenario voor een ideaalsituatie. Lezen: About Face: hoofdstuk 2, 3 Communicating Design: hoofdstuk 3