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

Beyond Digital - IA Summit 2010 Workshop

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

[Jess’s intro]

Page 4: Beyond Digital - IA Summit 2010 Workshop
Page 5: Beyond Digital - IA Summit 2010 Workshop
Page 6: Beyond Digital - IA Summit 2010 Workshop

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

first time at brick & mortar

Page 7: Beyond Digital - IA Summit 2010 Workshop

Waitress picture10 years in restaurant

business

Page 8: Beyond Digital - IA Summit 2010 Workshop

Whycross channel

design

Page 9: Beyond Digital - IA Summit 2010 Workshop

a story…

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

Page 10: Beyond Digital - IA Summit 2010 Workshop

Australian information architecture conference

Page 11: Beyond Digital - IA Summit 2010 Workshop

Sydney picture

imagined myself in

Sydney

Page 12: Beyond Digital - IA Summit 2010 Workshop

but I’m a procrastinato

r

Page 13: Beyond Digital - IA Summit 2010 Workshop

oh crap

Page 14: Beyond Digital - IA Summit 2010 Workshop

huh. an electronic Visa. well, that’s

pretty cool.

Page 15: Beyond Digital - IA Summit 2010 Workshop

except I can’t check

in online

Page 16: Beyond Digital - IA Summit 2010 Workshop

even though I bought my tickets and Visa

online

Page 17: Beyond Digital - IA Summit 2010 Workshop

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

damn, have to talk to a person

Page 18: Beyond Digital - IA Summit 2010 Workshop

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

waited in long check-in line

Page 19: Beyond Digital - IA Summit 2010 Workshop

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

Page 20: Beyond Digital - IA Summit 2010 Workshop

Flight agent picture

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

Page 21: Beyond Digital - IA Summit 2010 Workshop

“this won’t work”

Page 22: Beyond Digital - IA Summit 2010 Workshop

but, it has official stuff and numbers

and …

Censored!

Page 23: Beyond Digital - IA Summit 2010 Workshop

“i’m a human, not a

machine”

Page 24: Beyond Digital - IA Summit 2010 Workshop

Flight agent picture

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

Page 25: Beyond Digital - IA Summit 2010 Workshop

“what’s your itinerary?”

Page 26: Beyond Digital - IA Summit 2010 Workshop

thank god I’m old school

Page 27: Beyond Digital - IA Summit 2010 Workshop

what about my visa?

Page 28: Beyond Digital - IA Summit 2010 Workshop

Sleeping at Airport

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

Page 29: Beyond Digital - IA Summit 2010 Workshop

“i have no idea”

Page 30: Beyond Digital - IA Summit 2010 Workshop

Flight agent picture

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

Page 31: Beyond Digital - IA Summit 2010 Workshop

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

Page 32: Beyond Digital - IA Summit 2010 Workshop

“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 - IA Summit 2010 Workshop

lesson?

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

F

Page 34: Beyond Digital - IA Summit 2010 Workshop

our lives are cross

channel

Page 35: Beyond Digital - IA Summit 2010 Workshop

design for the holistic

experience

Page 36: Beyond Digital - IA Summit 2010 Workshop

don’t design for just website

Page 37: Beyond Digital - IA Summit 2010 Workshop

…app

Page 38: Beyond Digital - IA Summit 2010 Workshop

…or physical environment

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

Page 39: Beyond Digital - IA Summit 2010 Workshop

digital and physical are

colliding

Page 40: Beyond Digital - IA Summit 2010 Workshop

70% of US online consumers

research products online

and purchase them offline

Forrester, Profiling The Multichannel Consumer, July 2009

Page 41: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

technology is

everywhere

Page 43: Beyond Digital - IA Summit 2010 Workshop

but

Page 44: Beyond Digital - IA Summit 2010 Workshop

‘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 - IA Summit 2010 Workshop

customers don’t think

about channels

Page 46: Beyond Digital - IA Summit 2010 Workshop

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

Page 47: Beyond Digital - IA Summit 2010 Workshop

customers don’t think

about design

disciplines

Page 48: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

customers do think

about your company

Page 50: Beyond Digital - IA Summit 2010 Workshop

across time,

touchpoints and

experiences

Page 51: Beyond Digital - IA Summit 2010 Workshop

however we want to shop

Page 52: Beyond Digital - IA Summit 2010 Workshop

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

whenever we see your brand

Page 53: Beyond Digital - IA Summit 2010 Workshop

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

outside

Page 54: Beyond Digital - IA Summit 2010 Workshop

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

inside

