Top Banner
HITD 201 Introduction to Design Thinking Mark Billinghurst HIT Lab NZ December 9 th 2013
64

HITD 201: Design Thinking Lecture 1 - Introduction

Jan 27, 2015

Download

Technology

Introductory lecture on Design Thinking given by Mark Billinghurst as part of the HITD 201 course taught at the University of Canterbury. Taught on December 9th 2013
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: HITD 201: Design Thinking Lecture 1 - Introduction

HITD 201 Introduction to Design Thinking

Mark Billinghurst HIT Lab NZ

December 9th 2013

Page 2: HITD 201: Design Thinking Lecture 1 - Introduction

Mark   PhD Electrical Engineering

 University of Washington   Interaction Design

 Museum experiences, Tools   Augmented Reality

 Mobile AR, Evaluation, Multimodal   Collaboration

  Enhanced FtF and remote collaboration

Page 3: HITD 201: Design Thinking Lecture 1 - Introduction

Introduction

Page 4: HITD 201: Design Thinking Lecture 1 - Introduction

What to Do?   Imagine

  You’re bringing a new product to market   Your #2 competitor has been in the market for

over a year, selling millions of units   Your #1 competitor launches the same month   Your technology is slower than your competitors   Your technology is older than your competitors   Your last product failed in the market

Page 5: HITD 201: Design Thinking Lecture 1 - Introduction

 Do you compete on Price ?  Do you compete on Technology ?  Do you compete on Features ?

Compete on user experience !

Page 6: HITD 201: Design Thinking Lecture 1 - Introduction
Page 7: HITD 201: Design Thinking Lecture 1 - Introduction

Nintendo Wii   Cheap - $500   Unique game play/Design

 Wireless 3 DOF controller   Position and orientation sensing

  Aiming to broaden user base   Can play previous games/downloads

Page 8: HITD 201: Design Thinking Lecture 1 - Introduction
Page 9: HITD 201: Design Thinking Lecture 1 - Introduction

Sales to Sept 2011

Page 10: HITD 201: Design Thinking Lecture 1 - Introduction

“The product is no longer the basis of value. The experience is.”

Venkat Ramaswamy

The Future of Competition.

Page 11: HITD 201: Design Thinking Lecture 1 - Introduction
Page 12: HITD 201: Design Thinking Lecture 1 - Introduction

Using the N-gage

Page 13: HITD 201: Design Thinking Lecture 1 - Introduction

SideTalking

  www.sidetalkin.com

Page 14: HITD 201: Design Thinking Lecture 1 - Introduction
Page 15: HITD 201: Design Thinking Lecture 1 - Introduction
Page 16: HITD 201: Design Thinking Lecture 1 - Introduction

Design Thinking

A problem solving methodology that helps students and innovators to approach today’s problems from a new perspective.

Page 17: HITD 201: Design Thinking Lecture 1 - Introduction
Page 18: HITD 201: Design Thinking Lecture 1 - Introduction

“Design thinking is a human-centered approach to innovation that draws from the designer's toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success.” —Tim Brown, president and CEO, IDEO

Page 19: HITD 201: Design Thinking Lecture 1 - Introduction
Page 20: HITD 201: Design Thinking Lecture 1 - Introduction

Design Thinking Mindset   Focus on human values   Show don’t tell   Craft clarity   Embrace experimentation   Be mindful of process   Bias towards action   Radical collaboration

Page 21: HITD 201: Design Thinking Lecture 1 - Introduction

History

Page 22: HITD 201: Design Thinking Lecture 1 - Introduction

History of Design Thinking   1969 Herbert Simon – The Science of the Artificial

  Design as a way of thinking

  1973 Robert Kim - Experiences In Visual Thinking   Design Engineering

  1980’s Rolf Faste -Stanford Univ.   Design Education, HCD

  1991 Deflt University   First Academic Research Symposium

  1991 Founding of IDEO   2004 Stanford d.school founded

