Beyond Digital - IAS Workshop 2011

141
ASIS&T Information Architecture Summit 2011 Beyond Digital: Designing for a Cross Channel Future Jess McMullin, the Centre for Citizen Experience Samantha Starmer, REI March 30, 2011 | Denver, CO

description

Workshop at 2011 IA Summit; presented with Jess McMullin

Transcript of Beyond Digital - IAS Workshop 2011

Page 1: Beyond Digital - IAS Workshop 2011

ASIS&T Information Architecture Summit 2011

Beyond Digital: Designing for a Cross

Channel FutureJess McMullin, the Centre for Citizen

ExperienceSamantha Starmer, REI

March 30, 2011 | Denver, CO

Page 2: Beyond Digital - IAS Workshop 2011

Today What is cross-channel design? Why should you care? Selling the need Case Study Field Research experience Discovery tools and methods Solution tools and methods How to do it

Page 3: Beyond Digital - IAS Workshop 2011

[Jess’s intro]

Page 4: Beyond Digital - IAS Workshop 2011
Page 5: Beyond Digital - IAS Workshop 2011
Page 6: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/dirpics/464458290/

first time at brick & mortar

Page 7: Beyond Digital - IAS Workshop 2011

Waitress picture10 years in restaurant

business

Page 8: Beyond Digital - IAS Workshop 2011

Whycross channel

design

Page 9: Beyond Digital - IAS Workshop 2011

a story…

http://www.flickr.com/photos/sugarpond/3016905349

Page 10: Beyond Digital - IAS Workshop 2011

Australian information architecture conference

Page 11: Beyond Digital - IAS Workshop 2011

Sydney picture

imagined myself in

Sydney

Page 12: Beyond Digital - IAS Workshop 2011

but I’m a procrastinato

r

Page 13: Beyond Digital - IAS Workshop 2011

oh crap

Page 14: Beyond Digital - IAS Workshop 2011

huh. an electronic Visa. well, that’s

pretty cool.

Page 15: Beyond Digital - IAS Workshop 2011

except I can’t check

in online

Page 16: Beyond Digital - IAS Workshop 2011

even though I bought my tickets and Visa

online

Page 17: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/mkooiman/787191703

damn, have to talk to a person

Page 18: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/jopoe/4569447498

waited in long check-in line

Page 19: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/bryansblog/411455656

Page 20: Beyond Digital - IAS Workshop 2011

Flight agent picture

http://www.flickr.com/photos/dykstranet/211106615

Page 21: Beyond Digital - IAS Workshop 2011

“this won’t work”

Page 22: Beyond Digital - IAS Workshop 2011

but, it has official stuff and numbers

and …

Censored!

Page 23: Beyond Digital - IAS Workshop 2011

“i’m a human, not a

machine”

Page 24: Beyond Digital - IAS Workshop 2011

Flight agent picture

http://www.flickr.com/photos/dykstranet/211106615

Page 25: Beyond Digital - IAS Workshop 2011

“what’s your itinerary?”

Page 26: Beyond Digital - IAS Workshop 2011

thank god I’m old school

Page 27: Beyond Digital - IAS Workshop 2011

what about my visa?

Page 28: Beyond Digital - IAS Workshop 2011

Sleeping at Airport

http://www.flickr.com/photos/feline_dacat/3197429380

Page 29: Beyond Digital - IAS Workshop 2011

“i have no idea”

Page 30: Beyond Digital - IAS Workshop 2011

Flight agent picture

http://www.flickr.com/photos/dykstranet/211106615

Page 31: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/slworking/4169134307

Page 32: Beyond Digital - IAS Workshop 2011

“Change screens, Pillow Pillow”“Where’s the Pillow?”

“Didn’t they cover that in training?”“Backslash Backslash”

“Okay, tietac”“What?”“Tietac”“huh?”

“Like Tie”“carrot backslash”

“United States”“Pillow Pillow”

“Change Screens”

Page 33: Beyond Digital - IAS Workshop 2011

lesson?

http://www.flickr.com/photos/pjern/2150873799

F

Page 34: Beyond Digital - IAS Workshop 2011

our lives are cross

channel

Page 35: Beyond Digital - IAS Workshop 2011

design for the holistic

experience

Page 36: Beyond Digital - IAS Workshop 2011

don’t design for just website

Page 37: Beyond Digital - IAS Workshop 2011

…app

Page 38: Beyond Digital - IAS Workshop 2011

…or physical environment

http://www.flickr.com/photos/24218656@N03/4589621372/

Page 39: Beyond Digital - IAS Workshop 2011

digital and physical are

colliding

Page 40: Beyond Digital - IAS Workshop 2011

70% of US online consumers

research products online

and purchase them offline

Forrester, Profiling The Multichannel Consumer, July 2009

Page 41: Beyond Digital - IAS Workshop 2011

53% of mobile searches on Bing have a local intent

Greg SterlingSearch Engine Land

https://searchengineland.com/microsoft-53-percent-of-mobile-searches-have-local-intent-55556

Page 42: Beyond Digital - IAS Workshop 2011

technology is

everywhere

Page 43: Beyond Digital - IAS Workshop 2011

but

Page 44: Beyond Digital - IAS Workshop 2011

‘integrated experience

s are few and

far between’

Alexandra Deschamps-Sonsino http://www.slideshare.net/designswarm/creating-the-internet-of-things

Page 45: Beyond Digital - IAS Workshop 2011

customers don’t think

about channels

Page 46: Beyond Digital - IAS Workshop 2011

http://www.crwgraphics.com/blog/wp-content/uploads/2010/08/multichannel-marketing.bmp

Page 47: Beyond Digital - IAS Workshop 2011

customers don’t think

about design

disciplines

Page 48: Beyond Digital - IAS Workshop 2011

http://www.kickerstudio.com/blog/images/ux.jpghttp://www.jjg.net/elements/pdf/elements.pdf

http://www.montparnas.com/articles/wp-content/uploads/2006/10/user%20experience%20design%20explained.gif

http://mickwinters.com/wp-content/uploads/2010/02/venn1.gif

Page 49: Beyond Digital - IAS Workshop 2011

customers do think

about your company

Page 50: Beyond Digital - IAS Workshop 2011

across time,

touchpoints and

experiences

Page 51: Beyond Digital - IAS Workshop 2011

however we want to shop

Page 52: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/cdevers/3388665920

whenever we see your brand

Page 53: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/cafemama/542656019

outside

Page 54: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/penmachine/2971108982

inside

Page 55: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/streamishmc/2391505902

packaging

Page 56: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/andrewbain/2510253694

signs

Page 57: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/7577938@N02/4897443265

employees

Page 58: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/jaxphotography/267129315

things outside our control

Page 59: Beyond Digital - IAS Workshop 2011

design cross channel

experiences

Page 60: Beyond Digital - IAS Workshop 2011

design for the holistic

experience

Page 61: Beyond Digital - IAS Workshop 2011

Envisioning holistic experiences1. Your travel here…

Forget about the current experience Ignore how airline ticketing works

2. Imagine you own a new airline Think about your customer’s journey Think about possible touchpoints

3. Spend 5 minutes Ideate a better experience Note the highlights

Page 62: Beyond Digital - IAS Workshop 2011

Jess’s airline story

Page 63: Beyond Digital - IAS Workshop 2011

SELLcross channel

design

Page 64: Beyond Digital - IAS Workshop 2011

Do some research

http://www.flickr.com/photos/euthman/2097753744

Page 65: Beyond Digital - IAS Workshop 2011

Understand executives’ goals

Page 66: Beyond Digital - IAS Workshop 2011

Use metrics

http://www.flickr.com/photos/iliahi/2606645766/

Page 67: Beyond Digital - IAS Workshop 2011

30

130

Online vs. Offline

Page 68: Beyond Digital - IAS Workshop 2011

Soft Skills

Page 69: Beyond Digital - IAS Workshop 2011

Patience

http://www.flickr.com/photos/dirkjankraan/4092709643

Page 70: Beyond Digital - IAS Workshop 2011

Start at the grassroots

http://www.flickr.com/photos/cobalt/282227013

Page 71: Beyond Digital - IAS Workshop 2011

But work towards top-down

http://www.flickr.com/photos/flickrmarcus/3382920952

Page 72: Beyond Digital - IAS Workshop 2011

Where are the bodies?

Page 73: Beyond Digital - IAS Workshop 2011

Understand organizational structure

Understand Org Structure

Page 74: Beyond Digital - IAS Workshop 2011

Don’t boil the ocean

Page 75: Beyond Digital - IAS Workshop 2011

Tell a Fairy Tale

Page 76: Beyond Digital - IAS Workshop 2011

There is a craving for stories that

show people what is possible

~Fred Collopy

Page 77: Beyond Digital - IAS Workshop 2011

77@jessmcmullin@samanthastarmer

Case Study

Page 78: Beyond Digital - IAS Workshop 2011

78@jessmcmullin@samanthastarmer

IA Summit Journey

AwarenessInterestApprovalRegisteringFinding SessionsOngoing promosTravelingArrivalRegistrationAttendingSessionsConnecting & Reconnecting with people

Formal/Informal gatheringsSocialGoodbyesDepartureTravelReturn to real worldApplySharing out (team, IA re-dux, block)Podcasts