Page 55: Beyond Digital - IA Summit 2010 Workshop

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

packaging

Page 56: Beyond Digital - IA Summit 2010 Workshop

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

signs

Page 57: Beyond Digital - IA Summit 2010 Workshop

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

employees

Page 58: Beyond Digital - IA Summit 2010 Workshop

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

things outside our control

Page 59: Beyond Digital - IA Summit 2010 Workshop

design cross channel

experiences

Page 60: Beyond Digital - IA Summit 2010 Workshop

design for the holistic

experience

Page 61: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

Jess’s airline story

Page 63: Beyond Digital - IA Summit 2010 Workshop

SELLcross channel

design

Page 64: Beyond Digital - IA Summit 2010 Workshop

Do some research

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

Page 65: Beyond Digital - IA Summit 2010 Workshop

Understand executives’ goals

Page 66: Beyond Digital - IA Summit 2010 Workshop

Use metrics

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

Page 67: Beyond Digital - IA Summit 2010 Workshop

30

130

Online vs. Offline

Page 68: Beyond Digital - IA Summit 2010 Workshop

Soft Skills

Page 69: Beyond Digital - IA Summit 2010 Workshop

Patience

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

Page 70: Beyond Digital - IA Summit 2010 Workshop

Start at the grassroots

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

Page 71: Beyond Digital - IA Summit 2010 Workshop

But work towards top-down

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

Page 72: Beyond Digital - IA Summit 2010 Workshop

Where are the bodies?

Page 73: Beyond Digital - IA Summit 2010 Workshop

Understand organizational structure

Understand Org Structure

Page 74: Beyond Digital - IA Summit 2010 Workshop

Don’t boil the ocean

Page 75: Beyond Digital - IA Summit 2010 Workshop

Tell a Fairy Tale

Page 76: Beyond Digital - IA Summit 2010 Workshop

There is a craving for stories that

show people what is possible

~Fred Collopy

Page 77: Beyond Digital - IA Summit 2010 Workshop

77@jessmcmullin@samanthastarmer

Case Study

Page 78: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

79@jessmcmullin@samanthastarmer

Stakeholder Interviews

Page 80: Beyond Digital - IA Summit 2010 Workshop

Break!

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

Page 81: Beyond Digital - IA Summit 2010 Workshop

81@jessmcmullin@samanthastarmer

FieldResearch

Page 82: Beyond Digital - IA Summit 2010 Workshop

82@jessmcmullin@samanthastarmer

What to look for....

• People• Touchpoints• Interactions• Flow

Page 83: Beyond Digital - IA Summit 2010 Workshop

83@jessmcmullin@samanthastarmer

Welcome Back from the Field!

Now Lunch...See you at 1:00

Page 84: Beyond Digital - IA Summit 2010 Workshop

84@jessmcmullin@samanthastarmer

Discovery

Page 85: Beyond Digital - IA Summit 2010 Workshop

85@jessmcmullin@samanthastarmer

Bodystorming

Page 86: Beyond Digital - IA Summit 2010 Workshop

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

Page 87: Beyond Digital - IA Summit 2010 Workshop

87@jessmcmullin@samanthastarmer

Touchpoint Matrix

Page 88: Beyond Digital - IA Summit 2010 Workshop

88@jessmcmullin@samanthastarmer

Hello Future

http://brandtouchpointmatrix.com/

Page 89: Beyond Digital - IA Summit 2010 Workshop

89@jessmcmullin@samanthastarmer

Customer Journey Mapping

Page 90: Beyond Digital - IA Summit 2010 Workshop

90@jessmcmullin@samanthastarmer

Adaptive Path

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

Page 91: Beyond Digital - IA Summit 2010 Workshop

91@jessmcmullin@samanthastarmer

nForm

Page 92: Beyond Digital - IA Summit 2010 Workshop

92@jessmcmullin@samanthastarmer

Page 93: Beyond Digital - IA Summit 2010 Workshop

93@jessmcmullin@samanthastarmer

Maya Design

Page 94: Beyond Digital - IA Summit 2010 Workshop

94@jessmcmullin@samanthastarmer

Journey Mapping Exercise

Action

Action

Action

Action

Touchpoint

Touchpoint

Touchpoint

Touchpoint Notes

Page 95: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

96@jessmcmullin@samanthastarmer

From Insightsto Solutions

Page 97: Beyond Digital - IA Summit 2010 Workshop

97@jessmcmullin@samanthastarmer

Solution=Facilitation

Page 98: Beyond Digital - IA Summit 2010 Workshop

98@jessmcmullin@samanthastarmer