Page 23: HITD 201: Design Thinking Lecture 1 - Introduction

IDEO (http://www.ideo.com/)   International Design Innovation firm

  Founded 1991

  Major advocate of Design Thinking   Multidisciplinary staff

  Human factors, engineering, design, communications

  Major Projects   Apple mouse, Palm V, Leap chair, etc

Page 24: HITD 201: Design Thinking Lecture 1 - Introduction

Stanford d.school

  Hasso-Plattner Institute of Design   http://dschool.stanford.edu/

Page 25: HITD 201: Design Thinking Lecture 1 - Introduction

Design Thinking Process

Page 26: HITD 201: Design Thinking Lecture 1 - Introduction

Design Thinking Process

5 modes iterated through

Page 27: HITD 201: Design Thinking Lecture 1 - Introduction

Empathize   Empathy: Foundation of Human-Centered

Design Process  Observe; Users and their behaviour in context   Engage: Interact with and interview users   Immerse: Experience what users experience

Page 28: HITD 201: Design Thinking Lecture 1 - Introduction

Why Empathize   Need to understand end users

  You’re solving their problems

  Watching people what people do  Understand what they think and feel

  Engage to uncover unexpected insights  Uncover needs – conscious and unconscious  Guide innovation efforts   Identify right users to design for

Page 29: HITD 201: Design Thinking Lecture 1 - Introduction

Understanding the User

A day in the Life of.. Cultural Probes.. Role Playing..

Page 30: HITD 201: Design Thinking Lecture 1 - Introduction

Cultural Probes: Equator Domestic Probes

Page 31: HITD 201: Design Thinking Lecture 1 - Introduction

Interviewing

  Understanding people’s thoughts, emotions, motivations   Understanding people’s choices and behaviours   Key way to identify needs

Page 32: HITD 201: Design Thinking Lecture 1 - Introduction

Interview Process

Page 33: HITD 201: Design Thinking Lecture 1 - Introduction

Consider the Whole User

Page 34: HITD 201: Design Thinking Lecture 1 - Introduction

Define   Expresses the problem you are addressing   Defines your unique point of view

 Unique design vision based on Empathy outcomes

  Two Goals  Deep understanding of users and design space   Actionable problem statement (point of view)

Page 35: HITD 201: Design Thinking Lecture 1 - Introduction

Expressing the Problem

[User] needs [verb phrase] in a way that [way] How might we [verb phrase] ?

Page 36: HITD 201: Design Thinking Lecture 1 - Introduction

Tools for Problem Definition   Storytelling   Personas   Clustering   Task Flow Analysis   Frameworks   Empathy Maps

Page 37: HITD 201: Design Thinking Lecture 1 - Introduction

Personas •  Personas are a design tool to help visualize who you are

designing for and imagine how person will use the product •  A persona is an archetype that represents the behavior and

goals of a group of users •  Based on insights and observations from customer research •  Not real people, but synthesised from real user characteristics •  Bring them to life with a name, characteristics, goals, background •  Develop multiple personas

Page 38: HITD 201: Design Thinking Lecture 1 - Introduction
Page 39: HITD 201: Design Thinking Lecture 1 - Introduction

Empathy Map

Page 40: HITD 201: Design Thinking Lecture 1 - Introduction

Problem Definition Creates Insight

User + Need = Insight

Page 41: HITD 201: Design Thinking Lecture 1 - Introduction

How Might We … ?   Short questions that launch brainstorming

Page 42: HITD 201: Design Thinking Lecture 1 - Introduction

Good Point of View   Inspires your team   Provides focus and frames the problem   Provides a reference for evaluating ideas   Fuels brainstorming by suggesting ‘how might we’   Captures the hearts and minds of people   Guides your innovation efforts

Page 43: HITD 201: Design Thinking Lecture 1 - Introduction

Ideate   Idea generation

  Large quantity of diverse ideas

  Motivation   Step beyond obvious solutions  Harness collective perspectives  Uncover unexpected areas of exploration  Create fluency (volume) and flexibility (variety)  Move beyond obvious solutions

Page 44: HITD 201: Design Thinking Lecture 1 - Introduction

Ideation Tools   Brainstorming

  Be visual, defer judgment, quantity not quality

  Mindmaps   Look at existing solutions   Post-it note clouds

Page 45: HITD 201: Design Thinking Lecture 1 - Introduction

Brainstorming

  Best with interdisciplinary team

Page 46: HITD 201: Design Thinking Lecture 1 - Introduction

MindMapping

Page 47: HITD 201: Design Thinking Lecture 1 - Introduction

Other Products in Market

  Notice all the iPod look-alikes?

Page 48: HITD 201: Design Thinking Lecture 1 - Introduction

Prototype   Create physical form of ideas

  Allow people to experience and interact with them

  Why Prototype?   Empathy gaining- deepen understanding of design space   Exploration – build to think   Testing – test solutions with end users   Inspiration – help others catch your vision

Page 49: HITD 201: Design Thinking Lecture 1 - Introduction

Prototyping Tools   Sketching   Physical Mockups   Wireframes   Interaction Flows   Storyboards   Acting   Preotyping

Page 50: HITD 201: Design Thinking Lecture 1 - Introduction

Sketching

Page 51: HITD 201: Design Thinking Lecture 1 - Introduction

Wireframes

Page 52: HITD 201: Design Thinking Lecture 1 - Introduction

52 www.id-book.com

Storyboarding

Page 53: HITD 201: Design Thinking Lecture 1 - Introduction

Physical Prototype

Page 54: HITD 201: Design Thinking Lecture 1 - Introduction

Acting/Role Playing

Page 55: HITD 201: Design Thinking Lecture 1 - Introduction

Goals of Prototyping   Learn   Solve Disagreements

  Reduce miscommunication

  Start a conversation   Fail quickly and cheaply

  Test ideas without spending time and money

  Manage the solution building process   Break large problem into smaller testable parts

Page 56: HITD 201: Design Thinking Lecture 1 - Introduction

Test   Place prototypes into context of use

  Prototype and if you know you’re right, Test as if you know you’re wrong

  Why Test   Refine prototype and solutions   Learn more about the user   Refine our POV

Page 57: HITD 201: Design Thinking Lecture 1 - Introduction

Types of Testing

  ‘quick and dirty’   Focus Group   Usability testing   Field studies   Predictive evaluation

Page 58: HITD 201: Design Thinking Lecture 1 - Introduction

Design Thinking Flow

Page 59: HITD 201: Design Thinking Lecture 1 - Introduction

Three Phase Model

Page 60: HITD 201: Design Thinking Lecture 1 - Introduction

Process Flow

Problem Space Solution Space

Page 61: HITD 201: Design Thinking Lecture 1 - Introduction

Elaboration and Reduction   Elaborate - generate solutions. These are the opportunities   Reduce - decide on the ones worth pursuing   Repeat - elaborate and reduce again on those solutions

Source: Laseau,P. (1980) Graphic Thinking for Architects & Designers. John Wiley and Sons

Page 62: HITD 201: Design Thinking Lecture 1 - Introduction

Focus and Flare Design is a convergent and divergent process

Page 63: HITD 201: Design Thinking Lecture 1 - Introduction

The Design Funnel   Alternate generation of ideas and convergence until resolution

Modified from Pugh, S. (1990) Total design: Integrated methods for successful products engineering. Addison-Wesley. P. 75

Page 64: HITD 201: Design Thinking Lecture 1 - Introduction

Assignment One   Write a one page reflection on the following:   1. What does Design Thinking mean to me?   2. What you hope to get out of the class   3. How you imagine Design Thinking will help

you achieve your goals?