163
Create Successful Cross Channel Experience s Samantha Starmer @samanthastarmer IA Summit 2011

Create Successful Cross Channel Experiences - IA Summit 2011

Embed Size (px)

DESCRIPTION

IA Summit Cross Channel Presentation (longer version than Managing Experience)

Citation preview

Page 1: Create Successful Cross Channel Experiences - IA Summit 2011

Create Successful

Cross Channel

Experiences

Samantha Starmer @samanthastarmer IA Summit 2011

Page 2: Create Successful Cross Channel Experiences - IA Summit 2011

meWeb stuff for places like Amazon, Microsoft

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

Page 3: Create Successful Cross Channel Experiences - IA Summit 2011
Page 4: Create Successful Cross Channel Experiences - IA Summit 2011

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

first time at brick & mortar

Page 5: Create Successful Cross Channel Experiences - IA Summit 2011

Waitress picture

10 years in restaurant

business

Page 6: Create Successful Cross Channel Experiences - IA Summit 2011

a story…

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

Page 7: Create Successful Cross Channel Experiences - IA Summit 2011

Oz IA(Australia!!)

Page 8: Create Successful Cross Channel Experiences - IA Summit 2011

Sydney picture

imagined myself in

Sydney

Page 9: Create Successful Cross Channel Experiences - IA Summit 2011

but I’m a procrastinato

r

Page 10: Create Successful Cross Channel Experiences - IA Summit 2011

oh crap

Page 11: Create Successful Cross Channel Experiences - IA Summit 2011

huh. an electronic Visa. well, that’s

pretty cool.

Page 12: Create Successful Cross Channel Experiences - IA Summit 2011

except I can’t check

in online

Page 13: Create Successful Cross Channel Experiences - IA Summit 2011

even though I bought my tickets and Visa

online

Page 14: Create Successful Cross Channel Experiences - IA Summit 2011

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

damn, have to talk to a person

Page 15: Create Successful Cross Channel Experiences - IA Summit 2011

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

waited in long check-in line

Page 16: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 17: Create Successful Cross Channel Experiences - IA Summit 2011

Flight agent picture

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

Page 18: Create Successful Cross Channel Experiences - IA Summit 2011

“this won’t work”

Page 19: Create Successful Cross Channel Experiences - IA Summit 2011

but, it has official stuff and numbers

and …

Censored!

Page 20: Create Successful Cross Channel Experiences - IA Summit 2011

“i’m a human, not a

machine”

Page 21: Create Successful Cross Channel Experiences - IA Summit 2011

Flight agent picture

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

Page 22: Create Successful Cross Channel Experiences - IA Summit 2011

“what’s your itinerary?”

Page 23: Create Successful Cross Channel Experiences - IA Summit 2011

thank god I’m old school

Page 24: Create Successful Cross Channel Experiences - IA Summit 2011

what about my visa?

Page 25: Create Successful Cross Channel Experiences - IA Summit 2011

Sleeping at Airport

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

Page 26: Create Successful Cross Channel Experiences - IA Summit 2011

“i have no idea”

Page 27: Create Successful Cross Channel Experiences - IA Summit 2011

Flight agent picture

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

Page 28: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 29: Create Successful Cross Channel Experiences - IA Summit 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 30: Create Successful Cross Channel Experiences - IA Summit 2011

lesson?

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

Page 31: Create Successful Cross Channel Experiences - IA Summit 2011

Holistic experience

Page 32: Create Successful Cross Channel Experiences - IA Summit 2011

we live across physical and

digital

Page 33: Create Successful Cross Channel Experiences - IA Summit 2011

our lives cross channels – websites, apps,

phone, etc…

Page 34: Create Successful Cross Channel Experiences - IA Summit 2011

we must design for the holistic

experience

Page 35: Create Successful Cross Channel Experiences - IA Summit 2011

don’t design for just website

Page 36: Create Successful Cross Channel Experiences - IA Summit 2011

…app

Page 37: Create Successful Cross Channel Experiences - IA Summit 2011

http://www.flickr.com/photos/differentview/5506159327

…product

Page 38: Create Successful Cross Channel Experiences - IA Summit 2011

…or physical environment

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

Page 39: Create Successful Cross Channel Experiences - IA Summit 2011

we must design across all

touchpoints

Page 40: Create Successful Cross Channel Experiences - IA Summit 2011

digital and physical are

colliding

Page 41: Create Successful Cross Channel Experiences - IA Summit 2011

70% of US online consumers

research products online

and purchase them offline

Forrester, Profiling The Multichannel Consumer, July 2009

Page 42: Create Successful Cross Channel Experiences - IA Summit 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 43: Create Successful Cross Channel Experiences - IA Summit 2011

technology is

everywhere

Page 44: Create Successful Cross Channel Experiences - IA Summit 2011

but

Page 45: Create Successful Cross Channel Experiences - IA Summit 2011

(and here is our

opportunity)

Page 46: Create Successful Cross Channel Experiences - IA Summit 2011

‘integrated experience

s are few and

far between’

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

Page 47: Create Successful Cross Channel Experiences - IA Summit 2011

