63
Applying Behavior Design Chris Risdon @chrisrisdon WebVisions Portland or Behavior: you’re soaking in it. #wvpdx #behavior I've been a workaday practitioner for close to 15 years. While I've done a lot of design research, I don't have a background in academic research. A lot of people, much, much smarter than me, have created the foundation for this topic. What I’ve been motivated to do the past 3–4 years is to understand how all that we’re learning about designing for behavior change and persuasive technology translates practically to my work designing products and services today.

Web Visions PDX '12: Applying Behavior Design

Embed Size (px)

DESCRIPTION

Presentation given at WebVisions Portland. (for those that saw my SxSW presentation, presentation has been refined and updated) More and more products and services are designed around motivating users and incentivizing change. Products and services in finance, health and the environment, among other areas, are increasingly designed around influencing behavior. Some are doing this better than others. There are useful academic models and patterns for applying persuasion techniques. However, these techniques tend to stand alone, separate from our proven methods and processes for designing for good user experiences.

Citation preview

Page 1: Web Visions PDX '12: Applying Behavior Design

Applying Behavior Design

Chris Risdon @chrisrisdonWebVisions Portland

or Behavior: you’re soaking in it.

#wvpdx #behavior

I've been a workaday practitioner for close to 15 years. While I've done a lot of design research, I don't have a background in academic research. A lot of people, much, much smarter than me, have created the foundation for this topic. What I’ve been motivated to do the past 3–4 years is to understand how all that we’re learning about designing for behavior change and persuasive technology translates practically to my work designing products and services today.

Page 2: Web Visions PDX '12: Applying Behavior Design

What are we talking about?Why now?Where does it live?How do we apply it?

Applying Behavior Design

I’m taking a reporter’s angle with this topic - What, Why, Where and How.

Page 3: Web Visions PDX '12: Applying Behavior Design

What is Behavior Design?What is persuasive technology?

Page 4: Web Visions PDX '12: Applying Behavior Design

Every design decision influences the user.(however benevolent the intent)

A long standing belief that I’ve held as a designer since I started in the 90s.

Page 5: Web Visions PDX '12: Applying Behavior Design

“Life as it is.”—Dziga Vertov

“A factual film which is dramatic”

—Dziga Vertov

Documentary filmmaking is an analogy I’ve often used. Long considered the “objective” form of cinema, in contrast to fictional, scripted and reenacted films. However, the moment you “frame” a story with constraints (for example tell a story in 2 hours that played out over 2 years), you make decisions; where the filmmaker points the camera, how they edit the story, all these decision affect how the view receives—perceives and understands—the story. Interaction design is no different.

Page 6: Web Visions PDX '12: Applying Behavior Design

DTDT

Page 7: Web Visions PDX '12: Applying Behavior Design

Behavior Design (short for designing for behavior change)

Design with the intent to change someone’s behavior or attitude.

Persuasive TechnologyTechnology designed to persuade the user to use a system or platform in a desired way. (may/may not have intent to change someone’s behavior or attitude)

Unofficial!

These are unofficial definitions that may differ from academic thinking. This represents my synthesis and understand and how I’ve chosen to make sense of them in the context of my work.

Page 9: Web Visions PDX '12: Applying Behavior Design
Page 10: Web Visions PDX '12: Applying Behavior Design

2004: During a layover you’re sitting at the airport bar having a beer. On the news you see reporting about the 2004 Indian Ocean tsunami. Your heart goes out. It’s not personal - you don’t know anyone, and it’s halfway around the world. But the story understandably creates sympathy. In the news story there’s a call to action to donate money to the redcross.org.

To do this, you may need to take your flight, get home, remember that you wanted to donate, then go through traditional ecommerce funnel, providing billing address and credit card details. Then you also have to think, “how much do I want to donate?”

You have to be fairly motivated to follow-through and donate.

Page 11: Web Visions PDX '12: Applying Behavior Design

