ux strat usa, jim kalbach, "mapping experiences with alignment diagrams"

90
Mapping Experiences with Alignment Diagrams @JimKalbach [email protected]

Upload: ux-strat

Post on 14-Apr-2017

3.151 views

Category:

Design


0 download

TRANSCRIPT

Page 1: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Mapping Experiences with Alignment Diagrams

@JimKalbach

[email protected]

Page 2: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

@JimKalbach MURAL

Page 3: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Agenda

9:00 Alignment

9:15 Initiate

10:00 Investigate

10:15 Illustrate

10:45 Break

11:00 Exercise

11:45 Align

12:15 Strategy

12:30 End

Page 4: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Alignment Diagrams

Page 5: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

INDIVIDUALS

ORGANIZATION

Value

Value-Centered Design

Page 6: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

“Value-centered design starts a story about an ideal interaction between an

individual and an organization and the benefits each realizes from that interaction.”

Jess McMullin, “Searching For The Center of Design,“ Boxes and Arrows

Page 7: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Customer Journey Maps

Experience Maps

Service Blueprints

Mental Model Diagrams

Spatial Maps

Alignment Diagrams

Page 8: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Customer

Business

Touchpoints

Customer Journey Map

Page 9: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Individual

Organization

Interactions

Experience Map

Page 10: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Service Blueprints

Page 11: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Mental Models

Customer

Business

Touchpoints

Page 12: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Isometric Maps

Paul  Kahn,  “Informa/on  Architecture  for  the  Web:  Applied  IA“ h:p://www.slideshare.net/pauldavidkahn/04-­‐appled-­‐ia    

Page 13: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

STORY INTERACTION INDIVIDUALS ORGANIZATION

Experience Map

Chronological

Interactions

Goals, actions, thoughts, feelings, pain points

Physical, artifacts, opportunities, recommendations

Customer Journey Map

Chronological

Touchpoints

Actions, thoughts, feelings, moments of truth, pain points

Customer facing artifacts and roles, opportunities

Service Blueprint

Chronological

Line of Interaction

Stages, artefacts

Front-line services, back-office systems, gaps

Mental Model

Hierarchical

Center Line

Tasks, intent, feelings, philosophy

Support, features, gaps

Isometric Map

Spatial

Overlays

Content usage, categories

Data systems, departments, workflow

Page 14: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

1.   Initiate

2.   Investigate

General Process

3.   Illustrate

4.   Align

Page 15: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

1. Initiate

Page 16: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

What is the difference between:

Customer Journey Map

Experience Map

Service Blueprint

Page 17: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 18: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 19: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 20: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 21: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

1. Frame the effort

–  Point of view – whose experiences? unit of analysis?

–  Scope – where do you begin and end?

–  Focus – which aspects are highlighted?

–  Structure – how will you arrange elements?

–  Use – what will you do with the diagram?

2. Align with business goals

Initiate

Page 22: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Customer Value Chain

Relationships

Page 23: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Customer Value Chain

Relationships

Page 24: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

The Athens Tourism Office (ATO) would like to improve the overall experience guests have when visiting the city, particularly holiday travelers. They already have some ideas what to do, but need to see the big picture in order to prioritize funding and to focus on areas that will have the most impact.

First, the ATO is planning to significantly overhaul its website. The site has grown organically over the past decade, and there are many complaints about finding information. In particular, the federated reservations system for hotels is incomplete, outdated and hard to use.

Second, the ATO wants to offer mobile services and apps for travelers. With so many options in the mobile arena, they are not sure where the best place to start would be.

Finally, ATO believes partnering with key service providers would improve the travel experience of visitors. ATO already has information kiosks in tourist areas, but they are looking to integrate more with partner services.

You work for a research agency specializing in experience mapping. The ATO has hired you to investigate and identify the most salient ways to bring the most value to visitors. They are also looking for new opportunities previously overlooked. The insight they hope to gain will help structure a multi-year program for improvement.

SCENARIO

Page 25: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

PART 1

In groups, draw a model of the value chain around travel to Athens.

EXERCISE 1 – VALUE CHAIN (20 MINUTES)

PART 2

What type of diagram would you recommend to start with?

Page 26: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

2. Investigate

Page 27: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

1.   Gather existing reports and studies •  Qualitative & quantitative

2.   Conduct internal interviews •  Sketch experience •  Identify gaps in knowledge

3.   Conduct external interviews •  Contextual interviews •  Surveys or quantitative data

2. Investigate

Page 28: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Who might you want to interview?

Internal interview participants External interview participants

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

INTERVIEWS

Page 29: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

What themes or topics might you include in a guide for interviews internally at the ATO and externally with travellers?

Internal interview themes External interview themes

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

