Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User...

50
Welcome! Designworkshop II

Transcript of Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User...

Page 1: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Welcome! Designworkshop II

Page 2: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

What are we doing here ?

Page 3: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

User-experience design

Industrial design

Human-computer interaction

Human factors

Usability engineering

User Interface engineering

Communication design

Information architecture

Interaction design

source: [11]

Page 4: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

User Experience Design

Business Design

Technology

UX

©Peter Morvillehttp://semanticstudios.com

Page 5: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

User Experience Design

http://semanticstudios.com©Peter Morville

Page 6: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Getting the right Design and the Design right…

!Bill Buxton - Sketching User Experiences

source: [1]

Page 7: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

User Study Design

• The Purpose of User Studies

• Research Aims: Reliability, Validity and Generalizability

• Research Methods and Experimental Designs

• Ethical Considerations

• HCI-related and practical information for your own studies

• Interpretation of Data and Presentation of Results

http://www.markabull.com/wp-content/uploads/2011/01/stage.jpg

Front Stage

Page 8: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

http://blog.entrepreneurthearts.com/etablog/wp-content/uploads/2010/08/backstage.jpg

Back Stage

Page 9: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

User Interface

Transferring

Coordinating

Storing

Page 10: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Double Diamond

source: [8]

Page 11: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Double Diamond

Why? and How?source: [8]

Page 12: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Double Diamond

What?source: [8]

Page 13: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

We focus on

source: [8]

Page 14: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Overview

Research Innovate Prototype

© A study of the design process - Design Council London source: [8]

Page 15: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Research Innovate Prototype

Get to know your problem/subject

Gather insights about the user and their life

Collect artefacts & impressions

Record tasks

Overview

Page 16: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

In design research we are driven by a need for a deeper understanding

!Susan Dray - Dray & Associates, Inc., USA

source: [3]

Page 17: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

IDEO | observation

traditionalmarket

research

empathicresearch

subjects truth inspiration

(?)

source: [6,9]

Page 18: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

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

source: [8]source: [9]

Page 19: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

infrequent users

expert users

frequent users

novice users

source: [2,4]

Page 20: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

20

Audi A4 Series Cockpithttp://www.audicomparisons.com/wp-content/uploads/2013/10/2014-Audi-A4-interior.jpg

Page 21: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

21

Audi R15 Racing Cockpithttp://2.bp.blogspot.com/_SM9A_sqVGgM/S9XON6I_WtI/AAAAAAAADww/HcrQgfpuHgI/s1600/Audi+R15+Plus+Cockpit.jpg

Page 22: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

infrequent users

expert users

frequent users

novice users

source: [2,4]

Page 23: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Different, usage contexts, user types and usage frequency will require

dedicated solutions.

source: [7]

Page 24: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Research Innovate Prototype

Make sense of your data

Identify important facets

Keep all players in mind

Collect and prioritise ideas

Develop & validate solutions

Overview

Page 25: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

© Alexander Wiethoff 2013source: [1]

Page 26: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Portfolio Wall

source [1]

Page 27: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Competitive Analysis

http://www.jeongyounchoi.com/27891/291635/home/ux-ui-design-clover-car-interface-design

Page 28: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Competitive Analysis

http://www.jeongyounchoi.com/27891/291635/home/ux-ui-design-clover-car-interface-design

Page 29: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Literaturrecherche !Google / Google Scholar http://scholar.google.de ACM Digital Library http://portal.acm.org/dl.cfm -> BibTex, Referenzen, Verweise Citeseer http://citeseer.ist.psu.edu/cs IEEE Xplore http://ieeexplore.ieee.org/Xplore/guesthome.jsp

Page 30: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Literaturrecherche !!Zugriff auf diverse Literaturdatenbanken (ACM, IEEE) über LRZ-VPN und –Proxy: http://www.lrz-muenchen.de/services/netzdienste/proxy/browser-config/ Zugriff auf das ACM Portal und IEEE über LRZ-Proxy: https://docweb.lrz-muenchen.de/cgi-bin/doc/nph-webdoc.cgi/000110A/http/portal.acm.org/portal.cfm Zugriff auf Zeitschriften: http://docweb.lrz-muenchen.de/

Page 31: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Webrecherche !!Techblogs: engadget.com ted.com !Zugriff auf Zeitschriften: http://docweb.lrz-muenchen.de/

Page 32: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Research Innovate Prototype

Tell a story

Make it tangible

Overview

Page 33: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

!For the Designer: !

Exploration Visualisation Feasibly Inspiration Collaboration

For the End User: Effectiveness / Usefulness A change of viewpoint Usability Desirability

For the Producer: Conviction Specification Benchmarking

source: [5]

Page 34: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

It’s really hard to design products by focus groups. A lot of times, people don’t know what they want until you

show it to them. !

Steve Jobs

Page 35: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Fidelity v. Resolution

low resolution low fidelity

high resolution high fidelity

high resolution low fidelity

source: [5]

Page 36: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

High FidelityLow Fidelity

Open Discussion

Prompting Required

Quick and Dirty

Early Validation

Sharp Opinions

Self Explanatory

Deliberate and Refined

Concrete Ideas

source: [5]

Page 37: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Less Details

Focus on core interactions

Quick and Dirty

Early Validation

More Details

Focus on the whole

Deliberate and Refined

Concrete Ideas

Low Resolution High Resolution

source: [5]

Page 38: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

1st Iteration low-res/low-fi

Page 39: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

4th Iteration high-res/high-fi

Page 40: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

80/20 rule

http://www.swissknifeshop.com/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/v/m/vm_53831--91_sol_front_ax1000.jpg source: [7]

Page 41: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

!A principle for setting priorities: users will use 20% of the features of your product 80% of the time. Focus the majority of your design and development effort (80%) on the most important 20% of the product.

source: [7]

Page 42: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

OVERVIEWThe Course

Page 43: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

Workshop Theme:universal kitchen: adaptive design in age, culture, gender and space

Page 44: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

April May June July

Now: Desk & Field Research

Page 45: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

April May June July

28/04 Data & Concept Draft

Page 46: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

April May June July

12/05 Design Concepts

Page 47: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

April May June July

02/06 Initial Prototypes

Page 48: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

April May June July

30/06 Final Prototypes

Page 49: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

April May June July

14/07 Final Presentation

Page 50: Welcome! Designworkshop II · source: [3] References: !!! [1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007. [2] Blom, J & Chipchase, J : Contextual and cultural challenges

source: [3]

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. !