Page 79: Beyond Digital - IAS Workshop 2011

79@jessmcmullin@samanthastarmer

Stakeholder Interviews

Page 80: Beyond Digital - IAS Workshop 2011

Break!

http://www.flickr.com/photos/johnmcnab/4298812324

Page 81: Beyond Digital - IAS Workshop 2011

81@jessmcmullin@samanthastarmer

FieldResearch

Page 82: Beyond Digital - IAS Workshop 2011

82@jessmcmullin@samanthastarmer

What to look for....

• People• Touchpoints• Interactions• Flow

Page 83: Beyond Digital - IAS Workshop 2011

83@jessmcmullin@samanthastarmer

Welcome Back from the Field!

Now Lunch...See you at 1:00

Page 84: Beyond Digital - IAS Workshop 2011

84@jessmcmullin@samanthastarmer

Discovery

Page 85: Beyond Digital - IAS Workshop 2011

85@jessmcmullin@samanthastarmer

Bodystorming

Page 86: Beyond Digital - IAS Workshop 2011

86@jessmcmullin@samanthastarmer http://www.flickr.com/photos/xian/3763798434

Page 87: Beyond Digital - IAS Workshop 2011

87@jessmcmullin@samanthastarmer

Touchpoint Matrix

Page 88: Beyond Digital - IAS Workshop 2011

88@jessmcmullin@samanthastarmer

Hello Future

http://brandtouchpointmatrix.com/

Page 89: Beyond Digital - IAS Workshop 2011

89@jessmcmullin@samanthastarmer

Customer Journey Mapping

Page 90: Beyond Digital - IAS Workshop 2011

90@jessmcmullin@samanthastarmer

Adaptive Path

http://www.flickr.com/photos/sethandalexa/3747145717

Page 91: Beyond Digital - IAS Workshop 2011

91@jessmcmullin@samanthastarmer

nForm

Page 92: Beyond Digital - IAS Workshop 2011

92@jessmcmullin@samanthastarmer

Page 93: Beyond Digital - IAS Workshop 2011

93@jessmcmullin@samanthastarmer

Maya Design

Page 94: Beyond Digital - IAS Workshop 2011

94@jessmcmullin@samanthastarmer

Journey Mapping Exercise

Action

Action

Action

Action

Touchpoint

Touchpoint

Touchpoint

Touchpoint Notes

Page 95: Beyond Digital - IAS Workshop 2011

95@jessmcmullin@samanthastarmer

Journey Mapping Exercise

Touchpoint

Touchpoint

Touchpoint

Touchpoint

Step 1 Step 2 Step 3 Step 4

Notes Notes Notes Notes

Page 96: Beyond Digital - IAS Workshop 2011

96@jessmcmullin@samanthastarmer

From Insightsto Solutions

Page 97: Beyond Digital - IAS Workshop 2011

97@jessmcmullin@samanthastarmer

Solution=Facilitation

Page 98: Beyond Digital - IAS Workshop 2011

98@jessmcmullin@samanthastarmer

Facilitation=Giving upownership

Page 99: Beyond Digital - IAS Workshop 2011

99@jessmcmullin@samanthastarmer

It’s ok. Really.

Page 100: Beyond Digital - IAS Workshop 2011

100@jessmcmullin@samanthastarmer

MentalModels

Page 101: Beyond Digital - IAS Workshop 2011

101@jessmcmullin@samanthastarmer

Mental Models

Page 102: Beyond Digital - IAS Workshop 2011

102@jessmcmullin@samanthastarmer

Mental Models

http://www.rosenfeldmedia.com/books/mental-models

Page 103: Beyond Digital - IAS Workshop 2011

103@jessmcmullin@samanthastarmer

Mental Models

Page 104: Beyond Digital - IAS Workshop 2011

104@jessmcmullin@samanthastarmer

UXSwimlanes

Page 105: Beyond Digital - IAS Workshop 2011

105@jessmcmullin@samanthastarmer

UX Swimlanes

Page 106: Beyond Digital - IAS Workshop 2011

106@jessmcmullin@samanthastarmer

Page 107: Beyond Digital - IAS Workshop 2011

107@jessmcmullin@samanthastarmer

Business Origami

Page 108: Beyond Digital - IAS Workshop 2011

108@jessmcmullin@samanthastarmer

Paper Prototyping for Systems Design

Page 109: Beyond Digital - IAS Workshop 2011

109@jessmcmullin@samanthastarmer

Business Origami Session

Page 110: Beyond Digital - IAS Workshop 2011

110@jessmcmullin@samanthastarmer

Courtesy Prof. Kenta Ota, Chiba University Design Department & Design Division, Hitachi Ltd.

Page 111: Beyond Digital - IAS Workshop 2011