customers don’t think

about channels

Page 48: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 49: Create Successful Cross Channel Experiences - IA Summit 2011

customers don’t think

about design

disciplines

Page 50: Create Successful Cross Channel Experiences - IA Summit 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 51: Create Successful Cross Channel Experiences - IA Summit 2011

customers do think

about your company,

your product

Page 52: Create Successful Cross Channel Experiences - IA Summit 2011

across time,

touchpoints and

experiences

Page 53: Create Successful Cross Channel Experiences - IA Summit 2011

however we want to interact

Page 54: Create Successful Cross Channel Experiences - IA Summit 2011

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

whenever we see your brand

Page 55: Create Successful Cross Channel Experiences - IA Summit 2011

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

outside

Page 56: Create Successful Cross Channel Experiences - IA Summit 2011

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

inside

Page 57: Create Successful Cross Channel Experiences - IA Summit 2011

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

packaging

Page 58: Create Successful Cross Channel Experiences - IA Summit 2011

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

signs

Page 59: Create Successful Cross Channel Experiences - IA Summit 2011

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

employees

Page 60: Create Successful Cross Channel Experiences - IA Summit 2011

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

things outside our control

Page 61: Create Successful Cross Channel Experiences - IA Summit 2011

design across digital and

physical

Page 62: Create Successful Cross Channel Experiences - IA Summit 2011

between channels

Page 63: Create Successful Cross Channel Experiences - IA Summit 2011

between channelsbetween

platforms

Page 64: Create Successful Cross Channel Experiences - IA Summit 2011

between channelsbetween platformsbetween digital &

physical

Page 65: Create Successful Cross Channel Experiences - IA Summit 2011

how?

Page 66: Create Successful Cross Channel Experiences - IA Summit 2011

5 principles5 methods

5 tools

Page 67: Create Successful Cross Channel Experiences - IA Summit 2011

5 principles

1. convenient2. connected3. consistent4. contextual

5. (a) cross time

Page 68: Create Successful Cross Channel Experiences - IA Summit 2011

convenient

Page 69: Create Successful Cross Channel Experiences - IA Summit 2011
Page 70: Create Successful Cross Channel Experiences - IA Summit 2011
Page 71: Create Successful Cross Channel Experiences - IA Summit 2011

Walgreen on iPad

Page 72: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 73: Create Successful Cross Channel Experiences - IA Summit 2011

Walgreen’s drive in

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

Page 74: Create Successful Cross Channel Experiences - IA Summit 2011

consistent

Page 75: Create Successful Cross Channel Experiences - IA Summit 2011
Page 76: Create Successful Cross Channel Experiences - IA Summit 2011
Page 77: Create Successful Cross Channel Experiences - IA Summit 2011
Page 78: Create Successful Cross Channel Experiences - IA Summit 2011
Page 79: Create Successful Cross Channel Experiences - IA Summit 2011
Page 80: Create Successful Cross Channel Experiences - IA Summit 2011
Page 81: Create Successful Cross Channel Experiences - IA Summit 2011
Page 82: Create Successful Cross Channel Experiences - IA Summit 2011
Page 83: Create Successful Cross Channel Experiences - IA Summit 2011

connected

Page 84: Create Successful Cross Channel Experiences - IA Summit 2011

consider the experience of

transitions

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

Page 85: Create Successful Cross Channel Experiences - IA Summit 2011

http://www.flickr.com/photos/hotel-de-la-ville-monza/4182940190

Page 86: Create Successful Cross Channel Experiences - IA Summit 2011

Netflix

Page 87: Create Successful Cross Channel Experiences - IA Summit 2011
Page 88: Create Successful Cross Channel Experiences - IA Summit 2011
Page 89: Create Successful Cross Channel Experiences - IA Summit 2011
Page 90: Create Successful Cross Channel Experiences - IA Summit 2011
Page 91: Create Successful Cross Channel Experiences - IA Summit 2011
Page 92: Create Successful Cross Channel Experiences - IA Summit 2011
Page 93: Create Successful Cross Channel Experiences - IA Summit 2011
Page 94: Create Successful Cross Channel Experiences - IA Summit 2011

no Encore…

Page 95: Create Successful Cross Channel Experiences - IA Summit 2011
Page 96: Create Successful Cross Channel Experiences - IA Summit 2011
Page 97: Create Successful Cross Channel Experiences - IA Summit 2011

contextual

Page 98: Create Successful Cross Channel Experiences - IA Summit 2011

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

15% bump in weekend

traffic

Page 99: Create Successful Cross Channel Experiences - IA Summit 2011
Page 100: Create Successful Cross Channel Experiences - IA Summit 2011
Page 101: Create Successful Cross Channel Experiences - IA Summit 2011

Trying on tent

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

research online, try in store

Page 102: Create Successful Cross Channel Experiences - IA Summit 2011

(a)cross time

Page 103: Create Successful Cross Channel Experiences - IA Summit 2011

days

Page 104: Create Successful Cross Channel Experiences - IA Summit 2011
Page 105: Create Successful Cross Channel Experiences - IA Summit 2011
Page 106: Create Successful Cross Channel Experiences - IA Summit 2011