90999

2010: During a layover you’re sitting at the airport bar having a beer. On the news you see reporting about the 2010 Haiti earthquake. Your heart goes out. It’s not personal - you don’t know anyone, and it’s in another part of the world. But the story understandably creates sympathy. In the news story there’s a call to action to donate money to the Red Cross by texting “Haiti” to 90999. $10 will be added to your phone bill.

You pull out your phone there at the bar (it can even be a feature phone), type 90999, and “Haiti”, hit send, and you’re done. No billing, and it’s just $10. And you feel good about helping out.

Page 12: Web Visions PDX '12: Applying Behavior Design
Page 13: Web Visions PDX '12: Applying Behavior Design

Opportune Moments

We can see these “triggers” at other opportune moments. How about when you go to the pet store and buy pet supplies? The POS credit card swiper asks if you want to add $1 to your charge to help animal shelters. You’re already spending $50, what’s $51? And you’ll feel good about donating, since you do love animals.

Would they be just as successful if they gave you a flyer that made the case to donate and asked you to get online and donate an unspecified amount?

Page 14: Web Visions PDX '12: Applying Behavior Design

RobertCialdini

Robert Cialdini wrote Influence: The Psychology of Persuasion in the 90s, and not in the context of technology...

Page 15: Web Visions PDX '12: Applying Behavior Design

ReciprocityCommitment & ConsistencySocial ProofAuthorityLikingScarcity

...yet his “6 weapons of influence” are more pervasive than ever in our digital products and services.

Page 17: Web Visions PDX '12: Applying Behavior Design

Active Design is the idea that we can design...buildings to encourage people to get more exercise...

By attacking obesity through urban design and architecture, governments are beginning to realize that designers might be their best warriors in the battle against obesity and its costs.

“”—Fast Company

Active Design

Active Design are guidelines by the city in conjunction with architects and urban planning academics.

Page 18: Web Visions PDX '12: Applying Behavior Design

This strategy recognizes that the public’s underlying motivations are not about health, but rather, about what is convenient and enjoyable.“ ”

Active Design

—Fast CompanyThese examples reinforce the fact that we, as designers, are not simply designing for cognition – or to support behavior.

Page 19: Web Visions PDX '12: Applying Behavior Design

Dan LocktonDesign with IntentStephen AndersonMental Note CardsFabriqueInsights

Patterns, Principles& Heuristics

Lots of patterns and heuristics that can be used for idiation. This has just been the tip of the iceberg, we could spend the whole talk as a survey of behavior design thinking. But this is just meant to make things more concrete so we have a common frame of reference.

Page 20: Web Visions PDX '12: Applying Behavior Design

So why now?

Page 21: Web Visions PDX '12: Applying Behavior Design

Data

The utility and pervasiveness of data has grown. When considering products and services that are utilized to change personal behavior, data is the raw material that everything is based on.

Page 22: Web Visions PDX '12: Applying Behavior Design

Data CollectionGPSAccelerometersRFIDImage CaptureProfilesStatus UpdatesSharing Credentials

Sensors

Attitudes& Behaviors

Page 23: Web Visions PDX '12: Applying Behavior Design

Feedback Loops

The feedback loop, the response or feedback someone gets when they interact with a system—a core interaction design principle. The idea that as people ‘interact’ with a system through tracking their behaviors, it’s the feedback loop, they response they get from the system (cue’s, visualizations, etc.) with the data that tells the story.

Page 24: Web Visions PDX '12: Applying Behavior Design
Page 25: Web Visions PDX '12: Applying Behavior Design

Framing

Framing is where good designers of products and services will differentiate themselves. We’re currently throwing an array of design patterns at the problem, while we need to think about how we frame the feedback loops to be most effective.

Page 26: Web Visions PDX '12: Applying Behavior Design

Option A: 200 people will be saved.

Option B: 1/3 probability that 600 people will be saved and 2/3 probability that no people will be saved.

