Phoenix Design Week: User Journeys for Damn Good Digital Design
-
Upload
rebekah-cancino -
Category
Technology
-
view
21.433 -
download
0
Transcript of Phoenix Design Week: User Journeys for Damn Good Digital Design
![Page 1: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/1.jpg)
User journeys
digital design
for
#PHXDW 2013 @rebekahcancino
DAMN GOOD
![Page 2: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/2.jpg)
That’s me, in the back there!
@rebekahcancino
![Page 3: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/3.jpg)
TACOS
Community
Sunshine Digital Cowboys
![Page 4: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/4.jpg)
We live in a cross-platform culture. People don’t think, “Is this task appropriate for this device?” We often use multiple devices, from start to finish, during a single task.
@rebekahcancino #PHXDW
![Page 5: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/5.jpg)
CONTEXT.
![Page 6: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/6.jpg)
The mobile context!
![Page 7: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/7.jpg)
You keep using that word.
I don’t think it means what you think it means.
![Page 8: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/8.jpg)
Don’t fall for it. “I love fiction. UFOs, unicorns, faith healing, the Mobile Web, the Mobile Context, psychics.”
- Stephen Hay
![Page 9: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/9.jpg)
Surprise!
![Page 10: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/10.jpg)
Your context is not my context
![Page 11: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/11.jpg)
A mobile device may be someone’s only access to your site. People with lower incomes deserve equal access to the internet.
@rebekahcancino #PHXDW
![Page 12: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/12.jpg)
“He found his last sports car on his phone. When he arrived at the dealership, he was ready to buy.”
![Page 13: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/13.jpg)
Why user journeys? User journeys are really people journeys.
![Page 14: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/14.jpg)
A Jared Spool story.
"Search is only for the site’s content. The refund policy is not content."
- A Client
![Page 15: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/15.jpg)
Everything is content.
“Content is what the user needs or wants right now.”
- Jared Spool
![Page 16: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/16.jpg)
We have to think beyond breakpoints
![Page 17: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/17.jpg)
We have to plan from the smallest canvas-out
![Page 18: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/18.jpg)
Start at the beginning
![Page 19: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/19.jpg)
CONTEXT is not tied to devices
![Page 20: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/20.jpg)
CONTEXT is tied To people
![Page 21: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/21.jpg)
Every digital experience we design is for people. To design delightful experiences, we must let our users decide what works for them and their context.
#PHXDW @rebekahcancino
![Page 22: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/22.jpg)
Journeys are also stories. “Everything is a story. Everything is about pacing.”
- Danny Yount
#PHXDW @rebekahcancino
![Page 23: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/23.jpg)
But they have to be true stories. “The shortest distance between a human and the truth is a story.”
- Anthony DeMello
#PHXDW @rebekahcancino
![Page 24: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/24.jpg)
Because, Science.
![Page 25: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/25.jpg)
Define your purpose and goals Know your audience Consider their behavioral context Map the their journey and attach to persona Iterate, test, refine, repeat!
user journeys 1 1 2 1
3 1v 4 1 5
![Page 26: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/26.jpg)
Why are you in business?
![Page 27: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/27.jpg)
Every journey has a destination
![Page 28: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/28.jpg)
Defining your purpose, values, style, and vision is the foundation for everything else. You can’t understand your users’ journeys without knowing why you exist and what you stand for.
#PHXDW @rebekahcancino
![Page 29: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/29.jpg)
Where a person is going says a lot about their journey. The person on the journey does not decide what the destination is like, they choose it because of what it already is.
#PHXDW @rebekahcancino
![Page 30: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/30.jpg)
PURPOSE
Why you’re in business. It summarizes the difference you’re trying to make in the world and what drives you every day.
VALUES
The attitudes and beliefs at the core of your company. What’s truly important to your business, and should be reflected in all of your decisions and actions.
STYLE Traits representing your core characteristics and style of doing business. Used as a source of inspiration and guidance for branding, site design, messaging, and more.
VISION
What the future will look like once your goals are achieved. It’s important for this to be clear so everyone is working towards a common goal.
![Page 31: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/31.jpg)
![Page 32: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/32.jpg)
“We’re 80sTees.” “And our mission is to delight and amaze the kid in us all.”
![Page 33: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/33.jpg)
Define your purpose and goals Know your audience Consider their behavioral context Map their journey and attach to persona Iterate, test, refine, repeat!
user journeys 1 1 2 1
3 1v 4 1 5
![Page 34: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/34.jpg)
Take a look inside
![Page 35: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/35.jpg)
Personas should be grounded in research and elevated by empathy. They’re filters to help you to see through your users’ eyes. They speak to decision modes, preferences, concerns, motivations, and information needs.
#PHXDW @rebekahcancino
![Page 36: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/36.jpg)
You are not your target audience. Beware of biases. Don’t assume you know what your users want and why they choose to do business with you. Ask them.
#PHXDW @rebekahcancino
![Page 37: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/37.jpg)
Capture the richness of the human experience. Have conversations, follow a directed storytelling method, be curious, document everything.
#PHXDW @rebekahcancino
![Page 38: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/38.jpg)
logical
emotional
slow fast
competitive
spontaneous humanistic
methodical
![Page 39: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/39.jpg)
Do your homework. Qualitative research is only as good as the questions you ask and the skill level of the interviewer. Use quantitative research to gather clues and validate hunches, but be wary of making broad assumptions.
#PHXDW @rebekahcancino
![Page 40: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/40.jpg)
![Page 41: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/41.jpg)
Define your purpose and goals Know your audience Consider their behavioral context Map their journey and attach to persona Iterate, test, refine, repeat!
user journeys 1 1 2 1
3 1v 4 1 5
![Page 42: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/42.jpg)
Thinking. feeling. doing.
![Page 43: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/43.jpg)
Don’t be a heartless bastard. “The number one practical competency for success in life and work is empathy.”
- Peter Drucker
#PHXDW @rebekahcancino
![Page 44: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/44.jpg)
Cognitive learning
Emotional feeling
Physical doing
Personal-behavioral context
By Daniel Eizans
Psychological state, stress, desires, needs
Environmental factors, physical activity, habits, disabilities, sensory stimuli
Learning ability, education, cognitive assumptions
![Page 45: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/45.jpg)
Remember this guy?
![Page 46: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/46.jpg)
He’s got a behavioral context too.
![Page 47: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/47.jpg)
Define your purpose and goals Know your audience Consider their behavioral context Map their journey and attach to persona Iterate, test, refine, repeat!
user journeys 1 1 2 1
3 1v 4 1 5
![Page 48: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/48.jpg)
User flows, ftw.
![Page 49: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/49.jpg)
A deep dive into data can be delightful. Look for clues in your site metrics: ü Entry pages ü Exit pages ü Devices ü User flow ü Traffic sources
#PHXDW @rebekahcancino
![Page 50: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/50.jpg)
Think it through together
![Page 51: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/51.jpg)
Good for grain, bad for user experiences
![Page 52: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/52.jpg)
Invite everyone to the party. The more skill sets and perspectives represented, the better. ü Marketing ü Sales ü Customer Service ü Development ü Executives, etc.
@rebekahcancino #CSAUSA
![Page 53: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/53.jpg)
A puppy story
![Page 54: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/54.jpg)
Susan: the browsing buyer Susan isn’t on a mission to buy a new puppy, she’s just browsing the internet and having fun looking at cuddly little animals. She switches modes when she finds a pup on your doggy matchmaking site she just can’t live without.
![Page 55: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/55.jpg)
As a new user, Susan comes to the site through: • Image Search • Facebook/Pinterest • Individual dog listings • YouTube
As a return user, Susan comes to the site through: • Direct visit • Facebook/Pinterest • Breed hub page • Breed available notification email
Susan: the browsing buyer
![Page 56: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/56.jpg)
Susan: the browsing buyer .
![Page 57: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/57.jpg)
Adaptive Path knows what’s up.
![Page 58: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/58.jpg)
Susan: the browsing buyer In charting out Susan’s journey we discover: • Potential points of friction • Gaps in information • Opportunities for microconversions • What metrics we’ll use to continuously
improve her experience • Content prioritization • And more!
![Page 59: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/59.jpg)
knowing
![Page 60: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/60.jpg)
These insights inform our considerations for small screens. • COPE (Create once, publish
everywhere) • Interdigitation (Flexbox) • Localized content • CMS issues • Metadata and markup • And more!
![Page 61: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/61.jpg)
Define your purpose and goals Know your audience Consider their behavioral context Map their journey and attach to persona Iterate, test, refine, repeat!
user journeys 1 1 2 1
3 1v 4 1 5
![Page 62: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/62.jpg)
Look for patterns
![Page 63: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/63.jpg)
Better: Metrics are about learning
Good: Metrics are about measurement
![Page 64: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/64.jpg)
Remember. There’s no such thing as a “golden rule” when it comes to measurement.
@rebekahcancino #CSAUSA
![Page 65: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/65.jpg)
You formulate a hypothesis: Maybe our navigation is unclear?
You see a high amount of page views per visit with a relatively low avg. time on site, and you wonder: Are they having a hard time finding what they need?
Which leads to an experiment: Let’s clarify the navigation nomenclature and see if there’s an improvement
Ask questions
![Page 66: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/66.jpg)
This story never ends
![Page 67: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/67.jpg)
Remember. The digital work we do is never final. This is an iterative process. Plan for constant improvement, adjustment, and learning.
#PHXDW @rebekahcancino
![Page 68: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/68.jpg)
Don’t let your insight become an artifact. Find ways to keep the understanding you gained from charting user journeys alive as you iterate. Create accountability, buy-in, and a shared sense of ownership.
#PHXDW @rebekahcancino
![Page 69: Phoenix Design Week: User Journeys for Damn Good Digital Design](https://reader030.fdocuments.us/reader030/viewer/2022032514/55d4fbb8bb61eb9a528b45cf/html5/thumbnails/69.jpg)
Questions?
Let’s talk, preferably with cocktails.
#PHXDW @rebekahcancino