LMAtech 2015 - The Science of Art: Using Data to Inform Design

118
USING DATA TO INFORM DESIGN Akhilesh Pant and Jessica DeJong | October 16, 2015 | LMA Tech

Transcript of LMAtech 2015 - The Science of Art: Using Data to Inform Design

Page 1: LMAtech 2015 - The Science of Art: Using Data to Inform Design

USING DATA TO INFORM DESIGN

Akhilesh Pant and Jessica DeJong | October 16, 2015 | LMA Tech

Page 2: LMAtech 2015 - The Science of Art: Using Data to Inform Design

@jessdejongOne North Interactive

Art Director

@pant_akOne North Interactive

Strategist

Jessica DeJong Akhilesh Pant

Page 3: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What We’ll Cover Today1. Why you should care about user research

2. Which inquiry methods are most useful to law firms

3. How to gather and analyze data for a range of budgets

4. How to implement that data in a truly innovative solution

5. How to convince your stakeholders to let you try something completely new

Page 4: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What We’ll Cover Today6. And the burning question on everyone’s minds …

Page 5: LMAtech 2015 - The Science of Art: Using Data to Inform Design

How much longer until lunch?

Page 6: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Disclaimers

• We are talking about a mindset shift

• Any research is better than none

• All cat gifs are solely Jessica’s doing

Page 7: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Why Are We Here?

Page 8: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Understanding our users has never been more important.• The legal industry is rapidly evolving.

• Legal marketing needs are rapidly changing.

• Audiences are expanding.

• But this is all we really know.

Page 9: LMAtech 2015 - The Science of Art: Using Data to Inform Design

The Old Way

Assumptions Solution

Page 10: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Common Misconception

Assumptions Existing Data Solution

Page 11: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Optimal Way

HypothesesAudience-Specific

DataIntuitionExisting

Data Solution

Page 12: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What might this look like?

Page 13: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Example: MassMutual

Existing Data: Large majority of life insurance buyers are between 50 and 60.

Challenge: Getting healthy 40-year-olds to buy life insurance.

Page 14: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Example: MassMutual

Research Insight: Members of the target population seem to broadly fall into two categories: 1) financially foresighted, 2) not.

Intuition: We cannot market life insurance to healthy 40-year-olds who are simply not financially foresighted. But we can market financial foresightedness itself.

Page 15: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Example: MassMutual

Solution: An unbranded, comprehensive personal finance education program (Society for Grownups) targeted at this age group.

Page 16: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 17: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What do you mean … “user research?”

Page 18: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 19: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Let’s look at a simple, non-digital example

Page 20: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 21: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 22: LMAtech 2015 - The Science of Art: Using Data to Inform Design

If I had asked people what they wanted, they would have said faster horses. — NOT Henry Ford

Page 23: LMAtech 2015 - The Science of Art: Using Data to Inform Design

A lot of times, people don’t know what you want until you show it to them. — Steve Jobs

Page 24: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 25: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Ford & Innovation

“Ford’s adherence to his vision of the mass-market car was instrumental in both his early success … as well as his later failure to respond to rapid innovation in the marketplace.”

-Harvard Business Review, August 2011

Page 26: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Apple

Apple does doesn’t do market research, but they do conduct contextual user research.

Page 27: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Apple

Additionally, they have a deeply embedded culture of UX that maintains a clear focus on users and design.

Page 28: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Market vs. User Research

The stories of Ford & Apple highlight the difference between market research and user research, as well as the importance of using an iterative approach and fostering a culture of design.

Page 29: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Data vs Intuition

Page 30: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 31: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Not everything that matters can be measured, and not everything that is measured matters. — Elliot Eisner

Page 32: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Role of Intuition“Data has a way of turning a suspicion into a verifiable fact.”

-Nishant Kothary, A List Apart 2015

Page 33: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Data vs Intuition

Page 34: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Data and Intuition

Page 35: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Knowledge is knowing that a tomato is a fruit.

Wisdom is not putting it in a fruit salad.

Page 36: LMAtech 2015 - The Science of Art: Using Data to Inform Design

But why should we care about UX research?

Page 37: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Market differentiation is dependent on innovation.

Page 38: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 39: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Innovation requires abandonment of comfort, but not reason.— AKHILESH PANT, PHILOSOPHER

Page 40: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What we aren’t saying

We’re not asking you to do anything ridiculous, like …

Page 41: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Scratch-n-Sniff Websites

Page 42: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Virtual reality office tours

… yet.

Page 43: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Or something even more absurd, like …

Page 44: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Or something even more absurd, like …

Removing awards from attorney bios

Page 45: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 46: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Let’s Dive In

Page 47: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Research Validates Assumptions

User Goals Brand & Marketing Goals

Digital Presence

Page 48: LMAtech 2015 - The Science of Art: Using Data to Inform Design

When Research Can Help

Page 49: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Meet the FirmBaker, Little, Atkins & Hill

Page 50: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 51: LMAtech 2015 - The Science of Art: Using Data to Inform Design

