magic academy: user experience design and systems thinking

70

Upload: daniel-stillman

Post on 02-Dec-2014

789 views

Category:

Design


0 download

DESCRIPTION

Presented on Day Four of the MaGIC Academy launch marathon, and presented by @dastillman and @j_ling

TRANSCRIPT

Page 1: MaGIC Academy: User Experience Design and Systems Thinking
Page 2: MaGIC Academy: User Experience Design and Systems Thinking

THIS SESSION:

EXPERIENCE DESIGN

Page 3: MaGIC Academy: User Experience Design and Systems Thinking

NEXT SESSION:

SYSTEMS THINKING

Page 4: MaGIC Academy: User Experience Design and Systems Thinking

FOCUS ON YOUR USERS

Know your users and focus on their key needs relentlessly.

SPEAK “USER”

Speak your user’s language, not jargon or acronyms

KEY GOALS + FLOWS

Know your user’s most key goals and your business’ key goals

MAP SYSTEMS

Map the whole system, and connect flows together

KNOW YOUR FUNNEL

Make sure you know the entire lifecycle and experience you’re providing.

FRONT/BACK OF HOUSE

What’s the front and back of your system? Know how internal processes produce user outcomes

UNPACK LINKAGES

Deconstruct systems and find out the best points to create change for your company

LINK TOUCHPOINTS

Command and control communication is easy to break. Have iterative touch points on decisions.

KNOW YOUR OCEAN

What is effecting your system from the outside? How can you anticipate these effects?

FIND BIG LEVERS

How can you change the game and evolve your business over time?

For more info, tools, and workshops, check out: www.thedesigngym.com | @thedesigngym

This work by The Design Gym LLC is licensed under a Creative Commons Attribution 4.0 International License.

EXPERIENCE DESIGN + SYSTEMS THINKING

Page 5: MaGIC Academy: User Experience Design and Systems Thinking

@thedesigngym

THE DESIGN GYM IS EMPOWERING PEOPLE WITH THE TOOLS TO CREATE CHANGE.

Page 6: MaGIC Academy: User Experience Design and Systems Thinking

@thedesigngym

WE BUILD COMMUNITY

WE SUPPORT COMPANIES

WE CREATE COLLABORATION

Page 7: MaGIC Academy: User Experience Design and Systems Thinking

@thedesigngym

WE PARTNER WITH DIVERSE COMPANIES

Page 8: MaGIC Academy: User Experience Design and Systems Thinking

@thedesigngym

@thedesigngym

#DesignThinking

WE’RE SOCIAL:

Page 9: MaGIC Academy: User Experience Design and Systems Thinking

FIVE EXPERIENCE DESIGN PRINCIPLES:

FOCUS ON YOUR USERS

KNOW YOUR FUNNEL

SPEAK “USER”

BUILD A SYSTEM MAP

KEY GOALS + FLOWS

Page 10: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE ONE:

FOCUS ON YOUR USERS

Page 11: MaGIC Academy: User Experience Design and Systems Thinking

BALANCE VOICES

MONEY

PEOPLE

TECHNOLOGY

Page 12: MaGIC Academy: User Experience Design and Systems Thinking

“WE KNOW OUR USERS”

CFO

?

CTO

Page 13: MaGIC Academy: User Experience Design and Systems Thinking

LISTEN TO YOUR USERS Ask open ended questions

Only talk 10% of time

Use Silence….

Ask for stories and for specific examples. Ex. “Tell me about the last time you…”

Page 14: MaGIC Academy: User Experience Design and Systems Thinking

CONVERSATION ARCS

Rapport building

TIME

Topical questions

Specific research questions

Anything I missed?

SPE

CIF

IC T

O R

ESE

AR

CH

TO

PIC

Page 15: MaGIC Academy: User Experience Design and Systems Thinking

EXPERIENCE INVENTORY! “Is Coffee part of your routine? Is so, how?”

“Is there something else you can’t imagine

starting the morning without? Tell me about

that…”

ACTIVITY

Page 16: MaGIC Academy: User Experience Design and Systems Thinking

EXPERIENCE INVENTORY! “Is Coffee part of your routine?

If so, how?”

“Is there something else you

can’t imagine starting the

morning without? Tell me

about that…”

ACTIVITY

Use best practices!

Open ended questions

Talk 10% of time

Use Silence….

Ask for stories and for

specific examples. Ex. “Tell me about the last

time you…”

Page 17: MaGIC Academy: User Experience Design and Systems Thinking

