Top Banner
All Rights Reserved © ethology, Inc. Ethology @ethology @AnnaBananaHrach @TQ_AZ #UXCS thology Integrating User Experience Design & Content Strategy E
81

Integrating Content Strategy & UX

Apr 14, 2017

Download

Design

Anthony Quiroz
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Integrating User Experience Design & Content StrategyE

Page 2: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

Today’s Speakers

Anna Hrach Director of Content, Ethology

Tony QuirozUX Design Strategist, Ethology

Page 3: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

Founded in 2010, Ethology has offices in Scottsdale (HQ), Chicago, Los Angeles, and Portland.

Ranked #75 in the Inc. 5000.

Our goal is to optimize every part of the digital experience to drive measurable results.

Paid Media& Search

Customer Experience

Planning & Analytics

ConsumerEngagement

Introduction to Ethology

Page 4: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

AgendaUX & Content Strategy 101

So What’s the Problem?

Methods & Madness

Process & Collaboration

E

Q&A

Page 5: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

User Experience 101E

Page 6: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 7: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

••••••••••••••••••••

••••••••••••••••••••

www.uxisnotui.com

helloerik.com/ui-is-not-ux

@Erik_UX

Page 8: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 9: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 10: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

1. https://www.experiencedynamics.com/blog/2015/03/30-ux-statistics-you-should-not-ignore-infographic 2. https://www.thinkwithgoogle.com/articles/how-micromoments-are-changing-rules.html

1

1

2

Page 11: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

“When creating great experiences, it’s not so much about doing what users expect. Instead, it’s about creating a design that clearly meets their needs at the instant they need it.”

- Jared Spool Writer, Speaker, Founder, User Interface Engineering

Page 12: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 13: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 14: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Content Strategy 101E

Page 15: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Purposeful Content: Crafting the User Experience

BRAND USERSSupports Business

Objectives

FulfillsAudience

Needs

Page 16: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

It’s the same as content marketing, right?

Page 17: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Case

Page 18: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

“Content strategy guides planning for the creation, delivery and governance of content.”

- Kristina HalvorsonAuthor, Content Strategy for the Web

https://twitter.com/halvorson

Page 19: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

“...the marketing and business process for creating and distributing relevant and valuable content…”

https://twitter.com/brennermichael

- Joe PulizziAuthor, Epic Content Marketing

Page 20: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

• Content Strategy

• Supports holistic experiences

• More than just words, experiences

• Business goals vs. user needs

• Defines and oversees all content

development processes

Content Marketing

• Attract customers through content

• Branded content

• Owned vs. paid

• Defines and oversees publishing

efforts, creation needs

&

Page 21: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content marketing typically looks at:

• What

• When

• How

• Where

In Other Words…

Page 22: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content strategy also looks at:

• What

• When

• How

• Where

In Other Words…

• Why

• For Whom

• By Whom

• With What

• How Often

• What Next

Page 23: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content Strategy Content Marketing

Page 24: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

CS / UX Common GroundE

Page 25: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

CS & UX Skill Sets

New Business

Dev.

AccountManager

ProjectManager

WebAnalyst

Producer

BusinessAnalyst

UX

ContentStrategist

InfoArchitect

SEO

Designer

Production Assistant

Front-EndDev

Back-EndDev

ServerAdmin

ITWeb

Writer

WebEditor

UsabilitySpecialist

Skillset.org

Page 26: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

UX Skill Sets

New Business

Dev.

AccountManager

ProjectManager

WebAnalyst

Producer

UX

ContentStrategist

InfoArchitect

SEO

Designer

Production Assistant

Front-EndDev

Back-EndDev

ServerAdmin

IT

UsabilitySpecialist

WebWriter

WebEditor

BusinessAnalyst

Page 27: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

CS Skill Sets

New Business

Dev.

AccountManager

ProjectManager

WebAnalyst

Producer

UX

ContentStrategist

InfoArchitect

SEO

Designer

Production Assistant

Front-EndDev

Back-EndDev

ServerAdmin

IT

UsabilitySpecialist

Web Editor

Web Writer

BusinessAnalyst

Page 28: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

CS & UX Overlapping Skillsets

New Business

Dev.

AccountManager

ProjectManager

WebAnalyst

Producer

Business Analyst

UX

ContentStrategist

InfoArchitect

SEO

Designer

Production Assistant

Front-EndDev

Back-EndDev

ServerAdmin

IT

UsabilitySpecialist

Web Editor

WebWriter

Page 29: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

UX & CS Overlapping Deliverables

PersonasJourney Mapping

NavigationWireframes

TestingBrand GuidesVoice & Tone

UI Kits

Content AuditsContent TemplatesContent WorkshopsEditorial Planning

Content GovernanceContent AnalyticsContent Writing

Heuristic EvaluationsMental ModelsDesign StudiosUser Research

Usability TestingInformation Architecture

Visual Design

Page 30: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

What’s The Problem?E