DISCUSSION GUIDE

Page 30: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

3. Illustrate

Page 31: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Analyze Data

Interviews (texts) Clusters & Patterns Flow & Experience

Page 32: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Text coding software, e.g., MaxQDA

Analyze – The LongWay

Page 33: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Analyze – The Short Way

•  Create a spreadsheet with phases and information types

•  Fill out the diagram from notes

•  Adjust structure as you go

Page 34: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Analyze – The Short Way

•  Cluster and discuss themes on a whiteboard

Page 35: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Guideline Example 1 Example 2 Start with insights Research cluster 1: People indicated they

sometimes hesitate and reconsider during the customer acquisition phase because of our premium pricing model

Research cluster 2: There is a clear pain point around deploying the solution, primarily due to lack of necessary technical knowledge.

Use natural language

People reconsider when making a purchase because they may be nervous or anxious about the high cost

Users struggle to install the software for the first time if they don’t have the required technical skills

Keep voice consistent

I reconsider when making a purchase because I’m anxious and nervous about the high cost  

I struggle to install the software for the first time because I don’t have the necessary technical skills.

Omit pronouns and articles

Reconsider when making purchase due to anxiousness and nervousness over high cost  

Struggle to install software for first time without the necessary technical skills.

Focus on the root cause

Feel anxious and nervous when making purchase due to high cost, and then reconsider

Struggle during installation due to lack of necessary technical skills

Be concise Feel anxious during purchase about cost, and then reconsider

Struggle due to lack technical skills during installation

Use abbreviations sparingly

“” Struggle due to lack of tech skills during installation

Rely on context of map

anxious about cost (In the cell for the column for “purchase” and row for “feelings”) Reconsider (In the cell of a column for “purchase” and a row for “actions”)

Struggle due to lack of tech skills OR Lack tech skills (assuming a column for “installation” and a row for “pain points”)

Page 36: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Consider different layouts

Page 37: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Startbucks

Page 38: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 39: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Phases in Middle

Adam Richardson, in HBR Blog

Page 40: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 41: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Process Lines and Icons

by nForm (CA)

Page 42: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Curved Lines

Page 43: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 44: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Circular

Page 45: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Network

Page 46: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Circular with Key

www.businessmodelcreativity.net

Page 47: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 48: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Spatial Maps

Emirates Journey Mapping Case Study: http://www.kendeo.com/industry/airline/emirates-study

Page 49: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Table

Wheel

Timeline “Chutes and Ladders” Spider

Circles Spatial Map Tower

Page 50: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Strive for Visual Clarity

Page 51: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Representation

•  Fit to space

•  Font selection

•  Color coding

•  Icons and shapes

Page 52: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Format Text

•  Actions: Start each with a verb,

•  Thoughts: Phrase as a question

•  Feelings: Use adjectives

•  Pain points: start each with a gerund

•  Touchpoints: Use nouns

•  Opportunities: Begin each with a verb that shows

change, e.g., increase the ease of installation,

eliminate unnecessary steps.

Page 53: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Chronology

Page 54: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

EXERCISE 3 – SKETCH OUTLINE FOR DIAGRAM (20 MINS)

In groups, create a draft diagram for the ATO scenario How will you tell the story of interaction? Use the following phases • Plan Trip • Travel to Athens • Arrive in Athens • Stay in Athens • Depart • Return Home • Visit Again

Include the following aspects •  Customer

•  Actions •  Thoughts •  Feelings •  Pain points

•  Touchpoints •  ATO

•  Support •  Goals

Page 55: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

4. Align

Page 56: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Collaborate

•  Hold extended workshop (included in proposal!) •  Invite diverse group •  Diagnose performance •  Engage in creative exercises

Empathize

Page 57: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Collaborate

Discuss

Page 58: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Envision

Evaluate

Page 59: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 60: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 61: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

b. Align for value

Look for

1.  GAPS

2.  WEAKNESSES

3.  EFFICIENCIES

4.  COMPETITORS

Page 62: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Author Involvement Levels

Example: “Author Experience Map“

Page 63: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

The Ask

Page 64: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

circa 1886