PLUSSES AND DELTAS How did you do with the interviewing best

practices?

Page 18: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE TWO:

SPEAK “USER”

Page 19: MaGIC Academy: User Experience Design and Systems Thinking

L.A.T.C.H. Location

Alphabetical

Time

Category

Hierarchy

Page 20: MaGIC Academy: User Experience Design and Systems Thinking

L.A.T.C.H. Location

Alphabetical

Time

Category

Hierarchy

Page 21: MaGIC Academy: User Experience Design and Systems Thinking

CLOCK TIME/HUMAN TIME

Page 22: MaGIC Academy: User Experience Design and Systems Thinking

USER PERSONAS Could you tell me what “type” of person

you’re speaking with?

Can you find out their personal L.A.T.C.H, not

a universal L.A.T.C.H.?

ACTIVITY

Page 23: MaGIC Academy: User Experience Design and Systems Thinking

EXPERIENCE INVENTORY! “Is Coffee part of your routine?

If so, how?”

“Is there something else you

can’t imagine starting the

morning without? Tell me

about that…”

ACTIVITY

Use best practices!

Open ended questions

Talk 10% of time

Use Silence….

Ask for stories and for

specific examples. Ex. “Tell me about the last

time you…”

Page 24: MaGIC Academy: User Experience Design and Systems Thinking

PLUSSES AND DELTAS How did you do with the interviewing best

practices?

Page 25: MaGIC Academy: User Experience Design and Systems Thinking

LYNDA.COM To be vs. To do

SPEAK USER CASE STUDY

Page 26: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE THREE:

KEY GOALS + FLOWS

Beginning Middle End

Page 27: MaGIC Academy: User Experience Design and Systems Thinking

MAP A FLOW Take out your phone

Sketch a the key flow of a

mobile app you use daily

What’s your goal?

What the transformation?

ACTIVITY

Page 28: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE FOUR:

BUILD A SYSTEM MAP

A Wiring Diagram

How do Flows Connect?

What are the Primary

and Secondary Flows?

Page 29: MaGIC Academy: User Experience Design and Systems Thinking

SKETCH A SYSTEM What are the secondary flows?

What are the other states of

the system?

What are ALL the screens?

ACTIVITY

Page 30: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE FIVE:

KNOW YOUR FUNNEL ENTICE

ENTER

ENGAGE

EXIT

EXTEND

Page 31: MaGIC Academy: User Experience Design and Systems Thinking

MAP THE FUNNEL Re-examine your system map:

How are people Enticed into the System?

What’s the main point of Entry?

How do we know if they’re Engaged?

How do people Exit the System

(in good and bad ways)

How do they or can they Extend your

involvement?

ACTIVITY

Page 33: MaGIC Academy: User Experience Design and Systems Thinking
Page 34: MaGIC Academy: User Experience Design and Systems Thinking

BREAK!

Page 35: MaGIC Academy: User Experience Design and Systems Thinking

FOCUS ON YOUR USERS

Know your users and focus on their key needs relentlessly.

SPEAK “USER”

Speak your user’s language, not jargon or acronyms

KEY GOALS + FLOWS

Know your user’s most key goals and your business’ key goals

MAP SYSTEMS

Map the whole system, and connect flows together

KNOW YOUR FUNNEL

Make sure you know the entire lifecycle and experience you’re providing.

FRONT/BACK OF HOUSE

What’s the front and back of your system? Know how internal processes produce user outcomes

UNPACK LINKAGES

Deconstruct systems and find out the best points to create change for your company

LINK TOUCHPOINTS

Command and control communication is easy to break. Have iterative touch points on decisions.

KNOW YOUR OCEAN

What is effecting your system from the outside? How can you anticipate these effects?

FIND BIG LEVERS

How can you change the game and evolve your business over time?

For more info, tools, and workshops, check out: www.thedesigngym.com | @thedesigngym

This work by The Design Gym LLC is licensed under a Creative Commons Attribution 4.0 International License.

EXPERIENCE DESIGN + SYSTEMS THINKING

Page 36: MaGIC Academy: User Experience Design and Systems Thinking

FIVE EXPERIENCE DESIGN PRINCIPLES:

FRONT/BACK of HOUSE

FIND BIG LEVERS

UNPACK LINKAGES

KNOW YOUR OCEAN

LINK TOUCHPOINTS

Page 37: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE SIX:

FRONT/BACK OF HOUSE

Page 38: MaGIC Academy: User Experience Design and Systems Thinking

