Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping...

35
Workshop User Experience Design III Lecturer: Alexander Wiethoff Tutorials and Organization: Beat Rossmy and Hanna Schneider External Lecturers: Veronika Ritzer (BMW Group) and Marin Zec (CDTM)

Transcript of Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping...

Page 1: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Workshop User Experience Design IIILecturer: Alexander Wiethoff Tutorials and Organization: Beat Rossmy and Hanna Schneider External Lecturers: Veronika Ritzer (BMW Group) and Marin Zec (CDTM)

Page 2: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Intro Lecture & User Research

Monday Tuesday Wednesday Thursday Friday

Week 1

Page 3: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

User Research

Monday Tuesday Wednesday Thursday Friday

Week 1

Page 4: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Data Analysis + UX Methods

Monday Tuesday Wednesday Thursday Friday

Week 1

Page 5: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Monday Tuesday Wednesday Thursday Friday

Week 1

UX Ideation Tools

Page 6: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Storyboard & Mid Presentation

Monday Tuesday Wednesday Thursday Friday

Week 2

Page 7: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Prototyping Lecture & Planning

Monday Tuesday Wednesday Thursday Friday

Week 2

Page 8: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Video Prototyping

Monday Tuesday Wednesday Thursday Friday

Week 2

Page 9: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Review & Start-Up Lightning Talk

Monday Tuesday Wednesday Thursday Friday

Week 2

Page 10: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Monday Tuesday Wednesday Thursday Friday

Final Presentations

Week 2

Page 11: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Part 1: User/Design Research

Page 12: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

User-experience design

Industrial design

Human-computer interaction

Human factors

Usability engineering

User Interface engineering

Communication design

Information architecture

Interaction design

source [3]

Page 13: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

© Alexander Wiethoff 2013

Page 14: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

© Alexander Wiethoff 2013

Page 15: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

© IMAGO Design

UX Research: In context observations

© IMAGO Design

Page 16: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

© IMAGO Design

UX Research: Seeing through peoples eyes

© IMAGO Design

Page 17: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

© IMAGO Design

UX Research: Scouting Technology Opportunities…

Page 18: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

© IMAGO Design

UX Research: Aim at Problems and Latent Design Opportunities

Page 19: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Personas

http://www.altag.net/wp-content/uploads/2015/02/personas.jpg

Page 20: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

infrequent users

expert users

frequent users

novice users

source: [7]

Page 21: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2011 15

source: [8]

Page 22: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2011

ANALYSIS Definition of the system What is the problem?

EVALUATION Possible alternatives What future do we want?

SYNTHESIS Design of final solutions What do we implement?

brief

solution

The designer is an ‘executor’

The designer is a ‘story-teller’

The designer is a ‘problem-scouter’

Jonas, Generative tools, 2001!

16

source: [4]

Page 23: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2011 wikimedia creative commons

Standard Observation Tools:

Tools of Trade:

44

Page 24: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2011

Interviews

Unstructured - are not directed by a script. Rich but not replicable. Structured - are tightly scripted, often like a questionnaire. Replicable but may lack richness.

Semi-structured - guided by a script but interesting issues can be explored in more depth. Can provide a good balance between richness and replicability.

45

source: [8]

Page 25: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2011

Running the interview

• Introduction – introduce yourself, explain the goals of the interview, reassure about the ethical issues, ask to record, present any informed consent form.

• Warm-up – make first questions easy and non-threatening.

• Main body – present questions in a logical order

• A cool-off period – include a few easy questions to defuse tension at the end

• Closure – thank interviewee, signal the end, e.g, switch recorder off.

47

source: [8]

Page 26: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2011

Structuring frameworks to guide observation

• - The person. Who? - The place. Where?- The thing. What?

• The Goetz and LeCompte (1984) framework:- Who is present? - What is their role? - What is happening? - When does the activity occur?- Where is it happening? - Why is it happening? - How is the activity organized?

63

source: [8]

Page 27: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

http://i.dailymail.co.uk/i/pix/2014/03/05/article-2573779-1C0EA62500000578-447_634x956.jpg

Empathic Exploration

Page 28: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Emphatic Exploration

1.) Try it yourself 2.) Watch yourself while trying 3.) Watch others while trying

4.) Talk to others 5.) Document experiences

Page 29: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Day 1: Morning Session:

1.) Introduction Lecture & Marshmallow Challenge

2.) 5 Minute Presentations

Afternoon Session: 3.) UX Research in the Field

Page 30: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

To Get 6 ECTS:

1.) Mandatory attendance 2.) Presentations (two with guests)

3.) Be an active member of your team 4.) Hand in the presentations and the video prototype

5.) Document, Document, Document

Page 31: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Blog:

1.) http://conceptdevelopmentlmu.wordpress.com *each team creates an account @ wordpress.com

* use this suffix: cd2018x (x is your team no.) * all accounts will get access to create posts

2.) Three posts: User Research, Concept, Videoprototype

Page 32: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

First Blog Post

* one photo & about 150 words abstract *categories: WS1718; User Research, Team X

* deadline: Wednesday 23:59

Page 33: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

After the presentation:

Do field research (today & tomorrow & wed) Gather back here: Thursday 9:00 A 014 (c.t.)

Page 34: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

Thursday Bring:

* Videos & Audio (5 good Images per team) * Each team one laptop with the data

* Transcript interviews (printed and PDF) * Camera (one per team)

Page 35: Workshop User Experience Design III · Storyboard & Mid Presentation ... Week 2. Video Prototyping Monday Tuesday Wednesday Thursday Friday Week 2. Review & Start-Up Lightning Talk

References:

[1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges for user mobility research, ACM Press 2005. [3] CHI´10 Panel Discussion on User Research, 2010. [4] Copenhagen Institute of Interaction Design, User Research Workshop 2008. [5] Jonas, W. A Scenario for Design, MIT Press 2001. [6] Norman, D. The Psychology of Everyday Things, Basic Books 1988. [7] Moggridge, B. Designing Interactions, MIT Press, 2006. [8] Rogers, Y., Preece, J. & Sharp, H. Interaction Design, Wiley & Sons 2011. [9] Saffer, D. Designing for Interaction, New Riders 2009. [10] Walonick, D. Survival Statistics, 2004.

Thanks & Have Fun!