Designing Cross Channel Experiences - MX 2011

129
Designing Cross Channel Experienc es Samantha Starmer Managing Experience; March 8, 2011

description

The gap between physical and digital has blurred: we use Wiis to get in shape, computers to order a pizza, or our smartphone’s GPS to find hot dates. People want to interact with products and services when they want to and how they want to – and that’s not always on the web. The future of design is everywhere the customer touches our product or service - digital or physical. User experience practitioners must move beyond the screen to designing a holistic customer experience that is seamless across channels and devices.

Transcript of Designing Cross Channel Experiences - MX 2011

Page 1: Designing Cross Channel Experiences - MX 2011

Designing Cross

Channel Experien

cesSamantha Starmer Managing Experience; March 8, 2011

Page 2: Designing Cross Channel Experiences - MX 2011

Designing (great)

Cross Channel

Experiences

Page 3: Designing Cross Channel Experiences - MX 2011

meUX & IA related work for places like Amazon,

MicrosoftREI – Recreational Equipment, Inc. Create and lead IA, UX, IxD teamsTeach at University of Washington

Page 4: Designing Cross Channel Experiences - MX 2011
Page 5: Designing Cross Channel Experiences - MX 2011

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

first time at brick & mortar

Page 6: Designing Cross Channel Experiences - MX 2011

Waitress picture

10 years in restaurant

business

Page 7: Designing Cross Channel Experiences - MX 2011

a story…

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

Page 8: Designing Cross Channel Experiences - MX 2011

Australian information architecture conference

Page 9: Designing Cross Channel Experiences - MX 2011

Sydney picture

imagined myself in

Sydney

Page 10: Designing Cross Channel Experiences - MX 2011

but I’m a procrastinato

r

Page 11: Designing Cross Channel Experiences - MX 2011

oh crap

Page 12: Designing Cross Channel Experiences - MX 2011

huh. an electronic Visa. well, that’s

pretty cool.

Page 13: Designing Cross Channel Experiences - MX 2011

except I can’t check

in online

Page 14: Designing Cross Channel Experiences - MX 2011

even though I bought my tickets and Visa

online

Page 15: Designing Cross Channel Experiences - MX 2011

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

damn, have to talk to a person

Page 16: Designing Cross Channel Experiences - MX 2011

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

waited in long check-in line

Page 17: Designing Cross Channel Experiences - MX 2011

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

Page 18: Designing Cross Channel Experiences - MX 2011

Flight agent picture

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

Page 19: Designing Cross Channel Experiences - MX 2011

“this won’t work”

Page 20: Designing Cross Channel Experiences - MX 2011

but, it has official stuff and numbers

and …

Censored!

Page 21: Designing Cross Channel Experiences - MX 2011

“i’m a human, not a

machine”

Page 22: Designing Cross Channel Experiences - MX 2011

Flight agent picture

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

Page 23: Designing Cross Channel Experiences - MX 2011

“what’s your itinerary?”

Page 24: Designing Cross Channel Experiences - MX 2011

thank god I’m old school

Page 25: Designing Cross Channel Experiences - MX 2011

what about my visa?

Page 26: Designing Cross Channel Experiences - MX 2011

Sleeping at Airport

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

Page 27: Designing Cross Channel Experiences - MX 2011

“i have no idea”

Page 28: Designing Cross Channel Experiences - MX 2011

Flight agent picture

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

Page 29: Designing Cross Channel Experiences - MX 2011

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

Page 30: Designing Cross Channel Experiences - MX 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 31: Designing Cross Channel Experiences - MX 2011

lesson?

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

F

Page 32: Designing Cross Channel Experiences - MX 2011

our lives are cross

channel

Page 33: Designing Cross Channel Experiences - MX 2011

design for the holistic

experience

Page 34: Designing Cross Channel Experiences - MX 2011

don’t design for just website

Page 35: Designing Cross Channel Experiences - MX 2011

…app

Page 36: Designing Cross Channel Experiences - MX 2011

…or physical environment

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

Page 37: Designing Cross Channel Experiences - MX 2011

digital and physical are

colliding

Page 38: Designing Cross Channel Experiences - MX 2011

70% of US online consumers

research products online

and purchase them offline

Forrester, Profiling The Multichannel Consumer, July 2009

Page 39: Designing Cross Channel Experiences - MX 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 40: Designing Cross Channel Experiences - MX 2011

technology is

everywhere

Page 41: Designing Cross Channel Experiences - MX 2011

but

Page 42: Designing Cross Channel Experiences - MX 2011

(and here is our

opportunity)

Page 43: Designing Cross Channel Experiences - MX 2011