Page 31: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Page 32: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Great Work Seamlessly Integrates Content + Design

Page 33: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

And Without Content…

Page 34: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Great Work Seamlessly Integrates Content + Design

Page 35: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

And Without Content…

Page 36: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

So, Why Separate the Two?

Image courtesey of http://www.shutterstock.com

Page 37: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 38: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Ethology

Lorem ipsum ≠ Content

Page 39: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 40: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 41: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Caseneed.more.room.

Page 42: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Casetoo much.

Page 43: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Case

Build around the content, they said…

Page 44: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

At best, you duplicate efforts…

www.rsvlts.com

Page 45: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title CaseAt worst, you contradict each other.

Page 46: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

What’s The Solution?E

Page 47: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

People

Tools

Process

Page 48: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 49: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Humans Naturally Silo

Page 50: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content Marketing Design Etc.

Page 51: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Process Methods & Culture can be Silo Busters

Design Studios Opps Design

Anti-Meetings Content Workshops

Content Strategy

Page 52: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Engineering + Industrial Design is Seamless

Page 53: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Editorial + Design is Seamless

Page 54: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

How CS + UX Can Be Seamless

“Anti-Meetings”Design StudiosContent StrategyContent WorkshopsJourney Mapping

Facilitators =

Page 55: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Page 56: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content Workshops are hands-on, interactive and engaging sessions, designed to reveal a brand’s core content strategy.

Content workshops

Page 57: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

1. How does content achieve business goals?

2. What content satisfies users needs?

3. How effective, engaging and strategic is your content?

Content workshops

Let’s chat content.

Page 58: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content Workshops

• Reveal core reason for creating content in the first place

• Gives us business goals to achieve• Helps us understand customers and their

needs• Essential for creating the ideal brand

experience• Beginning of crafting the best possible

customer experiences

Page 59: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Empathy Mapping

“No one cares how much

you know, until they know

how much you care”

- Theodore Roosevelt

Page 60: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Empathy Mapping

CS & UX both require a deep understanding of the users in order to connect:

• Motivations and context

• Wants and needs

• Pains and gains

• Thoughts and feelings

Page 61: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Journey Mapping

Page 62: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Journey Mapping

Page 63: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Let’s Go to the Movies!

“Consumers increasingly use smartphones for their purchases—in the case of movie tickets, 30 percent are bought on mobile phones, according to a new report from the Interactive Advertising Bureau and InMobi. And 87 percent of moviegoers researched a movie on smartphones after seeing an ad for that movie in another medium.”

From ADWEEK:

Page 64: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Let’s go to the movies!

So the customer journey may go something like this:

What am I going to do this weekend?

Commercial for a new movie. Sounds cool!

When is it playing at my local

theater?

MOMENT OF TRUTH!

Icons made by Freepik. www.flaticon.com is licensed under http://creativecommons.org/licenses/by/3.0/

Page 65: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Um…

Page 66: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

That’s more like it.

Page 67: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Who is easier to do business with?

More customer engagement time = more opportunity.

Page 68: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

More on Journey Mapping

CS and UX make great allies in this activity, too.

• Put yourself in the customer's shoes on an even grander scale.

• Identify interaction points.

• Factor in thoughts, emotions, circumstance.

• Anticipate content needs and how to facilitate success through good design.

Page 69: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Cross-Discipline Design Studios

Page 70: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Cross-Discipline Design Studios

Yet another chance to collaborate.

• Put yourself in the customer’s shoes in context of the design project.

• Identify workflows and interactions.

• Factor in thoughts, emotions, circumstance.

• Capture a shortlist of ideas to take to the next round.

Page 71: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

We Even Created the Kit …

Page 72: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

6 Key Takeaways E

Page 73: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Partner up on customer research

Image courtesey of http://www.shutterstock.com

Page 74: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Align deliverables to create a more informed strategy

Image courtesey of http://www.shutterstock.com

Page 75: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Use real content. No more lorem ipsum, please.

Image courtesey of http://www.shutterstock.com

Page 76: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Break down silos with co-creation and review cycles

Image courtesey of http://www.shutterstock.com

Page 77: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Learn from mature industries and companies that seamlessly integrate form and function

Image courtesey of http://www.shutterstock.com

Page 78: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Hire T-shaped people for more cross-disciplinary collaboration

Image courtesey of http://www.shutterstock.com

Page 79: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

QUESTIONS:

?

Page 80: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

About Ethology and Convince & Convert

Digiday is a media company and community for digital media, marketing and advertising professionals. We focus on quality, not quantity, and honesty instead of spin. We cover the industry with an expertise, depth and tone you won’t find anywhere else. The Digiday team strives to produce the highest quality publications, conferences, and resources for our industry.

www.digiday.com

Ethology is an integrated full-service digital marketing agency for evolving consumer brands. The agency offers consumer research, strategy, planning, search, display and social media, email, content and web development, creative and analytic services.

www.ethology.com

Page 81: Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS