Post on 20-Jun-2015
Interaction Design 101 Vragen of feedback? @ferrydendopper
Interaction Design = User Centered
DesignUser Research, Persona’s, Scenario’s
Interaction Design 101 Vragen of feedback? @ferrydendopper
Module 1:Design Research
Duur: 5 weken
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.
Interaction Design 101 Vragen of feedback? @ferrydendopper
Boeken
About Face 3Alan Cooper
Communicating DesignDan Brown
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
Interaction Design 101 Vragen of feedback? @ferrydendopper
Your user is not you!
6
Interaction Design 101 Vragen of feedback? @ferrydendopper
The user is always right!
7
Interaction Design 101 Vragen of feedback? @ferrydendopper
User Centered Design
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
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
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
Interaction Design 101 Vragen of feedback? @ferrydendopper
Welk model?
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
Interaction Design 101 Vragen of feedback? @ferrydendopper
Het verschil in ervaring bij gebruikers
Uit: ‘About Face 3’, Cooper
Interaction Design 101 Vragen of feedback? @ferrydendopper
Voor welk type gebruikers is dit gemaakt?
Interaction Design 101 Vragen of feedback? @ferrydendopper
En dit?
Interaction Design 101 Vragen of feedback? @ferrydendopper
Deze?
Interaction Design 101 Vragen of feedback? @ferrydendopper
En dit?
Interaction Design 101 Vragen of feedback? @ferrydendopper
User Centered Design
Interaction Design 101 Vragen of feedback? @ferrydendopper
User Centered Design
Design Research
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
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
Interaction Design 101 Vragen of feedback? @ferrydendopper
Interaction Design 101 Vragen of feedback? @ferrydendopper
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
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)
Interaction Design 101 Vragen of feedback? @ferrydendopper
Interaction Design 101 Vragen of feedback? @ferrydendopper
Pas op voor…
Larger than life persona’s
Lionel Messi
Persona’s
Parodie persona’s
Barry Potter
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
Interaction Design 101 Vragen of feedback? @ferrydendopper
Interaction Design 101 Vragen of feedback? @ferrydendopper
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.
Interaction Design 101 Vragen of feedback? @ferrydendopper
Wat ga je maken?
• Persona’s• Scenario’s (ideaalplaatje)• User Requirements• Conceptbeschrijving• Globale structuur• Wireframes
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
Interaction Design 101 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
f.den.dopper@hr.nl
@ferrydendopper