AnnChief Marketing Officer

Page 52: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Ann’s Stakeholders

Page 53: LMAtech 2015 - The Science of Art: Using Data to Inform Design

GaryManaging Partner

Page 54: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 55: LMAtech 2015 - The Science of Art: Using Data to Inform Design

“Our users aren’t millennials.

They don’t scroll.”

Page 56: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 57: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Our first reaction

Page 58: LMAtech 2015 - The Science of Art: Using Data to Inform Design

OH YES THEY DO!

Page 59: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Solution: Research

We aren’t criticizing Gary. We love Gary.

But digital marketing and design are constantly changing and legal marketing should keep up.

Our job is to keep Gary (and ourselves!) educated by constantly researching our users.

Page 60: LMAtech 2015 - The Science of Art: Using Data to Inform Design

So who is right?

Page 61: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Neither

We’re both wrong.

Data allowed us to understand the nuanced nature of the “scroll issue” – it’s much more than “everybody scrolls” and “nobody scrolls.”

It’s about engagement.

Page 62: LMAtech 2015 - The Science of Art: Using Data to Inform Design

…and we still may be wrong

Secondary research showed us what general user behaviors are, but we still aren’t sure about law-firm website audiences.

This is where more targeted research can help.

Page 63: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Part of using research means accepting that we may be wrong.

Page 64: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What if we could…

Observe scroll behavior in task-based interviews with client representatives?

and / or

Test engagement on short and long versions of a page that are running simultaneously?

Page 65: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Can I actually do this?

Page 66: LMAtech 2015 - The Science of Art: Using Data to Inform Design
Page 67: LMAtech 2015 - The Science of Art: Using Data to Inform Design

How much does it really cost?

We admit: large-scale user research and testing can be expensive and time intensive.

But there is some good news. It’s nothing like market research; you can start small.

Any amount of research is better than nothing.

Page 68: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Usability Studies: 5-8 people

Source: NielsenNorman Group

Page 69: LMAtech 2015 - The Science of Art: Using Data to Inform Design

To Summarize:

Yes. You can and should be doing user research.

Page 70: LMAtech 2015 - The Science of Art: Using Data to Inform Design

User Research 101

Page 71: LMAtech 2015 - The Science of Art: Using Data to Inform Design

A quick note

The recommendations that follow are specific to legal marketing.

There are a ton of inquiry methods available, but we’ve curated the list to the ones that make the most sense for the legal industry based on our experience in this space.

Page 72: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Types of Research

• Primary vs. Secondary

• Qualitative vs. Quantitative

• Behavioral vs. Attitudinal

• Direct vs. Indirect

Page 73: LMAtech 2015 - The Science of Art: Using Data to Inform Design

User research landscapeBEHAVIORAL

Eye-tracking

Usability Testing

Ethnographic Field Studies

Web Analytics

A / B Testing

Concept Testing

Diary / Camera StudiesCustomer Feedback

Card Sorting

Desirability Studies

Intercept Surveys

Email Surveys

Co-creation exercises

Focus Group

Interviews

QUANTITATIVE

ATTITUDINAL

QUALITATIVE

Page 74: LMAtech 2015 - The Science of Art: Using Data to Inform Design

User research landscapeHIGH VALUE

Eye-tracking

Usability Testing

Ethnographic Field Studies

Web Analytics

A / B Testing

Concept Testing

Diary / Camera Studies

Customer Feedback

Card Sorting

Desirability StudiesIntercept Surveys

Email Surveys

Co-creation exercisesFocus Group

Interviews

LOW COST

LOW VALUE

HIGH COST

Page 75: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Methods

75

Page 76: LMAtech 2015 - The Science of Art: Using Data to Inform Design

User InquiryUsability TestingValidation

76

Page 77: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Email Surveys

Example

Ann’s team sends out a 10-question survey to a strategic set of 200 clients from their CRM system.

Questions are targeted at professional research, firm evaluation and web usage habits.

Page 78: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Email Surveys

Data Gathered

The team is able to analyze a set of (mostly) quantitative data and determine general correlations and hypotheses to test using interviews.

Page 79: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Internal Interviews

Example

Researchers from Ann’s agency of choice (or even a member of the Marketing team) talk to Gary for 45 minutes.

Page 80: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Internal Interviews

Data Gathered

Gary lays out his vision for the firm, the firm’s history, how he uses the firm’s digital properties.

Page 81: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Internal Interviews

Other candidates:• Practice leader

• “Rising star”

• Recent hire

• Recruitment representative

Page 82: LMAtech 2015 - The Science of Art: Using Data to Inform Design

External Interviews

Example

Researcher holds a brief (30-45 minute) conversation with the General Counsel of Initech, one of BLAH’s clients.

Page 83: LMAtech 2015 - The Science of Art: Using Data to Inform Design

External Interviews Data Gathered

• Client’s web and device usage habits

• How they research and evaluate firms

• What content they find most useful (i.e. persuasive)

• Characteristics of their ideal firm – the way such a firm “makes them feel”

