design thinking bootcamp - general assembly - mike biggs

43
DESIGN THINKING BOOTCAMP {The Praxis of} @MetaMikeBiggs #GADESIGNTHINKING

Upload: mike-biggs

Post on 01-Dec-2014

205 views

Category:

Design


0 download

DESCRIPTION

In increasingly complex times, innovation and collaboration skills are becoming vital to businesses, and both principles are essential in Design Thinking. This hands-on workshop will lead you through the design thinking process, taught by a design thinking professional that lives and breathes in this space. This two-part workshop series will introduce the fundamentals of human-centered design and how this approach can help develop innovative solutions for the complex challenges we face as businesspeople, creatives and entrepreneurs. During the fast paced sessions, you will be introduced to user centred design principles at the research, ideation and idea synthesis stage of the the design thinking process. We'll cover the theory then workshop through the practical aspects of each of the stages the the core Design Thinking process. Learn how to conduct simple user research studies and how to implement research-driven insights to help make better decisions and product improvements. Also covering the concept of convergent/divergent thinking, rapid problem solving and prototyping, and collaborative design. Students will also be introduced to key practical tools which are integral in the process such as research collection tools, distributed design collaboration, web based prototyping, and testing/measuring. Outcomes - Understand how to apply human-centered design principles to tackle complex challenges. - Identify new ways to serve and support people by uncovering latent needs, behaviours, and desires. - Learn specific techniques and tools to improve research, ideation, and prototyping.

TRANSCRIPT

Page 1: Design Thinking Bootcamp - General Assembly - Mike Biggs

DESIGN THINKING BOOTCAMP{The Praxis of}

@MetaMikeBiggs

#GADESIGNTHINKING

Page 2: Design Thinking Bootcamp - General Assembly - Mike Biggs

A BIT ABOUT ME

2

Mike Biggs

Instigator, Digital Strategist, Product Innovator, Management Consultant, Agilist, Lean UXer….. essentially a T-shaped person.

Places and projects:

▫︎Currently work at ThoughtWorks

▫︎Previously worked in digital agencies, NSW Government, Freelance..

▫︎Clients (past & current) include: CommBank, Vodafone, Macquarie Bank, Perpetual, Toshiba, MTV, VMware, The Rocks/Darling Harbour Precincts, Gatorade…

▫︎ Interesting stuff I’ve done: an Instagram rip-off, Hackathon Mentoring, Smart forms (that’s right, forms are interesting!), Soccer viewing iPad app.

Page 3: Design Thinking Bootcamp - General Assembly - Mike Biggs

A BIT ABOUT YOU

3

Tell me about yourselves:

▫︎Developer vs design folk

▫︎Delivery vs business people

▫︎New vs seasoned

Page 4: Design Thinking Bootcamp - General Assembly - Mike Biggs

WHAT YOU’LL LEARN

4

▫︎The format for the sessions.

▫︎A very short history.

▫︎What is Design Thinking?

▫︎Process.

▫︎The Workshop bit. (not included here)

Page 5: Design Thinking Bootcamp - General Assembly - Mike Biggs

CURRENT / HISTORICAL STATE OF PLAY:

5

▫︎Waterfall

▫︎Analysis

▫︎Strategic Planning (guesses)

▫︎Big Data

Page 6: Design Thinking Bootcamp - General Assembly - Mike Biggs

Design is a verb.

6

Page 7: Design Thinking Bootcamp - General Assembly - Mike Biggs

WHAT IS DESIGN THINKING?

7

▫︎It’s about strategic innovation.

▫︎Finding earlier points for exaption to occur, less about incremental improvement.

▫︎..and to get there, the focus is on exploration, as opposed to exploitation.

▫︎Another way to look at it: It’s about the art of looking for and listening to views and insights that are not obvious.

▫︎Escape, search. (CVS 2 BVS concept)

▫︎Artisanry: the craftsman is the user. Also affords tight feedback loop.

Page 8: Design Thinking Bootcamp - General Assembly - Mike Biggs

WHAT IS DESIGN THINKING?

8

▫︎Synthesis vs Analysis. Six Sigma is about analysis.

▫︎The Design Thinking framework is essentially cultural, if successfully embedded into an organization.