111@jessmcmullin@samanthastarmer

Page 112: Beyond Digital - IAS Workshop 2011

112@jessmcmullin@samanthastarmer

Page 113: Beyond Digital - IAS Workshop 2011

113@jessmcmullin@samanthastarmer

Page 114: Beyond Digital - IAS Workshop 2011

114@jessmcmullin@samanthastarmer

Page 115: Beyond Digital - IAS Workshop 2011

115@jessmcmullin@samanthastarmer

Page 116: Beyond Digital - IAS Workshop 2011

116@jessmcmullin@samanthastarmer

Page 117: Beyond Digital - IAS Workshop 2011

117@jessmcmullin@samanthastarmer

Page 118: Beyond Digital - IAS Workshop 2011

118@jessmcmullin@samanthastarmer

Page 119: Beyond Digital - IAS Workshop 2011

119@jessmcmullin@samanthastarmer

Page 120: Beyond Digital - IAS Workshop 2011

120@jessmcmullin@samanthastarmer

Page 121: Beyond Digital - IAS Workshop 2011

121@jessmcmullin@samanthastarmer

Page 122: Beyond Digital - IAS Workshop 2011

122@jessmcmullin@samanthastarmer

Page 123: Beyond Digital - IAS Workshop 2011

123@jessmcmullin@samanthastarmer

Service Blueprint

Page 124: Beyond Digital - IAS Workshop 2011

124@jessmcmullin@samanthastarmer

Service Blueprint

http://lovelearn.wordpress.com/2009/07/11/initial-blueprint/

Page 125: Beyond Digital - IAS Workshop 2011

125@jessmcmullin@samanthastarmer

Service Blueprint Elements

• Physical Evidence• Customer Actions• Onstage, Customer Facing Employee Actions• Backstage, Enabling Employee Actions• Support Processes

http://people.ischool.berkeley.edu/~glushko/IS243Readings/ServiceBlueprinting.pdf

Page 126: Beyond Digital - IAS Workshop 2011

126@jessmcmullin@samanthastarmer

Page 127: Beyond Digital - IAS Workshop 2011

127@jessmcmullin@samanthastarmer

Service Blueprinting Exercise

Physical Evidence

Customer Actions

OnstageEmployeeActions

BackstageEmployeeActions

Support Processes

Page 128: Beyond Digital - IAS Workshop 2011

128@jessmcmullin@samanthastarmer

Break!

http://www.flickr.com/photos/johnmcnab/4298812324

Page 129: Beyond Digital - IAS Workshop 2011

HOW to start

Page 130: Beyond Digital - IAS Workshop 2011

Marketing makes promises

The experience (regardless of channel)

has to deliver on those promises

Page 131: Beyond Digital - IAS Workshop 2011

on ramps and off ramps

Page 132: Beyond Digital - IAS Workshop 2011

Close the loop

http://www.flickr.com/photos/pelegrino/3957449915

Page 133: Beyond Digital - IAS Workshop 2011

Make Business Case

http://www.flickr.com/photos/10458725@N02/3042138367

Page 134: Beyond Digital - IAS Workshop 2011

Listen

Page 135: Beyond Digital - IAS Workshop 2011

Designing a holistic experience means listening holistically:• Usual UX research, but also• Call center• Email queries and feedback• Live Chat transcripts• Social Media• Sentiment Analysis• Market Research• Analytics (behavior)• Store follows/shop alongs

Page 136: Beyond Digital - IAS Workshop 2011

http://averagecats.com/page/7

Get collaborators

Page 137: Beyond Digital - IAS Workshop 2011

Make new friends Marketing• IT, or anyone who can build stuff• Finance• Distribution Center• Customer Service• Innies with outies, outies with innies• Different industries

Artists, architects, museum curators, restaurant workers, baristas,

landscapers, hotel managers…

Page 138: Beyond Digital - IAS Workshop 2011

Don’t get overwhelmed

http://tlc.discovery.com/tv/hoarding-buried-alive/slideshows/before-and-after-episodes-1-4-02.html

Page 139: Beyond Digital - IAS Workshop 2011

You can’t be everywhere at once• Target a channel pair • Focus on incremental progress• Measure stuff• Celebrate (and communicate) quick

wins• Get your ‘real’ work done • Get allies to spread the work

Page 140: Beyond Digital - IAS Workshop 2011

http://www.flickr.com/photos/jimfrazier/1810966604/

Don’t be grabby

Page 141: Beyond Digital - IAS Workshop 2011

Let go of control

• It’s okay when other people start talking about the customer experience

• It’s okay when other people try to improve the customer experience

• It’s okay if you aren’t involved in EVERYTHING

• It’s okay if you aren’t the only one making a difference.

Isn’t it all about the customer?