Integrating Content Strategy & UX

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

Transcript of Integrating Content Strategy & UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Integrating User Experience Design & Content StrategyE

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

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

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

User Experience 101E

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

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

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

www.uxisnotui.com

helloerik.com/ui-is-not-ux

@Erik_UX

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

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

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Content Strategy 101E

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

Purposeful Content: Crafting the User Experience

BRAND USERSSupports Business

Objectives

FulfillsAudience

Needs

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

It’s the same as content marketing, right?

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Case

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

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

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

&

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content marketing typically looks at:

• What

• When

• How

• Where

In Other Words…

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content Strategy Content Marketing

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

CS / UX Common GroundE

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

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

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

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

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

What’s The Problem?E

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Great Work Seamlessly Integrates Content + Design

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

And Without Content…

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Great Work Seamlessly Integrates Content + Design

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

And Without Content…

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

So, Why Separate the Two?

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Ethology

Lorem ipsum ≠ Content

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Caseneed.more.room.

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Casetoo much.

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

HEADER: Use Title Case

Build around the content, they said…

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

At best, you duplicate efforts…

www.rsvlts.com

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

What’s The Solution?E

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

People

Tools

Process

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Humans Naturally Silo

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Content Marketing Design Etc.

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Engineering + Industrial Design is Seamless

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Editorial + Design is Seamless

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 =

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

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

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.

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

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

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Journey Mapping

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Journey Mapping

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:

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/

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Um…

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

That’s more like it.

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Who is easier to do business with?

More customer engagement time = more opportunity.

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.

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Cross-Discipline Design Studios

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.

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

We Even Created the Kit …

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

6 Key Takeaways E

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

Partner up on customer research

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

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

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

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

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

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS

thology

All Rights Reserved © ethology, Inc.

QUESTIONS:

?

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

All Rights Reserved © ethology, Inc.

Ethology

@ethology @AnnaBananaHrach @TQ_AZ #UXCS