‘integrated experience

s are few and

far between’

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

Page 44: Designing Cross Channel Experiences - MX 2011

customers don’t think

about channels

Page 45: Designing Cross Channel Experiences - MX 2011

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

Page 46: Designing Cross Channel Experiences - MX 2011

customers don’t think

about design

disciplines

Page 47: Designing Cross Channel Experiences - MX 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 48: Designing Cross Channel Experiences - MX 2011

customers do think

about your company

Page 49: Designing Cross Channel Experiences - MX 2011

across time,

touchpoints and

experiences

Page 50: Designing Cross Channel Experiences - MX 2011

however we want to shop

Page 51: Designing Cross Channel Experiences - MX 2011

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

whenever we see your brand

Page 52: Designing Cross Channel Experiences - MX 2011

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

outside

Page 53: Designing Cross Channel Experiences - MX 2011

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

inside

Page 54: Designing Cross Channel Experiences - MX 2011

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

packaging

Page 55: Designing Cross Channel Experiences - MX 2011

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

signs

Page 56: Designing Cross Channel Experiences - MX 2011

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

employees

Page 57: Designing Cross Channel Experiences - MX 2011

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

things outside our control

Page 58: Designing Cross Channel Experiences - MX 2011

design cross channel

experiences

Page 59: Designing Cross Channel Experiences - MX 2011

design for the holistic

experience

Page 60: Designing Cross Channel Experiences - MX 2011

how?

Page 61: Designing Cross Channel Experiences - MX 2011

5 principles5 methods

5 tools

Page 62: Designing Cross Channel Experiences - MX 2011

5 principles

1. convenient2. connected3. consistent4. contextual

5. (a) cross time

Page 63: Designing Cross Channel Experiences - MX 2011

convenient

Page 64: Designing Cross Channel Experiences - MX 2011

Walgreen on iPad

Page 65: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/zachklein/3964249http://www.flickr.com/photos/jsrcyclist/3181389420

Page 66: Designing Cross Channel Experiences - MX 2011

Walgreen’s drive in

http://www.flickr.com/photos/ambernectar/4042608385

Page 67: Designing Cross Channel Experiences - MX 2011

consistent

Page 68: Designing Cross Channel Experiences - MX 2011
Page 69: Designing Cross Channel Experiences - MX 2011
Page 70: Designing Cross Channel Experiences - MX 2011
Page 71: Designing Cross Channel Experiences - MX 2011

connected

Page 72: Designing Cross Channel Experiences - MX 2011

consider the experience of

transitions

http://www.flickr.com/photos/mcdemoura/2209204939

Page 73: Designing Cross Channel Experiences - MX 2011

Netflix

Page 74: Designing Cross Channel Experiences - MX 2011
Page 75: Designing Cross Channel Experiences - MX 2011
Page 76: Designing Cross Channel Experiences - MX 2011

contextual

Page 77: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/dalydaly/10813808

15% bump in weekend

traffic

Page 78: Designing Cross Channel Experiences - MX 2011

Trying on tent

http://www.flickr.com/photos/hollabackpack/184849492

research online, try in store

Page 79: Designing Cross Channel Experiences - MX 2011

(a)cross time

Page 80: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/mcmortygreen/3176998867

Page 81: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/yourdon/2594767344

Page 82: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/sa_ku_ra/13009153

Page 83: Designing Cross Channel Experiences - MX 2011

5 methods

1. think in terms of services2. share the sandbox3. start walking 4. comfort in discomfort5. why vs. what

Page 84: Designing Cross Channel Experiences - MX 2011

Waitress

1. Think in terms of services1. think in terms of services

Page 85: Designing Cross Channel Experiences - MX 2011
Page 86: Designing Cross Channel Experiences - MX 2011

Fluevog on iPad

Page 87: Designing Cross Channel Experiences - MX 2011

From: [email protected]: [email protected]: Fluevog order 20110211-00072873Date: Fri, 11 Feb 2011 16:52:38 -0800

Hey Samantha,We have both shoes you ordered online here at the Seattle store. If you’d like to pick them up this weekend and save on shipping let us know otherwise they will ship out Monday.Thanks,Leah John Fluevog Shoes205 Pine St.Seattle, WA 98101phone: (206)441-1065fax :   (206)[email protected]/fluevogseattle

 "There are two kinds of people: those who shy away from attention, and those who wear Fluevogs." - JF

Page 88: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/trufflepig/4370405501

Page 89: Designing Cross Channel Experiences - MX 2011

Incremental Sale

Page 90: Designing Cross Channel Experiences - MX 2011

2. share the sandbox