Option A: 400 people will die.

Option B: 1/3 probability no one will die and 2/3 probability that 600 people will die.

Asian Flu has hit, and expected to kill 600 people...

How We Decide, Jonah Lehrer

A psychological problem presented to physicians, in each case they are given two sets of options. The two options in each instance is exactly the same, but framed differently...

Page 27: Web Visions PDX '12: Applying Behavior Design

Option A: 200 people will be saved.

Option B: 1/3 probability that 600 people will be saved and 2/3 probability that no people will be saved.

Option A: 400 people will die.

Option B: 1/3 probability no one will die and 2/3 probability that 600 people will die.

Asian Flu has hit, and expected to kill 600 people...

A = 72%B = 28%

A = 22%B = 78%

How We Decide, Jonah Lehrer

...yet the option the physician picks is influenced by how the problem and options are framed.

Page 28: Web Visions PDX '12: Applying Behavior Design

Passive data collection (or reduced to a few taps—i.e. the check-in), enables the feedback loop. The cycle of data collection to feedback is realtime - which didn’t exist in a mass produced scale prior to circa 2007.

Page 29: Web Visions PDX '12: Applying Behavior Design

Our behaviors write the story. Our actions create data, that data is visualized over time to tell a story. We have an emotional response to this story that influences how we will continue to ‘write the story’ with future behaviors.

Page 30: Web Visions PDX '12: Applying Behavior Design

Betty Draper has gained weight, and joined Weight Watchers. In the 60s, people didn’t have household scales. Betty went weekly to be weighed, this was her (slow) feedback loop. Then she’d here a counselor give general (not personalized) guidance. This is how it was. Now scales can be connected, and feedback in realtime, customized and personalized for you.

Page 31: Web Visions PDX '12: Applying Behavior Design

Most of the new wave of products is based on the data/feedback loop model.

Page 32: Web Visions PDX '12: Applying Behavior Design

DataFeedback LoopsFraming

Page 33: Web Visions PDX '12: Applying Behavior Design

Collect > Visualize > Story

Feedback Loop FramingData

Another way to look at it, in the context of our new products and features.

Page 34: Web Visions PDX '12: Applying Behavior Design

Where does it live?

Page 35: Web Visions PDX '12: Applying Behavior Design

Persuasion

Usability/Utility

In some camps, certain techniques are seen as a means to persuade, in others that same technique is a means to aid cognition. Trialability is the concept that if you simulate an activity, or demonstrate a product, the user will be more likely to engage in that activity, or with that product - it’s a tool for persuasion. But others, such as an information architect or usability specialist, may see this as a means for aiding cognition, allowing the user to better complete the activity, or understand how to use the product.

Page 36: Web Visions PDX '12: Applying Behavior Design

Persuasion

Usability/Utility

Amazon One Click is a persuasive tool designed to prompt more impulse purchases (think: reduce friction, increase ability).

But it’s not a binary proposition only in Amazon’s interest. The feature has value to the user, it makes purchasing an item easier.

Page 37: Web Visions PDX '12: Applying Behavior Design

Persuasion

Usability/Utility

Good Defaults (AKA Smart Defaults) are intended to aid in completing forms or wizards easily and correctly.

But it also persuades the user’s actions. People will be less likely to consider their options. This ‘cognitive shortcut’ persuades the user to go with the system defaults.

Page 38: Web Visions PDX '12: Applying Behavior Design

Persuasion

Usability/Utility

Example:

Organ DonationOpt-in vs. Opt-out

Clearly intent and purpose are key. Defaults can be pushed within the spectrum, like in the case of defaulting to “yes” in selecting organ donation when applying for a driver’s license, and needing to opt out.

Countries that require opt-out have very high organ donation volunteerism, and countries that require you to opt in are much lower.

Page 39: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Let’s take the scale and add a second axis. This is the user’s awareness of your intent as a designer. (or as a product/service)

