getting personal: they why & how of designing for people

92
Geing Personal: The Why and How of Designing for People. Meagan Fisher @owltastic on Twitter

Upload: meagan-fisher

Post on 12-Aug-2015

116 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Getting personal: They Why & How of Designing for People

Getting Personal: The Why and How of Designing for People.

Meagan Fisher @owltastic on Twitter

Page 2: Getting personal: They Why & How of Designing for People
Page 3: Getting personal: They Why & How of Designing for People

“I find your lack of design disturbing.”

Page 4: Getting personal: They Why & How of Designing for People

How can design take a fantastic idea to the

next level?

Page 5: Getting personal: They Why & How of Designing for People

Job Responsibilitiesuser research, information architecture, brand design, user experience design, visual design, interaction design, responsive design, front-end development, content, marketing, and product strategy, and more.

Page 6: Getting personal: They Why & How of Designing for People

It’s a lot of stuff.

Page 7: Getting personal: They Why & How of Designing for People

It’s a lot of stuff.

Page 8: Getting personal: They Why & How of Designing for People

Empathy.

Page 9: Getting personal: They Why & How of Designing for People

“Fellow designers, let’s try to get through a day without saying ‘empathy’.”

@Zeldman

Page 10: Getting personal: They Why & How of Designing for People

empathytenderhearted

compassionate

altruistic

sympathetic

kindforgiving

loving

Page 11: Getting personal: They Why & How of Designing for People

NO.

Page 12: Getting personal: They Why & How of Designing for People

What does empathy mean in the context of user experience design?

Page 13: Getting personal: They Why & How of Designing for People

Develop an understanding of the feelings and needs of users.

This understanding comes from exposure to users.

With this understanding, we design effective solutions.

Page 14: Getting personal: They Why & How of Designing for People

Develop an understanding of the feelings and needs of users.

This understanding comes from exposure to users.

With this understanding, we design effective solutions.

Page 15: Getting personal: They Why & How of Designing for People

Develop an understanding of the feelings and needs of users.

This understanding comes from exposure to users.

With this understanding, we design effective solutions.

Page 16: Getting personal: They Why & How of Designing for People

Develop an understanding of the feelings and needs of users.

This understanding comes from exposure to users.

With this understanding, we design effective solutions.

Page 17: Getting personal: They Why & How of Designing for People

What determines the success or

failure of a design?

Page 18: Getting personal: They Why & How of Designing for People

sans or serif?

animated?

mobile first?

bright or dark?

photography?

collapsible nav?

short or long?

subtle or bold?

responsiveness? accessibility?

Page 19: Getting personal: They Why & How of Designing for People

How do we begin?

Page 20: Getting personal: They Why & How of Designing for People

“Here is one of the few effective keys to the design problem — the ability of the designer to recognize as many of the constraints as possible — his willingness and enthusiasm for working within these constraints.”

Charles Eames

Page 21: Getting personal: They Why & How of Designing for People

Looking for Constraints

1. What are the business goals?

2. What will look best?

Page 22: Getting personal: They Why & How of Designing for People

Looking for Constraints

1. What are the business goals?

2. What will look best?

Page 23: Getting personal: They Why & How of Designing for People

Looking for Constraints

1. What are the business goals?

2. What will look best?

Page 24: Getting personal: They Why & How of Designing for People

Coca-Cola

Page 25: Getting personal: They Why & How of Designing for People

sugar, salt, & caffeine

Page 26: Getting personal: They Why & How of Designing for People
Page 27: Getting personal: They Why & How of Designing for People
Page 28: Getting personal: They Why & How of Designing for People
Page 29: Getting personal: They Why & How of Designing for People

what the hell.

Page 30: Getting personal: They Why & How of Designing for People
Page 31: Getting personal: They Why & How of Designing for People
Page 32: Getting personal: They Why & How of Designing for People

“We did not understand the deep emotions of so many of our customers for Coca-Cola.”

Coca-Cola President Donald R. Keough

Page 33: Getting personal: They Why & How of Designing for People

“They didn't ask the critical question of Coke users: Do you want a new Coke?”

Sam Craig, professor of marketing and international business at the Stern School of Business at NYU

Page 34: Getting personal: They Why & How of Designing for People

Looking for Constraints

1. What are the business goals?

2. What will look best?

Page 35: Getting personal: They Why & How of Designing for People

Clear liquids were the flat design of the

90’s.