years

Page 107: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 108: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 109: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 110: Create Successful Cross Channel Experiences - IA Summit 2011

5 methods

1. think in terms of services

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

Page 111: Create Successful Cross Channel Experiences - IA Summit 2011

Waitress

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

Page 112: Create Successful Cross Channel Experiences - IA Summit 2011
Page 113: Create Successful Cross Channel Experiences - IA Summit 2011

Fluevog on iPad

Page 114: Create Successful Cross Channel Experiences - IA Summit 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 115: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 116: Create Successful Cross Channel Experiences - IA Summit 2011

Incremental Sale

Page 117: Create Successful Cross Channel Experiences - IA Summit 2011

2. share the sandbox

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

Page 118: Create Successful Cross Channel Experiences - IA Summit 2011

UX Mag

let people in. let people

design. let people play.

Page 119: Create Successful Cross Channel Experiences - IA Summit 2011

3. start walking

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

Page 120: Create Successful Cross Channel Experiences - IA Summit 2011
Page 121: Create Successful Cross Channel Experiences - IA Summit 2011
Page 122: Create Successful Cross Channel Experiences - IA Summit 2011
Page 123: Create Successful Cross Channel Experiences - IA Summit 2011
Page 124: Create Successful Cross Channel Experiences - IA Summit 2011

4. comfort in discomfort

Page 125: Create Successful Cross Channel Experiences - IA Summit 2011

you don’t have to be an expert

Page 126: Create Successful Cross Channel Experiences - IA Summit 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.”

Page 127: Create Successful Cross Channel Experiences - IA Summit 2011

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

eek – I don’t know anything about store

design!

Page 128: Create Successful Cross Channel Experiences - IA Summit 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 129: Create Successful Cross Channel Experiences - IA Summit 2011

5. why vs. what

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

Page 130: Create Successful Cross Channel Experiences - IA Summit 2011

buying a tent

Page 131: Create Successful Cross Channel Experiences - IA Summit 2011

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

for backyard?

Page 132: Create Successful Cross Channel Experiences - IA Summit 2011

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

or backcountry

snow?

Page 133: Create Successful Cross Channel Experiences - IA Summit 2011

5 tools

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

Page 134: Create Successful Cross Channel Experiences - IA Summit 2011

1. document

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

Page 135: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 136: Create Successful Cross Channel Experiences - IA Summit 2011
Page 137: Create Successful Cross Channel Experiences - IA Summit 2011
Page 138: Create Successful Cross Channel Experiences - IA Summit 2011
Page 139: Create Successful Cross Channel Experiences - IA Summit 2011
Page 140: Create Successful Cross Channel Experiences - IA Summit 2011
Page 141: Create Successful Cross Channel Experiences - IA Summit 2011

2. experience map

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

Page 142: Create Successful Cross Channel Experiences - IA Summit 2011

getting from

point A to point B;

and everythin

g in between

Page 144: Create Successful Cross Channel Experiences - IA Summit 2011

think about the customer’s whole

journey

Page 145: Create Successful Cross Channel Experiences - IA Summit 2011

3. get behind the scenes

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

Page 146: Create Successful Cross Channel Experiences - IA Summit 2011

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

how is the digital experience supported?

Page 147: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 148: Create Successful Cross Channel Experiences - IA Summit 2011

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

Page 149: Create Successful Cross Channel Experiences - IA Summit 2011

4. tell a story

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

Page 150: Create Successful Cross Channel Experiences - IA Summit 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 151: Create Successful Cross Channel Experiences - IA Summit 2011

Monday… I want to go backpacking this weekend!

Page 152: Create Successful Cross Channel Experiences - IA Summit 2011

Time to plan…

Page 153: Create Successful Cross Channel Experiences - IA Summit 2011

I want to go somewhere beautiful…

View

View

View

View

Page 154: Create Successful Cross Channel Experiences - IA Summit 2011

5. cross train

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

Page 155: Create Successful Cross Channel Experiences - IA Summit 2011

Success

Page 156: Create Successful Cross Channel Experiences - IA Summit 2011

Create Successful

Cross Channel

Experiences

Page 157: Create Successful Cross Channel Experiences - IA Summit 2011

don’t design for the channel, design for

the holistic experience

Page 158: Create Successful Cross Channel Experiences - IA Summit 2011

don’t design for the screen, design for

the holistic experience

Page 159: Create Successful Cross Channel Experiences - IA Summit 2011

don’t design for the technology, design for

the holistic experience

Page 160: Create Successful Cross Channel Experiences - IA Summit 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 161: Create Successful Cross Channel Experiences - IA Summit 2011

Workshop

The Future of Web Design Isn’t Just the Web: Design

for Cross-Channel ExperiencesWednesday, May 25th

Portland, OR

Page 162: Create Successful Cross Channel Experiences - IA Summit 2011

Questions??

http://www.flickr.com/photos/druclimb/3277540656/

Page 163: Create Successful Cross Channel Experiences - IA Summit 2011

join the opportunity!!

@[email protected]