cmd interaction design - y1 q1 les 1 - ucd personas scenarios
TRANSCRIPT
![Page 1: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/1.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Interaction Design = User Centered
DesignUser Research, Persona’s, Scenario’s
![Page 2: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/2.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Module 1:Design Research
Duur: 5 weken
![Page 3: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/3.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Programma
Week:1. Introductie interaction design, mentaal
model, persona’s en scenario’s;2. Van Design research naar ontwerpvoorstel;3. Usability test voorbereiden:
gebruikersprofielen, interview, taken/scenario’s;
4. Usability test uitvoeren, analyseren en rapporteren;
5. Wireframing basistechnieken.
![Page 4: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/4.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Boeken
About Face 3Alan Cooper
Communicating DesignDan Brown
![Page 5: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/5.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Lesstof & Beoordeling
50% Tentamen Colleges About Face: hst. 2, 3, 6 Communicating Design: hst. 3, 7, 11, 12
50% Opdrachten Ontwerpschetsen maken o.b.v. design
research Usability test opzetten en uitvoeren
![Page 6: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/6.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Your user is not you!
6
![Page 7: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/7.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
The user is always right!
7
![Page 8: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/8.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
User Centered Design
![Page 9: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/9.jpg)
Interaction Design 101 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
![Page 10: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/10.jpg)
Interaction Design 101 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
![Page 11: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/11.jpg)
Interaction Design 101 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
![Page 12: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/12.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Welk model?
![Page 13: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/13.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Beginners vinden een interface vaak moeilijk te doorgronden.
Experts vinden veelal dat ze te weinig controle hebben.
Het verschil in ervaring bij gebruikers
![Page 14: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/14.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Het verschil in ervaring bij gebruikers
Uit: ‘About Face 3’, Cooper
![Page 15: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/15.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Voor welk type gebruikers is dit gemaakt?
![Page 16: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/16.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
En dit?
![Page 17: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/17.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Deze?
![Page 18: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/18.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
En dit?
![Page 19: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/19.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
User Centered Design
![Page 20: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/20.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
User Centered Design
Design Research
![Page 21: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/21.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
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
Design Research
![Page 22: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/22.jpg)
Interaction Design 101 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
![Page 23: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/23.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
![Page 24: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/24.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
![Page 25: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/25.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Persona’s zijn…
Beschrijvingen van fictionele, maar realistische gebruikers, inclusief hun behoeften en wensen
Gebaseerd op onderzoek
Archetypen, geen stereotypen – zij hebben echte, specifieke behoeftes
Persona’s
![Page 26: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/26.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Persona’s
Persona’s zijn…
Individuen(naam + foto)
Representatie van een groep(karakteristieken)
Doel-/taakgericht(triggers)
Verwachtingsvol(behoeften, wensen, verwachtingen)
![Page 27: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/27.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
![Page 28: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/28.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Pas op voor…
Larger than life persona’s
Lionel Messi
Persona’s
Parodie persona’s
Barry Potter
![Page 29: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/29.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Gebruiksscenario’s
Hoe pakt je persona een bepaalde taak aan?
Afhankelijk van: Gedrag, voorkeuren,
verwachtingen Context Ervaring Frequentie
![Page 30: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/30.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
![Page 31: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/31.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
![Page 32: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/32.jpg)
Interaction Design 101 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.
![Page 33: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/33.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Wat ga je maken?
• Persona’s• Scenario’s (ideaalplaatje)• User Requirements• Conceptbeschrijving• Globale structuur• Wireframes
![Page 34: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/34.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
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
![Page 35: CMD Interaction Design - Y1 Q1 les 1 - UCD Personas Scenarios](https://reader031.vdocument.in/reader031/viewer/2022013003/5584f845d8b42ae71b8b45b9/html5/thumbnails/35.jpg)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
@ferrydendopper