Page 40: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

We’ve seen where features like good defaults and one-click are. We can plot other design patterns, such as progress indicators.

The middle horizontal line represents the ‘intent declaration’ line, these don’t “declare” their intent, yet they don’t deliberately conceal it either. So they sit slightly below that.

Page 41: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

Freecreditreport.comManipulationDeception

Manipulation: all persuasion with no value to the user

Deception: covert in intentions

Stay away from this ethically mucky area. This is where you see products and services that hide their true intent (deception) and involve you in a service that you were not aware of or didn’t explicitly approve (manipulation).

Page 42: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

Freecreditreport.comManipulationDeception

High persuasionObvious intent (value prop)

High utilityObvious intent (value prop)

Products and services above the horizontal line have a clearly stated value proposition (creating explicit awareness of their intent).

Page 43: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

Freecreditreport.com

Gmail

BasecampiTunes

ManipulationDeception

High persuasionObvious intent (value prop)

High utilityObvious intent (value prop)

Flickr

Applications with high utility (iTunes, Gmail, Basecamp, etc.). Intent of utility is fairly high, usually as part of value proposition.

A product like Basecamp deliberately constrains features, as part of their value proposition, so they may move slightly to the right of the scale, as the product’s features will influence how you manage your projects with the tool.

Page 44: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

Freecreditreport.com

Gmail

BasecampiTunes

Shortmail

Weight Watchers

NestNike+

ManipulationDeception

High persuasionObvious intent (value prop)

High utilityObvious intent (value prop)

Active Space

Mint.comFlickr

Page 45: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

Freecreditreport.com

Gmail

BasecampiTunes

Shortmail

Weight Watchers

NestNike+

ManipulationDeception

High persuasionObvious intent (value prop)

High utilityObvious intent (value prop)

Active Space

Mint.comFlickr

We now have an influx of products and services, enabled by technology, that are designed with the intent of influencing our behavior. Intent is made clear, usually in value proposition (reduce your debt, get in shape, etc.)

Page 46: Web Visions PDX '12: Applying Behavior Design

Persuasion

Awareness(of your intent)

High

LowUtility /Usability

Micro (usability / features)

Macro (utility / prods. & services)

Good defaults Progress

indicator

Amazon One-Click

Freecreditreport.com

Gmail

BasecampiTunes

Shortmail

Weight Watchers

NestNike+

ManipulationDeception

High persuasionObvious intent (value prop)

High utilityObvious intent (value prop)

Active Space

Mint.comFlickr

Behavior change as value proposition.

Page 47: Web Visions PDX '12: Applying Behavior Design

Behavior Change as Value Proposition

Page 48: Web Visions PDX '12: Applying Behavior Design

Value proposition is directly related to behavior

System makes recommendations or guidance

Data collection is primary feature

Behavior is measurable. (feedback loop)

Scaling self-determination(some products you have to use as prescribed)

Personal (health, environment, finances, personal habits)

Behavior Change as Value Proposition

Page 49: Web Visions PDX '12: Applying Behavior Design

How Do We Apply It?

Page 50: Web Visions PDX '12: Applying Behavior Design

StrategyResearchBehavior HeuristicsDesign PrinciplesExperience Mapping

Parts of the process

Page 51: Web Visions PDX '12: Applying Behavior Design

Strategy

Where does your value proposition map?Utility?Behavior change?Attitude change?

? ??

Page 52: Web Visions PDX '12: Applying Behavior Design

Conversion (micro) or Value Proposition (macro)?

Page 53: Web Visions PDX '12: Applying Behavior Design

Utility

What areas are do you want to affect change/apply persuasion?OnboardingSign-upsProfile completionTransaction funnels

!

?? ?

Page 54: Web Visions PDX '12: Applying Behavior Design

Behavior Change

What is the behavior change?How is that story told (data/feedback)What is the value prop?(customer value with business value)Implicit?Explicit?