Facilitation=Giving upownership

Page 99: Beyond Digital - IA Summit 2010 Workshop

99@jessmcmullin@samanthastarmer

It’s ok. Really.

Page 100: Beyond Digital - IA Summit 2010 Workshop

100@jessmcmullin@samanthastarmer

MentalModels

Page 101: Beyond Digital - IA Summit 2010 Workshop

101@jessmcmullin@samanthastarmer

Mental Models

Page 102: Beyond Digital - IA Summit 2010 Workshop

102@jessmcmullin@samanthastarmer

Mental Models

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

Page 103: Beyond Digital - IA Summit 2010 Workshop

103@jessmcmullin@samanthastarmer

Mental Models

Page 104: Beyond Digital - IA Summit 2010 Workshop

104@jessmcmullin@samanthastarmer

UXSwimlanes

Page 105: Beyond Digital - IA Summit 2010 Workshop

105@jessmcmullin@samanthastarmer

UX Swimlanes

Page 106: Beyond Digital - IA Summit 2010 Workshop

106@jessmcmullin@samanthastarmer

Page 107: Beyond Digital - IA Summit 2010 Workshop

107@jessmcmullin@samanthastarmer

Business Origami

Page 108: Beyond Digital - IA Summit 2010 Workshop

108@jessmcmullin@samanthastarmer

Paper Prototyping for Systems Design

Page 109: Beyond Digital - IA Summit 2010 Workshop

109@jessmcmullin@samanthastarmer

Business Origami Session

Page 110: Beyond Digital - IA Summit 2010 Workshop

110@jessmcmullin@samanthastarmer

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

Page 111: Beyond Digital - IA Summit 2010 Workshop

111@jessmcmullin@samanthastarmer

Page 112: Beyond Digital - IA Summit 2010 Workshop

112@jessmcmullin@samanthastarmer

Page 113: Beyond Digital - IA Summit 2010 Workshop

113@jessmcmullin@samanthastarmer

Page 114: Beyond Digital - IA Summit 2010 Workshop

114@jessmcmullin@samanthastarmer

Page 115: Beyond Digital - IA Summit 2010 Workshop

115@jessmcmullin@samanthastarmer

Page 116: Beyond Digital - IA Summit 2010 Workshop

116@jessmcmullin@samanthastarmer

Page 117: Beyond Digital - IA Summit 2010 Workshop

117@jessmcmullin@samanthastarmer

Page 118: Beyond Digital - IA Summit 2010 Workshop

118@jessmcmullin@samanthastarmer

Page 119: Beyond Digital - IA Summit 2010 Workshop

119@jessmcmullin@samanthastarmer

Page 120: Beyond Digital - IA Summit 2010 Workshop

120@jessmcmullin@samanthastarmer

Page 121: Beyond Digital - IA Summit 2010 Workshop

121@jessmcmullin@samanthastarmer

Page 122: Beyond Digital - IA Summit 2010 Workshop

122@jessmcmullin@samanthastarmer

Page 123: Beyond Digital - IA Summit 2010 Workshop

123@jessmcmullin@samanthastarmer

Service Blueprint

Page 124: Beyond Digital - IA Summit 2010 Workshop

124@jessmcmullin@samanthastarmer

Service Blueprint

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

Page 125: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

126@jessmcmullin@samanthastarmer

Page 127: Beyond Digital - IA Summit 2010 Workshop

127@jessmcmullin@samanthastarmer

Service Blueprinting Exercise

Physical Evidence

Customer Actions

OnstageEmployeeActions

BackstageEmployeeActions

Support Processes

Page 128: Beyond Digital - IA Summit 2010 Workshop

128@jessmcmullin@samanthastarmer

Break!

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

Page 129: Beyond Digital - IA Summit 2010 Workshop

HOW to start

Page 130: Beyond Digital - IA Summit 2010 Workshop

Marketing makes promises

The experience (regardless of channel)

has to deliver on those promises

Page 131: Beyond Digital - IA Summit 2010 Workshop

on ramps and off ramps

Page 132: Beyond Digital - IA Summit 2010 Workshop

Close the loop

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

Page 133: Beyond Digital - IA Summit 2010 Workshop

Make Business Case

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

Page 134: Beyond Digital - IA Summit 2010 Workshop

Listen

Page 135: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

http://averagecats.com/page/7

Get collaborators

Page 137: Beyond Digital - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

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 - IA Summit 2010 Workshop

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

Don’t be grabby

Page 141: Beyond Digital - IA Summit 2010 Workshop

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?