▫︎Helps you to find the right thing to scale- hence avoiding scaling the wrong thing. I.e. scaling the unprofitable.

Page 9: Design Thinking Bootcamp - General Assembly - Mike Biggs

WHAT IS DESIGN THINKING?

9

!

ISO 9241-210 Human Centred Design

!

[1] defines user experience as "a person's perceptions and responses that result from the use or anticipated use of a product, system or service".

Page 10: Design Thinking Bootcamp - General Assembly - Mike Biggs

OBLIGATORY VENN DIAGRAM

10

Page 11: Design Thinking Bootcamp - General Assembly - Mike Biggs

Where do insights come from?

11

Page 12: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN PROCESS

12

The Double Diamond:

Page 13: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING IN [SOME] CONTEXT

Page 14: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING PROCESS

14

Page 15: Design Thinking Bootcamp - General Assembly - Mike Biggs

Minimum Viable Product

=MVP

15

Page 16: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING PROCESS

16

Types of MVP

▫︎Exploration - An interaction with the customer which focuses on investigation. A probe.

▫︎The Pitch - A proposal to the customer which purports to solve a particular problem which we have defined as worth solving for them. Designed to illicit a confirmation that this is indeed a problem they want solved.

▫︎The Concierge - A lightweight and manual method of delivering the solution. The most obvious here is delivering content as the product, via email.

▫︎A prototype - Simple and testable model designed to get feedback from the customer. Real of faked.

Page 17: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING PROCESS

17

▫︎ Exploration ▫︎ The Pitch ▫︎ The Concierge ▫︎ A prototype

Page 18: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING DETAIL

18

Empathise:

Methods:

▫︎ Empathy mapping (good starting point)

▫︎ Ethnographic research

▫︎ User diaries

▫︎ Interviews

Outputs:

▫︎ Empathy Map

▫︎ User stories & personas

▫︎ Tasks

▫︎ Mental Models

Software / Tools to try:

▫︎ My Service Fellow.

▫︎ Smaply

DIVERGENT

Page 19: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: EMPATHY MAPPING

19

Page 20: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: ETHNOGRAPHIC RESEARCH

20

Page 21: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING DETAIL

21

Define

Methods:

▫︎ Distil and define problems from research phase.

▫︎ 4 W Problem Framing.

▫︎ Test and validate.

Outputs:

▫︎ List of validated problems.

▫︎ A shortlist of opportunities.

▫︎ Value proposition in support of problems.

Software / Tools to try:

▫︎ Smaply

▫︎ Blankcanvas.io

▫︎ Lean Startup Validation Board

Page 22: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: PROBLEM STATEMENT

22

Background: The act of giving and receiving flowers is a process which is still rooted in legacy methods. With an increasing focus on digital as an expected enabler for consumers, along with a cultural decline in phone and physical sales, there is an opportunity to support customers in this type of exchange.

!

Problem: With a decrease in face to face store patronage, and traditional phone ordering not appealing to the young and modern, how might we improve access and the experience of sending flowers to someone?

!

Page 23: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING PROCESS - RECAP

23

Problem Statement

Page 24: Design Thinking Bootcamp - General Assembly - Mike Biggs

HOW / WHY LADDER

24

▫︎One last sanity check on your problem statement.

▫︎You probably have a line which includes the phrase ‘How might we”

▫︎As a group, focus on that phrase and now ask:

▫︎Why, why, why (takes you up)

▫︎How, how, how (takes you deeper)

Page 25: Design Thinking Bootcamp - General Assembly - Mike Biggs

▫︎Why, why, why (takes you up)

!

▫︎Current “How might we” statement.

!

▫︎How, how, how (takes you deeper) !

▫︎ 15 Mins

HOW / WHY LADDER

25

Page 26: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING DETAIL

26

Ideate

Methods:

▫︎ Collaborative Sketching Design Session

▫︎ Crowdsource Ideas to solve problem statement (is this innovation?)

▫︎ Problem Decomposition ▫︎ By User Sequence of Actions

▫︎ By User Needs

▫︎ By Functions

Outputs:

▫︎ Product/ Service Ideas

▫︎ Future-State customer/user flows

▫︎ Business Model Ideas

▫︎ Feature and or Interface Ideas