FRONT OF THE HOUSE

BACK OF THE HOUSE

Page 39: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE SIX:

FRONT/BACK OF HOUSE

Page 40: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE SIX:

FRONT/BACK OF HOUSE Separate consumer pathways from

organizational systems of delivery.

Page 41: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE SIX:

FRONT/BACK OF HOUSE Know which organizational processes effect

and support user experience

Page 42: MaGIC Academy: User Experience Design and Systems Thinking

PRINCIPLE SIX:

FRONT/BACK OF HOUSE …And what systems touch those systems.

Page 43: MaGIC Academy: User Experience Design and Systems Thinking

FRONT/BACK OF THE HOUSE CASE STUDY

BONOBOS: A WEB SITE

Presenter
Presentation Notes
A website
Page 44: MaGIC Academy: User Experience Design and Systems Thinking

FRONT/BACK OF THE HOUSE CASE STUDY

ALSO A STORE+CATALOG

Presenter
Presentation Notes
With increasingly physical touchpoints
Page 45: MaGIC Academy: User Experience Design and Systems Thinking

FRONT/BACK OF THE HOUSE CASE STUDY

+NINJAS

Presenter
Presentation Notes
And robust back-end systems to make customer service seamless
Page 46: MaGIC Academy: User Experience Design and Systems Thinking

UNPACK LINKAGES PRINCIPLE SEVEN

http://www.instituteofplay.org/wp-content/uploads/2013/07/QDesignPack_SystemsThinking_July2013.pdf

Presenter
Presentation Notes
What is the cause and what is the effect?
Page 47: MaGIC Academy: User Experience Design and Systems Thinking

LINKAGES: SUB SYSTEMS PRINCIPLE SEVEN

http://www.instituteofplay.org/wp-content/uploads/2013/07/QDesignPack_SystemsThinking_July2013.pdf

Presenter
Presentation Notes
What is the cause and what is the effect?
Page 48: MaGIC Academy: User Experience Design and Systems Thinking

WHERE TO CHANGE?!

http://www.instituteofplay.org/wp-content/uploads/2013/07/QDesignPack_SystemsThinking_July2013.pdf

Presenter
Presentation Notes
What is the cause and what is the effect?
Page 49: MaGIC Academy: User Experience Design and Systems Thinking

http://ben-evans.com/benedictevans/2014/9/4/why-amazon-has-no-profits-and-why-it-works

UNPACK LINKAGES

Presenter
Presentation Notes
Where to start? Which systems feed into the which systems and where should you focus your efforts?
Page 50: MaGIC Academy: User Experience Design and Systems Thinking

UNKNOWN LINKAGES Interview your partner for 3 minutes and ask:

Have you tried to change a system and found

unintended consequences?

ACTIVITY

Page 51: MaGIC Academy: User Experience Design and Systems Thinking

CHECK IN What did we learn?

ACTIVITY

Page 52: MaGIC Academy: User Experience Design and Systems Thinking

BLIND ORIGAMI 1. Close you eyes!

2. If you can see this, read step one.

ACTIVITY

Page 53: MaGIC Academy: User Experience Design and Systems Thinking

BLIND ORIGAMI What happened?

What could make it work better?

ACTIVITY

Page 54: MaGIC Academy: User Experience Design and Systems Thinking

CONNECT TOUCHPOINTS PRINCIPLE EIGHT

Command and Control vs. Web of Communication

Presenter
Presentation Notes
Is the guy in front right? Is he listening to the guy in the back? A web has many connection points, gets signals from all sides, resists breakage
Page 55: MaGIC Academy: User Experience Design and Systems Thinking

CONNECT TOUCHPOINTS PRINCIPLE EIGHT

Waterfall Product Development vs. Agile

Presenter
Presentation Notes
Waterfall is great for huge projects where the end conditions will change little from the starting conditions. But the market can move faster than plans. Plus, there’s turbulence at the bottom! Agile is like a dance with users, having a center of gravity and moving nimbly.
Page 56: MaGIC Academy: User Experience Design and Systems Thinking

CONNECT TOUCHPOINTS PRINCIPLE EIGHT

2-way listening

Stand-ups and check-ins

to reduce organizational drift

Planning vs. Tactical Touchpoints

Iterate!

Presenter
Presentation Notes
Waterfall is great for huge projects where the end conditions will change little from the starting conditions. But the market can move faster than plans. Plus, there’s turbulence at the bottom! Agile is like a dance with users, having a center of gravity and moving nimbly.
Page 57: MaGIC Academy: User Experience Design and Systems Thinking