Page 36: Getting personal: They Why & How of Designing for People
Page 37: Getting personal: They Why & How of Designing for People
Page 38: Getting personal: They Why & How of Designing for People
Page 39: Getting personal: They Why & How of Designing for People

Let’s use every font this baby has.

Page 40: Getting personal: They Why & How of Designing for People

“A lot of times as a leader you think, "They don't get it; they don't see my vision." People were saying we should stop and address some issues along the way, and they were right. It would have been nice if I'd made sure the product tasted good.”

David C. Novak of Yum! Brands, credited with introducing Crystal Pepsi

Page 41: Getting personal: They Why & How of Designing for People

Looking for Constraints

1. What are the business goals?

2. What will look best?

3. What do people actually want?

Page 42: Getting personal: They Why & How of Designing for People

Isn’t this old news?

Page 43: Getting personal: They Why & How of Designing for People

Isn’t this old news?

Page 44: Getting personal: They Why & How of Designing for People

“We didn’t spend enough time talking with customers and were rolling out features that I thought were great, but we didn’t gather enough input from clients.… You have to pay attention to your customers and adapt to their needs.

VoterTide Postmortem

Page 45: Getting personal: They Why & How of Designing for People

“…people didn’t really LIKE anything about our product. No one that used the service thought it was that cool.

Zillionears , “My Startup Failed. F@<#.”

Page 46: Getting personal: They Why & How of Designing for People

“...we rarely had meaningful conversations with our target end-users. And while we had some wonderful advisors … we should have met with everyone we could get our hands on.”

Part Two of the HelloParking Postmortem

Page 47: Getting personal: They Why & How of Designing for People

Real human needs are the most valuable

constraint we have.

Page 48: Getting personal: They Why & How of Designing for People

Innovation.

Page 49: Getting personal: They Why & How of Designing for People

“Innovation happens when you add value for the user. Teams with more exposure to how real people use their designs can more easily see opportunities for innovation.”

Jared Spool, Exposure Hours Drive UX Innovation

Page 50: Getting personal: They Why & How of Designing for People

Why do designers resist finding and using this important data?

Page 51: Getting personal: They Why & How of Designing for People

“It’s someone else’s job.”

“I don’t know where to begin.”

“It may raise inconvenient questions.”

“It’s expensive and time consuming.”

“I already know my users.”

Page 52: Getting personal: They Why & How of Designing for People

Getting to know the user doesn’t have to be hard.

Page 53: Getting personal: They Why & How of Designing for People

“Make friends with reality. Cultivate a desire to be proven wrong as quickly as possible and for the lowest cost.”

Erika Hall, Just Enough Research

Page 54: Getting personal: They Why & How of Designing for People

How do we make friends with reality?

Page 55: Getting personal: They Why & How of Designing for People

“Successful design teams have each team member spend a minimum of two hours every six weeks watching real users interacting with either their design or a competitor’s design.”

Jared Spool, Exposure Hours Drive UX Innovation

Page 56: Getting personal: They Why & How of Designing for People

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 57: Getting personal: They Why & How of Designing for People

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 58: Getting personal: They Why & How of Designing for People

Get as close to a real person as you can.

Page 59: Getting personal: They Why & How of Designing for People

In-person interviews achieve all of these goals.

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 60: Getting personal: They Why & How of Designing for People

Watch them use the product.

Page 61: Getting personal: They Why & How of Designing for People

In-person testing Software: Silverback

✓ Record video and audio

✓ Record screen inputs

✓ Take notes

✓ View later and share with team

Page 62: Getting personal: They Why & How of Designing for People

Absent real users, interview people

closest to your target audience

Page 63: Getting personal: They Why & How of Designing for People

Don’t forget the competition.

Page 64: Getting personal: They Why & How of Designing for People

Remote testing Example: UserTesting.com

✓ Recruit users or be paired with their testers

✓ Create tasks for testers, or use suggested tasks

✓ Screen and audio recordings

Page 65: Getting personal: They Why & How of Designing for People

demo via usertesting.com

Page 66: Getting personal: They Why & How of Designing for People

Remote testing achieves most of these goals.

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 67: Getting personal: They Why & How of Designing for People

Observation tools Example: FullStory.com, Inspectlet.com

✓ Screen recordings of current users in the product

✓ Great for making small changes to relieve immediate frustrations

Page 68: Getting personal: They Why & How of Designing for People

recording from fullstory.com

Page 69: Getting personal: They Why & How of Designing for People

Observational tools achieve some of these goals.

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 70: Getting personal: They Why & How of Designing for People

Analytics tools tell you what is happening, but not why.

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 71: Getting personal: They Why & How of Designing for People