▫︎ Future State Eco-systems

Software / Tools to try:

▫︎ Basecamp / Jira / Confluence / Trello /

▫︎ smaply

▫︎ Don’t use software in this stage !

We’re generating & synthesising raw material.

DIVERGENT

Page 27: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: COLLABORATIVE DESIGN

27

Page 28: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: CROWDSOURCING IDEATION AND INNOVATION

28

http://www.boardofinnovation.com/list-open-innovation-crowdsourcing-examples/

!

Page 29: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: PROBLEM DECOMPOSITION

29

Page 30: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: PROBLEM DECOMPOSITION

30

Page 31: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: PROBLEM DECOMPOSITION

31

Page 32: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING DETAIL

32

Prototype

Methods:

▫︎ Paper prototyping (basically the same as sketching)

▫︎ Digital Wireframing

▫︎ Visual Design Concepts

Outputs:

▫︎ Physical, paper, wireframes, etc etc as prototypes.

▫︎ Service Blueprint

Software / Tools to try:

▫︎ Invision invisionapp.com

▫︎ Prototyping on paper (https://popapp.in

▫︎ Wordpress hosted or self hosted

Page 33: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: PAPER PROTOTYPES

33

Page 34: Design Thinking Bootcamp - General Assembly - Mike Biggs

EXAMPLE: WIREFRAME

34

Page 35: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING DETAIL

35

Test

Methods:

▫︎ Hallway testing (guerrilla, coffee shop)

▫︎ Formal User Testing

▫︎ Explicit understanding and use of metrics

Outputs:

▫︎ New insights (if the goal is to learn)

▫︎ Quantitative metrics (if the goal is to validate to build/scale)

Software / Tools to try:

▫︎ usertesting.com

▫︎ http://www.loop11.com/

Page 36: Design Thinking Bootcamp - General Assembly - Mike Biggs

We’ve actually been testing all the way along…

So a test ‘phase’ doesn’t really make sense.

Testing is an ongoing activity

36

Page 37: Design Thinking Bootcamp - General Assembly - Mike Biggs

THE DESIGN THINKING PROCESS - RECAP

37

Page 38: Design Thinking Bootcamp - General Assembly - Mike Biggs

SOME THOUGHTS IN CLOSING

38

Page 39: Design Thinking Bootcamp - General Assembly - Mike Biggs

SOME THOUGHTS IN CLOSING

39

Page 40: Design Thinking Bootcamp - General Assembly - Mike Biggs

SOME THOUGHTS IN CLOSING

40

Page 41: Design Thinking Bootcamp - General Assembly - Mike Biggs

YOU’RE ONE OF US NOW..

41

Page 42: Design Thinking Bootcamp - General Assembly - Mike Biggs

TOOLS & RESOURCES

42

▫︎ http://www.myservicefellow.com/

▫︎ smaply.com

▫︎ schoolofthinking.org.au

▫︎ CVS 2 BVS

▫︎ GBB (Good, Bad, Better)

▫︎ Management / Systems Experts: W Edwards Deming, Peter Drucker

▫︎ Cynefin Framework: http://en.wikipedia.org/wiki/Cynefin and http://cognitive-edge.com/library/more/video/introduction-to-the-cynefin-framework/

▫︎ Service Design Book: “This is service Design” http://www.thisisservicedesignthinking.com/ Includes some info about the book and some great downloadable templates.

▫︎ LeanUX http://www.amazon.com/Lean-UX-Applying-Principles-Experience/dp/1449311652

▫︎ http://www.typeform.com/ Typeform- excellent survey tool with outstanding mobile experience. Free for basic product use.

▫︎ mockflow.com < I use this one- cheap, good and you can share wireframes with clients/stakeholders remotely

▫︎ loop11.com < allows you to remotely track how a user response to a detailed wireframe or full website design.

▫︎ Lean Validation Board- for Startups and Product development, but is just as useful when addressing UX - https://www.leanstartupmachine.com/validationboard/

▫︎ trello.com a great Kanban board for collaboration whilst in a distributed or co located team.

Page 43: Design Thinking Bootcamp - General Assembly - Mike Biggs

THANKSMike Biggs @MetaMikeBiggs ThoughtWorks

43

!!

#GADESIGNTHINKING