KNOW YOUR OCEAN PRINCIPLE NINE

Presenter
Presentation Notes
Vs. knowing your boat (IE how you org runs)
Page 58: MaGIC Academy: User Experience Design and Systems Thinking

FIVE EXPERIENCE DESIGN PRINCIPLES:

FRONT/BACK of HOUSE

FIND BIG LEVERS

UNPACK LINKAGES

KNOW YOUR OCEAN

LINK TOUCHPOINTS

Page 59: MaGIC Academy: User Experience Design and Systems Thinking

What are the currents, tides and trends?

Who else is playing in your space?

What’s coming into your space?

What is your riskiest assumption?

KNOW YOUR OCEAN PRINCIPLE NINE

Presenter
Presentation Notes
http://s05.static-shell.com/content/dam/shell-new/local/corporate/corporate/downloads/pdf/shell-scenarios-40yearsbook080213.pdf
Page 60: MaGIC Academy: User Experience Design and Systems Thinking

SCENARIO PLANNING KNOW YOUR OCEAN CASE STUDY

Presenter
Presentation Notes
http://www.shell.com/global/future-energy/scenarios.html http://s05.static-shell.com/content/dam/shell-new/local/corporate/corporate/downloads/pdf/shell-scenarios-40yearsbook080213.pdf
Page 61: MaGIC Academy: User Experience Design and Systems Thinking

FIND BIG LEVERS PRINCIPLE TEN

Presenter
Presentation Notes
How can we change the system we play in? How can we change the game?
Page 62: MaGIC Academy: User Experience Design and Systems Thinking

How can we change the game?

How can we build capacity and tip the scales?

The bigger changes take more time!

FIND BIG LEVERS PRINCIPLE TEN

Page 63: MaGIC Academy: User Experience Design and Systems Thinking

BUILDING CAPACITY FIND BIG LEVERS CASE STUDY

Presenter
Presentation Notes
http://www.shell.com/global/future-energy/scenarios.html http://s05.static-shell.com/content/dam/shell-new/local/corporate/corporate/downloads/pdf/shell-scenarios-40yearsbook080213.pdf
Page 64: MaGIC Academy: User Experience Design and Systems Thinking

BUILDING INVENTORY FIND BIG LEVERS CASE STUDY

Presenter
Presentation Notes
http://ebookcomments.blogspot.com/2011_02_01_archive.html
Page 65: MaGIC Academy: User Experience Design and Systems Thinking

BUILDING SALES FIND BIG LEVERS CASE STUDY

Presenter
Presentation Notes
http://www.shell.com/global/future-energy/scenarios.html http://s05.static-shell.com/content/dam/shell-new/local/corporate/corporate/downloads/pdf/shell-scenarios-40yearsbook080213.pdf
Page 66: MaGIC Academy: User Experience Design and Systems Thinking

FOCUS ON YOUR USERS

Know your users and focus on their key needs relentlessly.

SPEAK “USER”

Speak your user’s language, not jargon or acronyms

KEY GOALS + FLOWS

Know your user’s most key goals and your business’ key goals

MAP SYSTEMS

Map the whole system, and connect flows together

KNOW YOUR FUNNEL

Make sure you know the entire lifecycle and experience you’re providing.

FRONT/BACK OF HOUSE

What’s the front and back of your system? Know how internal processes produce user outcomes

UNPACK LINKAGES

Deconstruct systems and find out the best points to create change for your company

LINK TOUCHPOINTS

Command and control communication is easy to break. Have iterative touch points on decisions.

KNOW YOUR OCEAN

What is effecting your system from the outside? How can you anticipate these effects?

FIND BIG LEVERS

How can you change the game and evolve your business over time?

For more info, tools, and workshops, check out: www.thedesigngym.com | @thedesigngym

This work by The Design Gym LLC is licensed under a Creative Commons Attribution 4.0 International License.

EXPERIENCE DESIGN + SYSTEMS THINKING

Page 67: MaGIC Academy: User Experience Design and Systems Thinking

@thedesigngym

THE DESIGN GYM IS EMPOWERING PEOPLE WITH THE TOOLS TO CREATE CHANGE.

Page 68: MaGIC Academy: User Experience Design and Systems Thinking

@thedesigngym

WE BUILD COMMUNITY

WE SUPPORT COMPANIES

WE CREATE COLLABORATION

Page 70: MaGIC Academy: User Experience Design and Systems Thinking