??

Page 55: Web Visions PDX '12: Applying Behavior Design

Research

Strategy drives questions you want to have answered.MotivationAbilityKnowledge (i.e. awareness and understanding)Doubts/Barriers (i.e. security issues)

-Mental model with behavior profile-Thinking, feeling, doing

Page 56: Web Visions PDX '12: Applying Behavior Design

Behavior Heuristics

Rules (of thumb) that people might follow when interacting with a system.

—Dan Lockton

Asking users questions about how and why they behaved in certain ways with technology led to answers which were resolvable into something like rules.

“”

“”

http://architectures.danlockton.co.uk/2012/02/09/if/

Page 57: Web Visions PDX '12: Applying Behavior Design

Behavior Heuristics

Peel back layersSimilar to “5 Whys”“Let’s look in more detail at ‘People will do what they see other people doing’: Why? Why will people do what they see other people doing? If we break this down, asking ‘Why?’ a couple of times, we get to tease out some slightly different possible factors.”

http://architectures.danlockton.co.uk/2012/02/09/if/

Page 58: Web Visions PDX '12: Applying Behavior Design

Behavior Heuristics

Create heuristics or principles

▶ If lots of people are doing it, do it

Show directly how many (or what proportion of) people are choosing an option

▶ If people like me are doing it, do it

Show the user that his or her peers, or people in a similar situation, make a particular choice

▶ If people that I aspire to be like are doing it, do it

Show the user that aspirational figures are making a particular choice

▶ If something worked before, do it again

Remind the user what worked last time

▶ If an expert recommends it, do it

Show the user that expert figures are making a particular choice

http://architectures.danlockton.co.uk/2012/02/09/if/

Page 59: Web Visions PDX '12: Applying Behavior Design

Mapping

Experience Map for Rail Europe | August 2011

STAGES

DOING

FEELING

Research & Planning ShoppingBooking

Post-Booking, Pre-TravelTravel

Post Travel

People choose rail travel because it is

convenient, easy, and flexible.

Rail booking is only one part of people’s larger

travel process.

People build their travel plans over time. People value service that is respectful, effective

and personable.

EXPERIENCE

Rail Europe Experience Map

Kayak, compare

airfare

Google searches

Research hotelsTalk with

friends

Relevance of Rail Europe

Enjoyability

Helpfulness of Rail Europe

Paper tickets arrive in mail

• I’m excited to go to Europe!

• Will I be able to see everything I can?

• What if I can’t afford this?

• I don’t want to make the wrong choice.

• It’s hard to trust Trip Advisor. Everyone is

so negative.

• Keeping track of all the different products

is confusing.

• Am I sure this is the trip I want to take?

• Website experience is easy and friendly!

• Frustrated to not know sooner about which

tickets are eTickets and which are paper tickets.

Not sure my tickets will arrive in time.

• Stressed that I’m about to leave the country

and Rail Europe won’t answer the phone.

• Frustrated that Rail Europe won’t ship tickets

to Europe.• Happy to receive my tickets in the mail!

• I am feeling vulnerable to be in an unknown place in

the middle of the night.

• Stressed that the train won’t arrive on time for my

connection.

• Meeting people who want to show us around is fun,

serendipitous, and special.

• Excited to share my vacation story with

my friends.• A bit annoyed to be dealing with ticket refund

issues when I just got home.

View maps

Arrange travel

Blogs & Travel sites

Plan with interactive map

Review fares

Select pass(es)

Enter trips Confirm itinerary

Delivery options

Payment options

Review & confirm

Map itinerary(finding pass)

Destination pages

May call if difficulties

occur

E-ticket Print at Station

Web

raileurope.com

Wait for paper tickets to arrive

Research destinations, routes and products

Live chat for questions

Activities, unexpected changes

Change plans

Check ticket status

Print e-tickets at home

web/apps

Look up timetables

