SlideShare a Scribd company logo
1 of 35
Interaction Design = 
User Centered Design 
User Research, Persona’s, Scenario’s 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Module 1: 
Design Research 
Duur: 10 weken 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Programma 
Week: 
1. Introductie interaction design, mentaal model; 
2. Persona’s 
3. Scenario’s; 
4. Requirements; 
5. Wireframes; 
6. Usability testing: Voorbereiden, interviewen; 
7. Usability testing: Taken/scenario’s opstellen; 
8. Usability testing: uitvoeren, analyseren en 
rapporteren. 
Opdracht 1 inleveren 
9. - 
10.Opdracht 2 inleveren 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Boeken 
About Face 3 
Alan Cooper 
Communicating 
Design 
Dan Brown 
Reader 
Samengesteld 
door mij 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Lesstof & Beoordeling 
Lesstof 
 Colleges 
 Reader 
• About Face: hst. 2, 3, 6 
• Communicating Design: hst. 3, 7, 11, 12 
2 Opdrachten 
 Ontwerpschetsen maken o.b.v. design research 
 Usability test opzetten en uitvoeren 
Interaction Design 102 Vragen of feedback? @ferrydendopper
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. 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat lever je in? 
• 2 Persona’s 
• 1 Scenario per persona 
• Concept (ideaalplaatje) 
• User Requirements (volgens MoSCoW) 
• Minimaal 4 Wireframes 
Inleveren: eind week 8 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Module-opdracht 2 
• Kies een website; 
• Bepaal een testdoel; 
• Stel een profiel op voor respondenten; 
• Zoek 2 respondenten; 
• Stel taken / scenario’s op; 
• Bereid pre-test interview voor; 
• Voer het usability onderzoek uit; 
• Schrijf een onderzoeksrapport. 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat lever je in? 
• Onderzoeksrapport met daarin: 
• conclusies en aanbevelingen 
• doel van het onderzoek 
• profiel(en) van respondenten (min. 2 respondenten zoeken) 
• 4 testscenario’s / -taken 
• opzet pre-test interview, met 4 vragen 
• per respondent: beschrijving van kenmerken respondent, 
verslag van pre-test interview en van de sessie-observaties 
Inleveren: eind week 10 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Beoordeling opdracht 
 Heb je de persona’s en scenario’s adequaat en conform de behandelde 
conventies (theorie en best practices) opgesteld? (max. 20 punten) 
 Heb je het concept, de requirements en het systeemmodel adequaat en 
conform de behandelde conventies (theorie en best practices) opgesteld? 
(max. 20 punten) 
 Heb je een goede gebruikersinterface ontworpen volgens de standaarden uit 
IAD? (max. 20 punten) 
 Heb je het usability test interview goed uitgevoerd (levert het bruikbare 
informatie op voor de rest van de test en zijn interviewtechnieken goed 
toegepast)? Heb je de testtaken adequaat en conform de behandelde 
conventies (theorie en best practices) opgesteld? (max. 20 punten) 
 Heb je de usability test goed uitgevoerd en vastgelegd in een rapport (verslag 
van de sessies met concrete observaties)? Heb je objectieve conclusies 
getrokken? Heb je effectieve en bruikbare aanbevelingen geschreven? (max. 
20 punten) 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Your user is not you! 
11 
Interaction Design 102 Vragen of feedback? @ferrydendopper
The user is always right! 
12 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Interaction Design 102 Vragen of feedback? @ferrydendopper
User Centered Design 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Rollen in 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 
Interaction Design 102 Vragen of feedback? @ferrydendopper
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 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Implementatie- vs. mentaal model 
Mentaal (conceptueel) model 
 Hoe je er iets mee kunt doen 
 Gebruiksperspectief 
Implementatie (systeem) model 
 Hoe het werkt 
 Technisch perspectief 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Welk model? 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Interaction Design 102 Vragen of feedback? @ferrydendopper
Het verschil in ervaring bij gebruikers 
Beginners vinden een interface vaak 
moeilijk te doorgronden. 
Experts vinden veelal dat ze te weinig 
controle hebben. 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Het verschil in ervaring bij gebruikers 
Uit: ‘About Face 3’, Cooper 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Voor welk type gebruikers is dit gemaakt? 
Interaction Design 102 Vragen of feedback? @ferrydendopper
En dit? 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Deze? 
Interaction Design 102 Vragen of feedback? @ferrydendopper
En dit? 
Interaction Design 102 Vragen of feedback? @ferrydendopper
User Centered Design 
Interaction Design 102 Vragen of feedback? @ferrydendopper
User Centered Design 
Design 
Research 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Design Research 
 Het onderzoek dat vooraf 
gaat aan het eigenlijke 
ontwerpen 
 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 is 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Het uitvoeren van design research 
 Methodieken van user 
research komen bv. uit 
antropologie, sociologie, 
psychologie: 
 Observeren 
 Interviewen 
 Wordt vaak op informele 