Scientific American Supplement, No. 530, February 27, 1886  “A NEW PHOTOGRAPHIC APPARATUS” This apparatus consists of a box containing a camera, A, and a frame, C, containing the desired number of plates, each held in a small frame of black Bristol board. The camera contains a mirror, M, which pivots upon an axis and is maneuvered by the extreme bottom, B. This mirror stops at an angle of 45°, and sends the image coming from the objective to the horizontal plate, D, at the upper part of the camera. The image thus reflected is righted upon this plate. As the objective is of short focus, every object situated beyond a distance of three yards from the apparatus is in focus. In exceptional cases, where the operator might be nearer the object to be photographed, the focusing would be done by means of the rack of the objective. The latter can also slide up and down, so that the apparatus need not be inclined when buildings or high trees are being photographed. The door, E, performs the role of a shade. When the apparatus has been fixed upon its tripod and properly directed, all the operator has to do is to close the door, P, and raise the mirror, M, by turning the button, B, and then expose the plate. The sensitized plates are introduced into the apparatus through the door, I, and are always brought automatically to the focus of the objective through the pressure of the springs, R. The shutter of the frame, B, opens through a hook, H, with in the pocket, N. After exposure, each plate is lifted by means of the extractor, K, into the pocket, whence it is taken by hand and introduced through a slit, S, behind the springs, R, and the other plates that the frame contains. All these operations are performed in the interior of the pocket, N, through the impermeable, triple fabric of which no light can enter. An automatic marker shows the number of plates exposed. When the operations are finished, the objective is put back in the interior of the camera, the doors, P and E, are closed, and the pocket is rolled up. The apparatus is thus hermetically closed, and, containing all the accessories, forms one of the most practical of systems for the itinerant photographer.—La Nature.

Page 65: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 66: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

[EASTMAN] recognized that his

roll film could lead to a

revolution if he focused on the

experience he wanted to deliver,

an experience captured in his

advertising slogan, “You press

the button, we do the rest.”

Page 67: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Photographers

Page 68: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

The Ask

Solutions that merely please, serve, meet

the needs/specs, or delight customers don’t

go far enough. They represent yesterday’s

marketing and design paradigms. They

misunderstand innovation’s real impact –

transforming customers.

Page 69: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 70: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Entrepreneurs

Page 71: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Who does Google ask us to become?

Page 72: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Kodak = Camera > Photographers eBay = Trading Platform > Entrepreneurs Google = Search Engine > Expert Researchers

Page 73: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 74: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Wierdo

Page 75: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Supersize

Unhealthy

Page 76: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Kodak = Camera > Photographers eBay = Trading Platform > Entrepreneurs Google = Search Engine > Expert Researchers

but… Segway = New Vehicle > Weirdo on Scooter Super Size = Value for Money > Unhealthy person

Page 77: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Using "The Ask" with Alignment Diagrams

1.  At each phase ask: Who do we want our customers to become?

2.  Use metaphors. These are often experts of some kind.

3.  Reframe the solution space to transform users based on the transformations.

Page 78: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Citizen Explorer Documentary Filmmaker Activist Reporter

Page 79: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

EXERCISE

In groups, discuss who you want your customers to become

Page 80: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Strategy Myopia

Page 81: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

You've got to start with

the customer experience

and work back toward

the technology –

not the other

way around.

1997

Page 82: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

An industry begins with the customer and

his needs, not with a patent, a raw material,

or a selling skill. Given the customer’s needs,

the industry develops backwards, first

concerning itself with the physical delivery

of customer satisfaction. Then it moves back

further to creating the things by which these

satisfactions are in part achieved. How these

materials are created is a matter of

indifference to the customer, hence the

particular form of manufacturing,

processing, or what-have-you cannot be

considered as vital aspects of the industry.

1960

Page 83: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Growth slows not because industries stop growing, but because companies fail to continue to meet ever-expanding customer needs.

Page 84: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Why did Kodak fail?

Page 85: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

•  From the end of World War II until the late 1970s, a retain-and-

reinvest approach to resource allocation prevailed at major U.S.

corporations.

•  This pattern began to break down in the late 1970s, giving way to

a downsize-and-distribute regime of reducing costs and then

distributing the freed-up cash to shareholders.

•  By favoring value extraction over value creation, this approach has

contributed to employment instability and income inequality.

Profits Without Prosperity

WILLIAM LAZONICK, “Profits without Prosperity,“ HBR Sept 2014

Page 86: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Companies … remain trapped in an

outdated approach to value creation.

They continue to view value creation

narrowly, optimizing short-term

financial performance in a bubble

while missing the most important

customer needs.

Shared Value

MICHAEL PORTER. “Creating Shared Value.” HBR (Jan 2011)

Page 87: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Figure out what your product is and

what your value chain is. Understand

where those things touch important

social needs and problems. If you’re

in financial services, let’s think about

‘saving’ or ‘buying a home’ - but in a

way that actually works for the

consumer.

Shared Value

MICHAEL PORTER. “Creating Shared Value.” HBR (Jan 2011)

Page 88: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"
Page 89: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

What business is the ATO really in?

How can they create shared value?

Page 90: UX STRAT USA, jim Kalbach, "Mapping Experiences with Alignment Diagrams"

Danke schön!

@JimKalbach

[email protected]

www.experiencinginformation.com