Page 1
Don’t Become a Digital Dinosaur
Design for the Space Between
Web 2.0 2011@samanthastarmer
Page 2
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
http://www.flickr.com/photos/dirpics/464458290/
first time at brick & mortar
Page 5
Waitress picture
10 years in restaurant
business
Page 6
a story…
http://www.flickr.com/photos/sugarpond/3016905349
Page 7
Australian conference
Page 8
Sydney picture
imagined myself in
Sydney
Page 9
but I’m a procrastinato
r
Page 11
huh. an electronic Visa. well, that’s
pretty cool.
Page 12
except I can’t check
in online
Page 13
even though I bought my tickets and Visa
online
Page 14
http://www.flickr.com/photos/mkooiman/787191703
damn, have to talk to a person
Page 15
http://www.flickr.com/photos/jopoe/4569447498
waited in long check-in line
Page 16
http://www.flickr.com/photos/bryansblog/411455656
Page 17
Flight agent picture
http://www.flickr.com/photos/dykstranet/211106615
Page 18
“this won’t work”
Page 19
but, it has official stuff and numbers
and …
Censored!
Page 20
“i’m a human, not a
machine”
Page 21
Flight agent picture
http://www.flickr.com/photos/dykstranet/211106615
Page 22
“what’s your itinerary?”
Page 23
thank god I’m old school
Page 24
what about my visa?
Page 25
Sleeping at Airport
http://www.flickr.com/photos/feline_dacat/3197429380
Page 27
Flight agent picture
http://www.flickr.com/photos/dykstranet/211106615
Page 28
http://www.flickr.com/photos/slworking/4169134307
Page 29
“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
lesson?
http://www.flickr.com/photos/pjern/2150873799
Page 31
Holistic experience
Page 32
http://www.flickr.com/photos/raftwetjewell/3121396468
Page 33
our lives cross physical
and digital
Page 34
our lives cross
channels
Page 35
we must design for the holistic
experience
Page 36
don’t design for just website
Page 38
…or physical environment
http://www.flickr.com/photos/24218656@N03/4589621372/
Page 39
digital and physical are
colliding
Page 40
70% of US online consumers
research products online
and purchase them offline
Forrester, Profiling The Multichannel Consumer, July 2009
Page 41
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
technology is
everywhere
Page 45
‘integrated experience
s are few and
far between’
Alexandra Deschamps-Sonsino http://www.slideshare.net/designswarm/creating-the-internet-of-things
Page 46
customers don’t think
about channels
Page 47
http://www.crwgraphics.com/blog/wp-content/uploads/2010/08/multichannel-marketing.bmp
Page 48
customers don’t think
about design
disciplines
Page 49
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 50
customers do think
about your company
Page 51
across time,
touchpoints and
experiences
Page 52
however we want to shop
Page 53
http://www.flickr.com/photos/cdevers/3388665920
whenever we see your brand
Page 54
http://www.flickr.com/photos/cafemama/542656019
outside
Page 55
http://www.flickr.com/photos/penmachine/2971108982
inside
Page 56
http://www.flickr.com/photos/streamishmc/2391505902
packaging
Page 57
http://www.flickr.com/photos/andrewbain/2510253694
signs
Page 58
http://www.flickr.com/photos/7577938@N02/4897443265
employees
Page 59
http://www.flickr.com/photos/jaxphotography/267129315
things outside our control
Page 60
design cross channel
experiences
Page 61
design for multiple
interaction touchpoints
Page 62
design for the space between
interactions, interfaces, and
channels
Page 63
design for the holistic
experience
Page 66
“fill in the activity gaps
to create great
continuous experiences”
Page 67
http://www.uie.com/articles/gap_between_activities/
Page 68
http://www.uie.com/articles/gap_between_activities/http://www.uie.com/articles/gap_between_activities/
Page 70
between channelsbetween
platforms
Page 71
between channelsbetween platforms
across digital & physical
Page 72
http://www.flickr.com/photos/__olga__/4749585423/
tie the experience
together
Page 74
5 principles5 methods
5 tools
Page 75
5 principles
1. convenient2. connected3. consistent4. contextual
5. (a) cross time
Page 78
http://www.flickr.com/photos/zachklein/3964249http://www.flickr.com/photos/jsrcyclist/3181389420
Page 79
Walgreen’s drive in
http://www.flickr.com/photos/ambernectar/4042608385
Page 85
Nordstrom Brass Plum
Page 90
consider the experience of
transitions
http://www.flickr.com/photos/mcdemoura/2209204939
Page 96
http://www.flickr.com/photos/dalydaly/10813808
15% bump in weekend
traffic
Page 99
Trying on tent
http://www.flickr.com/photos/hollabackpack/184849492
research online, try in store
Page 100
think about on ramps and off ramps
Page 102
http://www.flickr.com/photos/mcmortygreen/3176998867
Page 103
http://www.flickr.com/photos/yourdon/2594767344
Page 104
http://www.flickr.com/photos/sa_ku_ra/13009153
Page 105
5 methods
1. think in terms of services
2. share the sandbox3. start walking 4. comfort in discomfort5. why vs. what
Page 106
Waitress
1. Think in terms of services1. think in terms of services
Page 109
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 110
http://www.flickr.com/photos/trufflepig/4370405501
Page 111
Incremental Sale
Page 112
2. share the sandbox
http://www.flickr.com/photos/erikwdavis/2687670846
Page 113
UX Mag
let people in. let people
design. let people play.
Page 114
3. start walking
http://www.flickr.com/photos/jonathanbeard/3038114579/
Page 119
4. comfort in discomfort
Page 120
you don’t have to be an expert
Page 121
http://www.twobackpackers.com/wp-content/uploads/2009/07/REI-Backpacks.jpg
eek – I don’t know anything about store
design!
Page 122
“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 123
5. why vs. what
http://www.flickr.com/photos/segozyme/3105128025/
Page 125
http://www.flickr.com/photos/jcast911/4037694806
for backyard?
Page 126
http://www.flickr.com/photos/reway2007/427303733
or backcountry
snow?
Page 127
5 tools
1. document2. experience map3. get behind the scenes4. tell a story5. cross train
Page 128
1. document
http://www.flickr.com/photos/thelustlizardofmelancholycove/5053889505/
Page 129
http://www.flickr.com/photos/frerieke/3882000183
Page 131
2. experience map
http://www.flickr.com/photos/dimitratzanos/4615310997
Page 133
think about the customer’s whole
journey
Page 134
3. get behind the scenes
http://www.flickr.com/photos/honorapearls/4155009907/
Page 135
http://www.flickr.com/photos/vitorcastillo/2994723741
Page 136
http://www.flickr.com/photos/mattwright/1787856/
Page 137
http://www.flickr.com/photos/oldonliner/3484504583/
Page 138
4. tell a story
http://www.flickr.com/photos/sugarpond/3016905349
Page 139
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 140
Monday… I want to go backpacking this weekend!
Page 142
I want to go somewhere beautiful…
View
View
View
View
Page 143
5. cross train
http://www.flickr.com/photos/zackojones/4191554608/
Page 145
Don’t be a digital
dinosaur
Page 146
don’t design for the screen, design for
the holistic experience
Page 147
don’t design for the technology, design for
the holistic experience
Page 148
don’t design for the channel, design for
the holistic experience
Page 149
design for the space between…
http://www.flickr.com/photos/mrxception/4999592715
Page 150
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 151
http://www.flickr.com/photos/39747297@N05/5229733647
Beyond Digital:
Designing for the Cross-
Channel FutureWith Jess McMullin
Thursday, March 31st
Denver, CO
Workshops
The Future of Web Design
Isn’t Just the Web: Design
for Cross-Channel
ExperiencesWednesday, May 25th
Portland, OR
Page 152
Questions??
http://www.flickr.com/photos/druclimb/3277540656/
Page 153
Thank [email protected] @samanthastarmerhttp://uxmag.com/strategy/dont-become-a-digital-dinosaur