47
1 PREPARED BY MAKE MAGIC WITH ANTICIPATORY DESIGN @MARSINTHESTARS October 6, 2016 CSForum Marli Mesibov, Managing Director of Content Strategy Mad*Pow

Make Magic with Anticipatory Design

Embed Size (px)

Citation preview

Page 1: Make Magic with Anticipatory Design

1

PREPARED BY

MAKE MAGIC WITH ANTICIPATORY DESIGN

@MARSINTHESTARS

October 6, 2016

CSForum

Marli Mesibov, Managing Director of Content StrategyMad*Pow

Page 2: Make Magic with Anticipatory Design

2

• Managing Director of Content Strategy at Mad*Pow

• Managing Editor of UX Booth

• My new obsession: Alfred

#CSFORUM16 | @marsinthestars

Who am I? Why am I here?

Page 3: Make Magic with Anticipatory Design

3

WHO IS ALFRED?

It’s not just a name.

Page 4: Make Magic with Anticipatory Design

4#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 5: Make Magic with Anticipatory Design

5#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 6: Make Magic with Anticipatory Design

6#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 7: Make Magic with Anticipatory Design

7#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 8: Make Magic with Anticipatory Design

8#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 9: Make Magic with Anticipatory Design

9#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 10: Make Magic with Anticipatory Design

10#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 11: Make Magic with Anticipatory Design

11

Alfred anticipates your every need.

• He makes you feel cared for but not smothered.

• He knows what you need before you do.

• You trust him implicitly.

#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 12: Make Magic with Anticipatory Design

12

“Make your customer the hero of your story.” –Ann Handley, MarketingProfs

“The hero of your story should always be the consumer.” –Jonah Sachs, Free Range Studios

Alfred makes Batman into a hero.

#CSFORUM16 | @marsinthestars

Who is Alfred?

Page 13: Make Magic with Anticipatory Design

13

TAKE A STEP BACK

Start with the Experience

Page 14: Make Magic with Anticipatory Design

14

Mad*Pow is a design agency full of passionate people, in a creative environment, delivering amazing experiences for industry leading clients.

#CSFORUM16 | @marsinthestars

Agency Overview

• Interaction & Visual Design • Content Strategy & Creation • Experience Strategy &

Service Design

• Research & Validation • Digital Marketing Strategy • Brand Development

Page 15: Make Magic with Anticipatory Design

15

• Cyclical in nature

• Adapt to a client's needs

• Consistently learn & refine new methods

• Educating & advocating as we go

#CSFORUM16 | @marsinthestars

Our Human-Centered Design Process

DISCOVER SYNTHESIZE GENERATE FOCUS

Initial Insight

Strategy / Plan

Prototype

EVALUATE

Page 16: Make Magic with Anticipatory Design

16#CSFORUM16 | @marsinthestars

Experience Design

“You’ve got to start with the customer experience and work backwards to the technology.”

- Steve Jobs

Page 17: Make Magic with Anticipatory Design

17#CSFORUM16 | @marsinthestars

Experience Design

Page 18: Make Magic with Anticipatory Design

18

“Content strategy is planning for the creation, delivery, and governance of usable, useful content.”

–Kristina Halvorson, Brain Traffic

#CSFORUM16 | @marsinthestars

Content Strategy

Page 19: Make Magic with Anticipatory Design

19

When we anticipate people’s needs, we do that through:

• Speaking their language

• Offering valuable “just in time” information

• Semantic search

#CSFORUM16 | @marsinthestars

Content Strategy

Page 20: Make Magic with Anticipatory Design

20

The best practices we discovered for anticipatory design come directly from best practices in experience design and content strategy.

• Focus on context

• Beware over-personalization

• Ensure the user retains ultimate control

#CSFORUM16 | @marsinthestars

Best Practices

Page 21: Make Magic with Anticipatory Design

21

WHERE IS ALFRED?

Everybody’s (trying to) do it.

Page 22: Make Magic with Anticipatory Design

22

• Focus on context

• Beware over-personalization

• Give the user ultimate control

Who’s doing it, and are they succeeding?

#CSFORUM16 | @marsinthestars

Best Practices

Page 23: Make Magic with Anticipatory Design

23#CSFORUM16 | @marsinthestars

Everyone wants to be Alfred.

Page 24: Make Magic with Anticipatory Design

24#CSFORUM16 | @marsinthestars

Anticipating the user’s needs

• Highly contextualHelpful!

• Sometimes over-personalized. Creepy!

• User has ultimate controlHelpful!

Page 25: Make Magic with Anticipatory Design

25

Semantic search connects words to meanings

Chosen based on context: time of year and my location.

Google also identified the film that I was looking for.

I searched “movie devil great trick.”

Google was able to complete the quote based off three words, and connect video and text.

#CSFORUM16 | @marsinthestars

Page 26: Make Magic with Anticipatory Design