wijze uitgevoerd 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Interaction Design 102 Vragen of feedback? @ferrydendopper
Interaction Design 102 Vragen of feedback? @ferrydendopper
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. 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Wat ga je maken? 
• Persona’s 
• Concept en scenario’s (ideaalplaatje) 
• User Requirements 
• Globale structuur 
• Wireframes 
Inleveren: eind week 10 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Opdracht voor volgende week 
• Bereid je voor op de opdracht (zit je zelf op een 
sportvereniging, of zoek andere mensen) 
Lezen: 
• About Face: hoofdstuk 2, 3 
• Communicating Design: hoofdstuk 3 
Interaction Design 102 Vragen of feedback? @ferrydendopper
Vragen? Feedback? 
f.den.dopper@hr.nl 
@ferrydendopper 
http://www.slideshare.net/ferrydd 
Interaction Design 102 Vragen of feedback? @ferrydendopper

More Related Content

Similar to Interaction Design 1.1: User Centered Design

Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass PrototypingAggeris Media
 
Interaction Design 1.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: WireframesFerry den Dopper
 
CMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to DesignCMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to DesignFerry den Dopper
 
Project 06_Bionade_les2
Project 06_Bionade_les2Project 06_Bionade_les2
Project 06_Bionade_les2Ellen van Gent
 
Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Jasper Schelling
 
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
 
What Does The User Really Want
What Does The User Really WantWhat Does The User Really Want
What Does The User Really Wantbjdiedering
 
Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaErik Duval
 
Enterprise Architectuur - terug naar de essentie
Enterprise Architectuur - terug naar de essentieEnterprise Architectuur - terug naar de essentie
Enterprise Architectuur - terug naar de essentieDanny Greefhorst
 
Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)
Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)
Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)Tristan Weevers
 
Sessie6 module onderwijsontwerpen_v6februari2014
Sessie6 module onderwijsontwerpen_v6februari2014Sessie6 module onderwijsontwerpen_v6februari2014
Sessie6 module onderwijsontwerpen_v6februari2014Ilya Zitter
 
Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2Hans Kemp
 
Informatie Architectuur in evolutie
Informatie Architectuur in evolutieInformatie Architectuur in evolutie
Informatie Architectuur in evolutieRosemie Callewaert
 
Blok 1 - Presentatie HCD
Blok 1 - Presentatie HCDBlok 1 - Presentatie HCD
Blok 1 - Presentatie HCDDaveWeijgertse
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergelekenFerry den Dopper
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers trainingAnouschka Scholten
 
Ppt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPpt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPerspekt
 
Trends, College 1 - Intro in trendwatching
Trends, College 1 - Intro in trendwatchingTrends, College 1 - Intro in trendwatching
Trends, College 1 - Intro in trendwatchingAeronAdvies
 

Similar to Interaction Design 1.1: User Centered Design (20)

Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass Prototyping
 
Interaction Design 1.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: Wireframes
 
CMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to DesignCMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to Design
 
Project 06_Bionade_les2
Project 06_Bionade_les2Project 06_Bionade_les2
Project 06_Bionade_les2
 
Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017Minorvoorlichting Interface & User Experience Design 2016 / 2017
Minorvoorlichting Interface & User Experience Design 2016 / 2017
 
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
 
What Does The User Really Want
What Does The User Really WantWhat Does The User Really Want
What Does The User Really Want
 
Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimedia
 
Enterprise Architectuur - terug naar de essentie
Enterprise Architectuur - terug naar de essentieEnterprise Architectuur - terug naar de essentie
Enterprise Architectuur - terug naar de essentie
 
Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)
Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)
Introduction in the UCDtoolbox (Dutch talk during Chi Café on April 5, 2012)
 
Sessie6 module onderwijsontwerpen_v6februari2014
Sessie6 module onderwijsontwerpen_v6februari2014Sessie6 module onderwijsontwerpen_v6februari2014
Sessie6 module onderwijsontwerpen_v6februari2014
 
UiTforum 2011 - Service Design
UiTforum 2011 - Service DesignUiTforum 2011 - Service Design
UiTforum 2011 - Service Design
 
Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2Iad1 0809Q2 Hoorcollege2
Iad1 0809Q2 Hoorcollege2
 
Informatie Architectuur in evolutie
Informatie Architectuur in evolutieInformatie Architectuur in evolutie
Informatie Architectuur in evolutie
 
IAD 2 - les 7 - Zoeken
IAD 2 - les 7 - ZoekenIAD 2 - les 7 - Zoeken
IAD 2 - les 7 - Zoeken
 
Blok 1 - Presentatie HCD
Blok 1 - Presentatie HCDBlok 1 - Presentatie HCD
Blok 1 - Presentatie HCD
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken
 
UX for Growth Hackers training
UX for Growth Hackers trainingUX for Growth Hackers training
UX for Growth Hackers training
 
Ppt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09aPpt Reinwardt, Pitchen 26 November 09a
Ppt Reinwardt, Pitchen 26 November 09a
 