http://www.flickr.com/photos/erikwdavis/2687670846

Page 91: Designing Cross Channel Experiences - MX 2011

UX Mag

let people in. let people

design. let people play.

Page 92: Designing Cross Channel Experiences - MX 2011

3. start walking

http://www.flickr.com/photos/jonathanbeard/3038114579/

Page 93: Designing Cross Channel Experiences - MX 2011
Page 94: Designing Cross Channel Experiences - MX 2011
Page 95: Designing Cross Channel Experiences - MX 2011
Page 96: Designing Cross Channel Experiences - MX 2011

4. comfort in discomfort

Page 97: Designing Cross Channel Experiences - MX 2011

you don’t have to be an expert

Page 98: Designing Cross Channel Experiences - MX 2011

http://www.twobackpackers.com/wp-content/uploads/2009/07/REI-Backpacks.jpg

eek – I don’t know anything about store

design!

Page 99: Designing Cross Channel Experiences - MX 2011

“an interesting thing happened today – we were invited to help Visual Merch decide

what shelf labels and categories to use in the

retail stores for backpacks.

This is a great win for us”

Page 100: Designing Cross Channel Experiences - MX 2011

5. why vs. what

http://www.flickr.com/photos/segozyme/3105128025/

Page 101: Designing Cross Channel Experiences - MX 2011

buying a tent

Page 102: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/jcast911/4037694806

for backyard?

Page 103: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/reway2007/427303733

or backcountry

snow?

Page 104: Designing Cross Channel Experiences - MX 2011

5 tools

1. document2. experience map3. get behind the scenes4. tell a story5. cross train

Page 105: Designing Cross Channel Experiences - MX 2011

1. document

http://www.flickr.com/photos/thelustlizardofmelancholycove/5053889505/

Page 106: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/frerieke/3882000183

Page 107: Designing Cross Channel Experiences - MX 2011
Page 108: Designing Cross Channel Experiences - MX 2011

2. experience map

http://www.flickr.com/photos/dimitratzanos/4615310997

Page 109: Designing Cross Channel Experiences - MX 2011

think about the customer’s whole

journey

Page 110: Designing Cross Channel Experiences - MX 2011

3. get behind the scenes

http://www.flickr.com/photos/honorapearls/4155009907/

Page 111: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/vitorcastillo/2994723741

Page 112: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/mattwright/1787856/

Page 113: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/oldonliner/3484504583/

Page 114: Designing Cross Channel Experiences - MX 2011

4. tell a story

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

Page 115: Designing Cross Channel Experiences - MX 2011

Meet Jane

Outdoor Loyal38, Portland

Involved in overlapping sports and understands the value of good gear

“I kind of have a jacket problem… I’m running out of reasons to buy another one”

Page 116: Designing Cross Channel Experiences - MX 2011

Monday… I want to go backpacking this weekend!

Page 117: Designing Cross Channel Experiences - MX 2011

Time to plan…

Page 118: Designing Cross Channel Experiences - MX 2011

I want to go somewhere beautiful…

View

View

View

View

Page 119: Designing Cross Channel Experiences - MX 2011

5. cross train

http://www.flickr.com/photos/zackojones/4191554608/

Page 120: Designing Cross Channel Experiences - MX 2011

Success

Page 121: Designing Cross Channel Experiences - MX 2011

Designing (great)

Cross Channel

Experiences

Page 122: Designing Cross Channel Experiences - MX 2011

don’t design for the screen, design for

the holistic experience

Page 123: Designing Cross Channel Experiences - MX 2011

don’t design for the technology, design for

the holistic experience

Page 124: Designing Cross Channel Experiences - MX 2011

don’t design for the channel, design for

the holistic experience

Page 125: Designing Cross Channel Experiences - MX 2011

5 principles

1. convenient2. connected3. consistent4. contextual

5. (a) cross time

5 methods

1. think in terms of services

2. share the sandbox3. start walking4. comfort in discomfort5. why vs. what

5 tools

1. document2. experience map3. get behind the

scenes4. tell a story5. cross train

Page 126: Designing Cross Channel Experiences - MX 2011

http://www.flickr.com/photos/39747297@N05/5229733647

Beyond Digital: Designing for the Cross-Channel

FutureWith Jess McMullin

Thursday, March 31st

Denver, CO

Page 127: Designing Cross Channel Experiences - MX 2011

chief customer officer…

Page 128: Designing Cross Channel Experiences - MX 2011

Who will it be?http://www.flickr.com/photos/kelleys/358629845

Page 129: Designing Cross Channel Experiences - MX 2011

join the opportunity!!

@[email protected]