26#CSFORUM16 | @marsinthestars

Amazon anticipates product searches

Related to history: other items I have previously viewed.

Chosen based on context: time of year and my location.

Personalized: a broader selection of items I may liked based on browsing

Related to history: other items I have previously viewed.

Page 27: Make Magic with Anticipatory Design

27#CSFORUM16 | @marsinthestars

Anticipating the user’s preferences

• Not contextualFrustrating!

• Highly personalized Helpful!

• User does not have controlFrustrating!

Page 28: Make Magic with Anticipatory Design

28#CSFORUM16 | @marsinthestars

Anticipating the user’s concerns

• Not contextualNot expected

• Not personalized Not expected

• User has controlHelpful!

Page 29: Make Magic with Anticipatory Design

29

A CASE STUDY

Page 30: Make Magic with Anticipatory Design

30#CSFORUM16 | @marsinthestars

The Goal

“We want to be the Amazon of our industry. It’s time to really knock one out

of the park.”

Page 31: Make Magic with Anticipatory Design

31#CSFORUM16 | @marsinthestars

Opportunities

• Stakeholders were excited for something new

• Users were actively asking for “Siri, but for insurance”

• Insurance is confusing!

• No one has done it before

Page 32: Make Magic with Anticipatory Design

32#CSFORUM16 | @marsinthestars

Constraints

• We had minimal data

• We didn’t have Google’s “black box” or Netflix’s numerous data engineers

• Insurance users worry about how secure their information is; if we over-personalized we risked losing their trust

Page 33: Make Magic with Anticipatory Design

33#CSFORUM16 | @marsinthestars

Project steps

1. Discover what members want. “Anticipate my needs” is a broad realm

2. Synthesize the key scenarios

3. Generate formats and design

4. Focus on the user “actions” (Spreadsheet mania!)

DISCOVER SYNTHESIZE GENERATE FOCUS

Initial Insight

Strategy / Plan

Prototype

EVALUATE

Page 34: Make Magic with Anticipatory Design

34#CSFORUM16 | @marsinthestars

Step 1: Discover. What do members want?

Page 35: Make Magic with Anticipatory Design

35#CSFORUM16 | @marsinthestars

Step 1: Discover. What do members want?

Page 36: Make Magic with Anticipatory Design

36#CSFORUM16 | @marsinthestars

CONTEXT

PERSONALIZATION

CONTROL

Step 1: Discover. What do members want?

Page 37: Make Magic with Anticipatory Design

37#CSFORUM16 | @marsinthestars

Step 2: Synthesize. Explore the key scenarios

Reasons a member might be on the site:

• They receive an email prompting them to log in & activate their coverage

• They want to know how much something will cost

• They need to refill a prescription

• They need to register a PCP to get a referral

• They got a bill or statement they don’t understand

Page 38: Make Magic with Anticipatory Design

38#CSFORUM16 | @marsinthestars

Step 3: Generate. Design the format

Page 39: Make Magic with Anticipatory Design

39#CSFORUM16 | @marsinthestars

Step 3: Generate. Design the format

Page 40: Make Magic with Anticipatory Design

40#CSFORUM16 | @marsinthestars

Step 4: Focus. Collect the member actions as “triggers”

An action is:

Something a member does

• Log in

• Update information

• View a claim

• Go to a doctor’s appointment

• Change jobs

Something the organization does

• Process a claim

• Send a bill

• Accept a payment

• Identify upcoming important dates

• Make suggestions

Page 41: Make Magic with Anticipatory Design

41#CSFORUM16 | @marsinthestars

Find actions by:

• Reviewing analytics

• Brainstorming with the team

• Talking to the dev team

Step 4: Focus. Collect the member actions as “triggers”

Page 42: Make Magic with Anticipatory Design

42#CSFORUM16 | @marsinthestars

FIVE SPREADSHEETS, AND WE’RE JUST GETTING STARTED!

Step 4: Focus. Collect the member actions as “triggers”

Page 43: Make Magic with Anticipatory Design

43#CSFORUM16 | @marsinthestars

The Business Rules are defined by:

• All the actions

• What “triggers” (causes) each action to occur?

• The best triggers are the ones we can control or easily access

• Triggers must be recognizable by the system

• Prioritization of each action and each trigger

Step 4: Focus. Collect the member actions as “triggers”

Page 44: Make Magic with Anticipatory Design

44

DO TRY THIS AT HOME

Anticipate customer retention.

Page 45: Make Magic with Anticipatory Design

45#CSFORUM16 | @marsinthestars

Make your user a hero

You have the power.

• You don’t need a huge team

• You don’t need Google’s black box

• You need motivation, organization, and a human-centered perspective

Page 46: Make Magic with Anticipatory Design

46#CSFORUM16 | @marsinthestars

Page 47: Make Magic with Anticipatory Design

47#CSFORUM16 | @marsinthestars

Thank you!