Trends, College 1 - Intro in trendwatching
Trends, College 1 - Intro in trendwatchingTrends, College 1 - Intro in trendwatching
Trends, College 1 - Intro in trendwatching
 

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

More from 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 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
 
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.1: User Centered Design

  • 1. Interaction Design = User Centered Design User Research, Persona’s, Scenario’s Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 2. Module 1: Design Research Duur: 10 weken Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 3. Programma Week: 1. Introductie interaction design, mentaal model; 2. Persona’s 3. Scenario’s; 4. Requirements; 5. Wireframes; 6. Usability testing: Voorbereiden, interviewen; 7. Usability testing: Taken/scenario’s opstellen; 8. Usability testing: uitvoeren, analyseren en rapporteren. Opdracht 1 inleveren 9. - 10.Opdracht 2 inleveren Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 4. Boeken About Face 3 Alan Cooper Communicating Design Dan Brown Reader Samengesteld door mij Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 5. Lesstof & Beoordeling Lesstof  Colleges  Reader • About Face: hst. 2, 3, 6 • Communicating Design: hst. 3, 7, 11, 12 2 Opdrachten  Ontwerpschetsen maken o.b.v. design research  Usability test opzetten en uitvoeren Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 6. 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. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 7. Wat lever je in? • 2 Persona’s • 1 Scenario per persona • Concept (ideaalplaatje) • User Requirements (volgens MoSCoW) • Minimaal 4 Wireframes Inleveren: eind week 8 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 8. Module-opdracht 2 • Kies een website; • Bepaal een testdoel; • Stel een profiel op voor respondenten; • Zoek 2 respondenten; • Stel taken / scenario’s op; • Bereid pre-test interview voor; • Voer het usability onderzoek uit; • Schrijf een onderzoeksrapport. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 9. Wat lever je in? • Onderzoeksrapport met daarin: • conclusies en aanbevelingen • doel van het onderzoek • profiel(en) van respondenten (min. 2 respondenten zoeken) • 4 testscenario’s / -taken • opzet pre-test interview, met 4 vragen • per respondent: beschrijving van kenmerken respondent, verslag van pre-test interview en van de sessie-observaties Inleveren: eind week 10 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 10. Beoordeling opdracht  Heb je de persona’s en scenario’s adequaat en conform de behandelde conventies (theorie en best practices) opgesteld? (max. 20 punten)  Heb je het concept, de requirements en het systeemmodel adequaat en conform de behandelde conventies (theorie en best practices) opgesteld? (max. 20 punten)  Heb je een goede gebruikersinterface ontworpen volgens de standaarden uit IAD? (max. 20 punten)  Heb je het usability test interview goed uitgevoerd (levert het bruikbare informatie op voor de rest van de test en zijn interviewtechnieken goed toegepast)? Heb je de testtaken adequaat en conform de behandelde conventies (theorie en best practices) opgesteld? (max. 20 punten)  Heb je de usability test goed uitgevoerd en vastgelegd in een rapport (verslag van de sessies met concrete observaties)? Heb je objectieve conclusies getrokken? Heb je effectieve en bruikbare aanbevelingen geschreven? (max. 20 punten) Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 11. Your user is not you! 11 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 12. The user is always right! 12 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 13. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 14. User Centered Design Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 15. Rollen in 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 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 16. 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 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 17. Implementatie- vs. mentaal model Mentaal (conceptueel) model  Hoe je er iets mee kunt doen  Gebruiksperspectief Implementatie (systeem) model  Hoe het werkt  Technisch perspectief Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 18. Welk model? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 19. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 20. Het verschil in ervaring bij gebruikers Beginners vinden een interface vaak moeilijk te doorgronden. Experts vinden veelal dat ze te weinig controle hebben. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 21. Het verschil in ervaring bij gebruikers Uit: ‘About Face 3’, Cooper Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 22. Voor welk type gebruikers is dit gemaakt? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 23. En dit? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 24. Deze? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 25. En dit? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 26. User Centered Design Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 27. User Centered Design Design Research Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 28. Design Research  Het onderzoek dat vooraf gaat aan het eigenlijke ontwerpen  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 is Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 29. Het uitvoeren van design research  Methodieken van user research komen bv. uit antropologie, sociologie, psychologie:  Observeren  Interviewen  Wordt vaak op informele wijze uitgevoerd Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 30. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 31. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 32. 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. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 33. Wat ga je maken? • Persona’s • Concept en scenario’s (ideaalplaatje) • User Requirements • Globale structuur • Wireframes Inleveren: eind week 10 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 34. Opdracht voor volgende week • Bereid je voor op de opdracht (zit je zelf op een sportvereniging, of zoek andere mensen) Lezen: • About Face: hoofdstuk 2, 3 • Communicating Design: hoofdstuk 3 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 35. Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper http://www.slideshare.net/ferrydd Interaction Design 102 Vragen of feedback? @ferrydendopper