Plan/confirm activities

Web

Share photos

Share experience

(reviews)

Request refunds

Follow-up on refunds for booking changesShare experience

Buy additional tickets

Look up time tables

Stakeholder interviewsCognitive walkthroughs

Customer Experience Survey

Existing Rail Europe Documentation

Opportunities

Guiding Principles

Customer Journey

Information sources

RAIL EUROPE

THINKING

• What is the easiest way to get around Europe?

• Where do I want to go?

• How much time should I/we spend in each

place for site seeing and activities?

• I want to get the best price, but I’m willing to pay a

little more for first class.

• How much will my whole trip cost me? What are my

trade-offs?• Are there other activities I can add to my plan?

• Do I have all the tickets, passes and reservations

I need in this booking so I don’t pay more

shipping?• Rail Europe is not answering the phone. How

else can I get my question answered?

• Do I have everything I need?

• Rail Europe website was easy and friendly, but

when an issue came up, I couldn’t get help.

• What will I do if my tickets don’t arrive in time?

• I just figured we could grab a train but there are

not more trains. What can we do now?

• Am I on the right train? If not, what next?

• I want to make more travel plans. How do I

do that?

• Trying to return ticket I was not able to use. Not

sure if I’ll get a refund or not.

• People are going to love these photos!

• Next time, we will explore routes and availability

more carefully.

Ongoing, non-linear

Linear process

Non-linear, but time based

Communicate a clear value proposition.

STAGE: Initial visit Connect planning, shopping and booking on the web.

STAGES: Planning, Shopping, Booking

Arm customers with information for making decisions.

STAGES: Shopping, Booking

Improve the paper ticket experience.

STAGES: Post-Booking, Travel, Post-Travel

Make your customers into better, more savvy travelers.

STAGES: Global

Proactively help people deal with change.

STAGES: Post-Booking, Traveling

Support people in creating their own solutions.

STAGES: Global

Visualize the trip for planning and booking.

STAGES: Planning, Shopping

Enable people to plan over time.

STAGES: Planning, Shopping

Engage in social media with explicit purposes.

STAGES: Global

Communicate status clearly at all times.

STAGES: Post-Booking, Post Travel

Accommodate planning and booking in Europe too.

STAGE: Traveling

Aggregate shipping with a reasonable timeline.

STAGE: Booking

Help people get the help they need.

STAGES: Global

GLOBAL

PLANNING, SHOPPING, BOOKING

POST-BOOK, TRAVEL, POST-TRAVEL

Relevance of Rail Europe

Enjoyability

Helpfulness of Rail Europe

Relevance of Rail Europe

Enjoyability

Helpfulness of Rail Europe

Relevance of Rail Europe

Enjoyability

Helpfulness of Rail Europe

Relevance of Rail Europe

Enjoyability

Helpfulness of Rail Europe

Relevance of Rail Europe

Enjoyability

Helpfulness of Rail Europe

Mail tickets for refund

Get stamp for refund

Page 60: Web Visions PDX '12: Applying Behavior Design

Mapping

Adds ContextAbility Map touchpoints to motivation,knowledge, doubts/barriers Identify trigger opportunitiesReveal how story is told (data collected, feedback given, opportunities, etc.)

Page 61: Web Visions PDX '12: Applying Behavior Design

I see the best behavior-influencing design to be where the needs of two (or more) parties align...

...There are people in the persuasive technology community who would argue that this isn’t persuasion, and perhaps it isn’t, but it’s certainly interaction design that affects user behavior.

“”—Dan Lockton

Page 62: Web Visions PDX '12: Applying Behavior Design

We should look at what kind of impact people’s behavior should have on design.

—Paola Antonelli

“ ”

Page 63: Web Visions PDX '12: Applying Behavior Design

Applying Behavior Design

Chris Risdon @chrisrisdonWebVisions Portland

Thank you!!

#wvpdx #behavior