Page 84: LMAtech 2015 - The Science of Art: Using Data to Inform Design

External Interviews

Other candidates:• C-Suite

• General Counsel

• Procurement department representative

• Entrepreneur or small business owner

• Head of HR (Labor & Employment issues)

Page 85: LMAtech 2015 - The Science of Art: Using Data to Inform Design

User InquiryUsability TestingValidation

85

Page 86: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Usability Testing

Example

Having gathered insights from basic user inquiry, the team develops an initial prototype.

They recruit another small group of users and ask them to perform tasks on the prototype while speaking aloud about their thought process.

Page 87: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Usability Testing

Data Gathered

The “think-aloud” process allows the team to identify major pain points preventing users from completing basic tasks. It also reveals what is working as intended, and what may even be working better than intended.

Page 88: LMAtech 2015 - The Science of Art: Using Data to Inform Design

User InquiryUsability TestingValidation

88

Page 89: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Web Analytics

Example

Using a research-backed testing plan, the development team tags all major “events” on the site for measurement.

Page 90: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Web Analytics

Data Gathered

The team tracks informed “micro-conversions” to measure site performance, rather than relying on generic indicators (e.g. general traffic, bounce rates).

After 3 months, they identify a number of underperforming elements and pages.

Page 91: LMAtech 2015 - The Science of Art: Using Data to Inform Design

A/B Testing

Example

They design and implement a “version B” of each underperforming element and have 50% of users interact with it, while the remaining 50% see the original version (A).

Page 92: LMAtech 2015 - The Science of Art: Using Data to Inform Design

A/B Testing

Data Gathered

After a month, they measure performance of version A vs. B and implement the “winner” 100% of the time.

That is, till the next innovation cycle!

Page 93: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Bringing Them Together

Page 94: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Bringing them together

We just took you through a single hypothetical scenario, from Inquiry to Validation.

But this process should be repeated as often as possible.

Page 95: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Quantitative Analysis

User Inquiry

DESIGNAnalysis

Inquiry

DESIGN

DESIGN RESEARCHPROCESS

Page 96: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Research Synthesis

Page 97: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Research Outcomes

• Themes

• Personas

• Content Touchpoints

Page 98: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Now …Develop the Solution

Page 99: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Convincing Stakeholders

Page 100: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Identify ChallengeOutline MethodsPresent FindingsShow the Connection

100

Page 101: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Identify ChallengeOutline MethodsPresent FindingsShow the Connection

101

Page 102: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Identify ChallengeOutline MethodsPresent FindingsShow the Connection

102

Page 103: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Identify ChallengeOutline MethodsPresent FindingsShow the Connection

103

Page 104: LMAtech 2015 - The Science of Art: Using Data to Inform Design

What might this look like for BLAH Law?

Page 105: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Challenge 1:

Thought LeadershipMethods Used: Surveys, Interviews, Analytics

Hypothesis: Short-form thought leadership receives higher engagement.

Insight(s) Gathered: Short-form content performed better on mobile devices but long-form thought leadership performed better on desktop.

Solution: Add a “X min to read” indicator at the top of all thought leadership content

Page 106: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Challenge 2:

Social MediaMethods Used: Internal & External Interviews

Hypothesis: Curating content from external sources will drive social media engagement.

Insight(s) Gathered: When curated content is posted on a company page, engagement is not affected significantly.

Solution: Encourage Partners to curate and post relevant articles on their personal social media profiles.

Page 107: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Challenge 3:

Homepage RedesignMethods Used: Usability tests, A/B test

Hypothesis: Users will scroll to the bottom of the homepage if the design indicates there is more content “below the fold”.

Insight(s) Gathered: In our A/B test, 52% of users scrolled to the bottom on option A and 86% of users scrolled to the bottom of the homepage on option B.

Solution: Use option B with the clear “Scroll for More” call-to-action.

Page 108: LMAtech 2015 - The Science of Art: Using Data to Inform Design

So, what should I do next?

Page 109: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Embrace design thinking

Page 110: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Use targeted research to produce powerful data

Page 111: LMAtech 2015 - The Science of Art: Using Data to Inform Design

…and use that data as a rhetorical tool

Page 112: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Design Thinking

We’re talking about more than just testing usability and understanding your users.

We’re advocating for shifting the way you think about your users and digital efforts.

Page 113: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Recommended Approach

Define Design Develop

Plan

Discover

• Interviews• Contextual Inquiry• Ethnographic Field Studies• Secondary Research

Deploy

Optimize

• Heuristic Evaluation• Usability Testing• A/B Testing• Surveys

Page 114: LMAtech 2015 - The Science of Art: Using Data to Inform Design

In Summary

Page 115: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Design has to work, art does not.— Donald Judd

Page 116: LMAtech 2015 - The Science of Art: Using Data to Inform Design

“All service which a [person] can perform for humanity must serve to promote truth.”— Franz Boas

Page 117: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Thank You!

Page 118: LMAtech 2015 - The Science of Art: Using Data to Inform Design

Thank You!