Beyond tools and testing, listen to what users are already telling you.

Page 72: Getting personal: They Why & How of Designing for People

Be easy to reach.

Page 73: Getting personal: They Why & How of Designing for People

Be easy to reach.

Page 74: Getting personal: They Why & How of Designing for People

Hi Mary,

Thanks for signing up! My name is Courtney and I'm responsible for making sure your trial is an absolute success.

What are you trying to achieve with video? How are you defining success for your video project? With this information, I can point you in the direction of the features that will be most useful to you, recommend super helpful documentation, and brainstorm with you about the best ways to leverage our platform.

Shoot me a quick email, and I'll get right back to you.

Have a great day! Courtney

Page 75: Getting personal: They Why & How of Designing for People

Hi Joseph,

I am reaching out to you because I would like to better understand your recent decision to cancel your video hosting account with us.

What ultimately led you to close your account? Did you run into any problems with the SproutVideo platform? Were there features that you were looking for that you could not find or that we didn't offer? I noticed you mentioned price was an issue - did you find another provider that offered better value?

Any feedback you could give us would be greatly appreciated.

Thanks in advance,

Page 76: Getting personal: They Why & How of Designing for People

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 77: Getting personal: They Why & How of Designing for People

Tweet: “I can’t figure out how to use SproutVideo to password protect my videos.” TAGGED: SECURITY, PRIVACY PROTECTION, PRODUCT FRUSTRATION

Email: “It’d be awesome if I could charge for my videos through my SproutVideo website.” TAGGED: PAYMENT SYSTEM, VIDEO WEBSITE, FEATURE REQUEST

Page 78: Getting personal: They Why & How of Designing for People

Make user exposure an ongoing part of your process

• Read a random sample of support tickets for 15 minutes every morning

• Get notifications for tweets people are sending to your organization.

• Ask a sales representative to listen in on a call once a week.

Page 79: Getting personal: They Why & How of Designing for People

What do I get for all this empathy?

Page 80: Getting personal: They Why & How of Designing for People

✦ Useful constraints

✦ Meaningful content

✦ Better critiques

✦ Iterative changes

Page 81: Getting personal: They Why & How of Designing for People

✦ Useful constraints

✦ Meaningful content

✦ Better critiques

✦ Iterative changes

Page 82: Getting personal: They Why & How of Designing for People

✦ Useful constraints

✦ Meaningful content

✦ Better critiques

✦ Iterative changes

Page 83: Getting personal: They Why & How of Designing for People

✦ Useful constraints

✦ Meaningful content

✦ Better critiques

✦ Iterative changes

Page 84: Getting personal: They Why & How of Designing for People

User empathy gives our work purpose.

Page 85: Getting personal: They Why & How of Designing for People

Be less terrible to work with.

Page 86: Getting personal: They Why & How of Designing for People

Imagine if you interacted with coworkers this way.

Ask questions to understand context.

Listen for unmet needs and goals.

Observe frustrations and successes.

Dispel your mistaken assumptions.

Page 87: Getting personal: They Why & How of Designing for People

Recommended Reading

• Practical Empathy by Indi Young

• Just Enough Research by Erika Hall

• Design is a Job by Mike Monteiro

• You’re My Favorite Client by Mike Monteiro

• UIE.com

Page 88: Getting personal: They Why & How of Designing for People

Recommended Reading

• Practical Empathy by Indi Young

• Just Enough Research by Erika Hall

• Design is a Job by Mike Monteiro

• You’re My Favorite Client by Mike Monteiro

• UIE.com

Page 89: Getting personal: They Why & How of Designing for People

Recommended Reading

• Practical Empathy by Indi Young

• Just Enough Research by Erika Hall

• Design is a Job by Mike Monteiro

• You’re My Favorite Client by Mike Monteiro

• UIE.com

Page 90: Getting personal: They Why & How of Designing for People

Recommended Reading

• Practical Empathy by Indi Young

• Just Enough Research by Erika Hall

• Design is a Job by Mike Monteiro

• You’re My Favorite Client by Mike Monteiro

• UIE.com

Page 91: Getting personal: They Why & How of Designing for People

Recommended Reading

• Practical Empathy by Indi Young

• Just Enough Research by Erika Hall

• Design is a Job by Mike Monteiro

• You’re My Favorite Client by Mike Monteiro

• UIE.com

Page 92: Getting personal: They Why & How of Designing for People

Thanks! Meagan Fisher

@owltastic on twitter [email protected]