SlideShare a Scribd company logo
DESIGN FOR WHAT 

MATTERS
www.flickr.com/photos/vfsdigitaldesign/6590371661
sara wachter-boettcher / how design / may 2014
with content strategy
Welcome to
modern web
design.
make us look
formal AND fun!
www.flickr.com/photos/bevgoodwin/9482142313/
i’m important!
put me on the
homepage!
me too!
no, me!
www.flickr.com/photos/puuikibeach/8564682770
we have our
content ready.
just need to drop
it in!
www.flickr.com/photos/karenhorton/3577837508
suddenly, print
looks pretty good.
space limitations
fixed versions
certainty
space limitations
fixed versions
certainty
space limitations
fixed versions
certainty
space limitations
fixed versions
certainty
The web has
upended design.
What’s left?
www.flickr.com/photos/27549109@N06/8452742700/
design for the
medium.
Screen sizes?
Device types?
‘‘We need to shed the notion that we
create layouts from a canvas in.
We need to flip it on its head, and create
layouts from the content out.
— Mark Boulton,

“A Richer Canvas”
Content is our
medium.
Content strategy
can guide you.
Content strategy
creates clarity.
It’s about defining
a purpose and a
realistic plan for
content.
realistic
realistic
Use it to...
• define the message
• determine priorities
• collaborate before
crunch time
MESSAGING
PRIORITIZATION
COLLABORATION
MESSAGING
PRIORITIZATION
COLLABORATION
Design for What Matters With Content Strategy
Design for What Matters With Content Strategy
‘‘Words are cheaper than comps.
— Margot Bloomstein
At kickoff: Create
a shared frame of
reference.
the margot
method
Who are we?
What are we trying to
communicate?
How should we sound?
the message
“mad lib”
What are our goals?
Who is our audience?
Why will they care?
What should drive our
decisions?
Outcomes trump
opinions.
MESSAGING
PRIORITIZATION
COLLABORATION
www.flickr.com/photos/bevgoodwin/9482142313/
‘‘Large organizations endure their fair
share of politics… It’s hard to navigate
these mini turf wars, so tools like
carousels are used as appeasers to keep
everyone from beating the sh** out of
each other.
— Brad Frost, “Carousels”
Strategy gives you
tools for making
tough choices.
Strategy makes it
possible to say
“no” during design.
the dot-vote
decider
www.flickr.com/photos/jason_diceman/11678089443/
‘‘Before… wireframing, we can express our
site’s information hierarchy in the
simplest possible way: as a numbered list…
No matter what the homepage looks like—
if it can correctly present this information,
it will be a victory.
— Matt Griffin,

“Responsive Comping”
What do we need?
What can we cut?
Where does this fit?
What’s the hierarchy?
MESSAGING
PRIORITIZATION
COLLABORATION
www.flickr.com/photos/puuikibeach/8564682770
‘‘Content strategy: Avoiding the 11th-
hour sh**storm problem.
— Karen McGrane
You can make
launch less painful.
www.flickr.com/photos/west_point/5357124683
create a parallel
process for content.
the rewrite
workshop
How does this reflect
our strategy (or not)?
What would need to
change to make this
on message?
Where do I start?
the divide-
and-conquer
Which jobs need to
be done?
Who is responsible?
How important are
they to the project?
www.flickr.com/photos/clam113/2666711074
start with a
team sport.
www.flickr.com/photos/dandelion-tree/4525221446
keep everyone
active.
Activities help...
• focus the team
• encourage decisions
• make the work feel
achievable
www.flickr.com/photos/merlym/3512356738/
BUT I’M A
DESIGNER!
Content strategist
Content strategy
Bring your design
skills to content
problems.
www.flickr.com/photos/101018579@N06/12068350556
WHAT’S IN
THE FRAME?
focal points
branding
feeling
action
But there’s
another side, too.
subject matter
internal resources
workflows
maintenance
www.flickr.com/photos/paulmannix/261313412
you can be
the bridge.
www.flickr.com/photos/paulmannix/261313412
what we
need to
sustain
what we
need for
launch
change can be
disorienting.
www.flickr.com/photos/adactio/12674602864/
www.flickr.com/photos/visualsensory/6849199972
content strategy
helps us focus.
Flickr images used via Creative Commons Attribution license unless otherwise noted.
Illustrations by Eva-Lotta Lamm. Used with permission.
sarawb.com // @sara_ann_marie
thank you,
BOSTON

More Related Content

PPTX
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
PDF
Changing Content, Changing Culture
PDF
Flexible Content Requires Future-Ready Organizations
PDF
Structuring Content, Restructuring Organizations - CS Forum 2012
PDF
Write like a human, think like a robot
PPTX
Optimizing Content Visibility (St. Louis WordCamp)
PPTX
Learning to Love your CMS
PDF
Designer vs Developer: BE THE UNICORN
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
Changing Content, Changing Culture
Flexible Content Requires Future-Ready Organizations
Structuring Content, Restructuring Organizations - CS Forum 2012
Write like a human, think like a robot
Optimizing Content Visibility (St. Louis WordCamp)
Learning to Love your CMS
Designer vs Developer: BE THE UNICORN

What's hot (20)

ODP
Manage software risk in uncertain times with Agile
PPT
Agile Intro + Learning Game
PPTX
HTML5: Not Just for Breakfast
ODP
Google Authorship Bugs and Problems
PDF
WordCamp ATL 2017 - Beginner Session - Plugins
PPTX
How to Make WordPress Your Friend
PPTX
WordPress media library - Going Outside the Instructionsmedia library
PPTX
Use Google Docs to monitor SEO by pulling in Google Analytics #BrightonSEO
PDF
Joost's Wordpress Affiliate Session @ LAC 2010
 
PDF
Create a better seach engine than Google
PPTX
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
PPTX
TFM - Using Google Tag Manager for ecom
PDF
SEO Social Blog: Wordpress SEO with Joost de Valk
PDF
webapp 8/29
PPTX
The Million Dollar Dog - Lessons from a decade of Paid Social
PPTX
On-Page SEO EXTREME - SEOZone Istanbul 2013
PDF
Take a Picture, It'll Last Longer
PDF
Intro to Ravelry
PPTX
Google Mobileageddon: Sydney Product Mavens Meetup April, 15th
PDF
A Deep Dive Into SEO Tactics For Modern Javascript Frameworks
Manage software risk in uncertain times with Agile
Agile Intro + Learning Game
HTML5: Not Just for Breakfast
Google Authorship Bugs and Problems
WordCamp ATL 2017 - Beginner Session - Plugins
How to Make WordPress Your Friend
WordPress media library - Going Outside the Instructionsmedia library
Use Google Docs to monitor SEO by pulling in Google Analytics #BrightonSEO
Joost's Wordpress Affiliate Session @ LAC 2010
 
Create a better seach engine than Google
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
TFM - Using Google Tag Manager for ecom
SEO Social Blog: Wordpress SEO with Joost de Valk
webapp 8/29
The Million Dollar Dog - Lessons from a decade of Paid Social
On-Page SEO EXTREME - SEOZone Istanbul 2013
Take a Picture, It'll Last Longer
Intro to Ravelry
Google Mobileageddon: Sydney Product Mavens Meetup April, 15th
A Deep Dive Into SEO Tactics For Modern Javascript Frameworks
Ad

Similar to Design for What Matters With Content Strategy (20)

PDF
The Great Dis-Content: Tackling Content in a Website Redesign
PDF
Predicate | Our Capabilities: The Predicate Approach to Content Strategy
PPTX
Content Strategy: What's In It For You? at CS NYC
PDF
Activities and Exercises for Workshops that Work (Confab 2019)
PPT
Herdingcats
PPT
Intro to Content Strategy: January 2013
PPTX
Content Strategy in Higher Education
PDF
Content Strategy as a Methodology
PPT
Content Strategy: UX's New BFF!
PPSX
Content Strategy: What's In It For You? at Atlanta Content Strategy
PDF
Content Strategy
PPTX
In-House Content Strategy - MinneWebCon April 2013
KEY
SVC Content Strategy Workshop - Winter 2012
PDF
Creating a Content Strategy for your Nonprofit Website
KEY
A Crash Course in Content Strategy
PDF
Communicating With Purpose: Digital Content Strategy for Higher Education
PDF
Predicate | Audit, Plan, Build, Grow: A Methodology for Content Strategy
PPTX
Technical Communication and Web Content Strategy
PPTX
Understanding the Business Value of Content Strategy (TUG Open House)
PDF
Predicate | When Content Management Needs a Content Strategy
The Great Dis-Content: Tackling Content in a Website Redesign
Predicate | Our Capabilities: The Predicate Approach to Content Strategy
Content Strategy: What's In It For You? at CS NYC
Activities and Exercises for Workshops that Work (Confab 2019)
Herdingcats
Intro to Content Strategy: January 2013
Content Strategy in Higher Education
Content Strategy as a Methodology
Content Strategy: UX's New BFF!
Content Strategy: What's In It For You? at Atlanta Content Strategy
Content Strategy
In-House Content Strategy - MinneWebCon April 2013
SVC Content Strategy Workshop - Winter 2012
Creating a Content Strategy for your Nonprofit Website
A Crash Course in Content Strategy
Communicating With Purpose: Digital Content Strategy for Higher Education
Predicate | Audit, Plan, Build, Grow: A Methodology for Content Strategy
Technical Communication and Web Content Strategy
Understanding the Business Value of Content Strategy (TUG Open House)
Predicate | When Content Management Needs a Content Strategy
Ad

More from Sara Wachter-Boettcher (17)

PDF
Managing the Content Process
PDF
Everybody Hurts: Content for Kindness
PDF
Content Amid Chaos
PDF
Orchestrating Content—FOWD NYC
PDF
In It Together: Co-Creating Your Content Strategy
PDF
Orchestrating Content
PDF
All Together Now: Content & Collaboration in a Responsive Redesign
PDF
Content & Control - Web Design Day 2013
PDF
Our Mobile Moment - Content Strategy Applied Keynote
PDF
What you don't know will hurt you: Designing with and for existing content
PDF
What you don't know will hurt you: designing with and for existing content
PDF
Getting unstuck: content strategy for the future
KEY
Getting Flexible: Working Content into Responsive Design—MIMA Summit
KEY
Content that Travels: Euro IA 2012
KEY
Building Bendable Content - MidwestUX 2012
KEY
Content Everywhere - WebVisions PDX
PDF
Content as an Asset: Agencyside Back in the Black Workshop
Managing the Content Process
Everybody Hurts: Content for Kindness
Content Amid Chaos
Orchestrating Content—FOWD NYC
In It Together: Co-Creating Your Content Strategy
Orchestrating Content
All Together Now: Content & Collaboration in a Responsive Redesign
Content & Control - Web Design Day 2013
Our Mobile Moment - Content Strategy Applied Keynote
What you don't know will hurt you: Designing with and for existing content
What you don't know will hurt you: designing with and for existing content
Getting unstuck: content strategy for the future
Getting Flexible: Working Content into Responsive Design—MIMA Summit
Content that Travels: Euro IA 2012
Building Bendable Content - MidwestUX 2012
Content Everywhere - WebVisions PDX
Content as an Asset: Agencyside Back in the Black Workshop

Recently uploaded (20)

PPTX
Special finishes, classification and types, explanation
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Interior Structure and Construction A1 NGYANQI
DOCX
The story of the first moon landing.docx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PDF
Phone away, tabs closed: No multitasking
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
The Advantages of Working With a Design-Build Studio
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
High-frequency high-voltage transformer outline drawing
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
12. Community Pharmacy and How to organize it
PPTX
artificialintelligencedata driven analytics23.pptx
Special finishes, classification and types, explanation
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Interior Structure and Construction A1 NGYANQI
The story of the first moon landing.docx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
SEVA- Fashion designing-Presentation.pdf
Implications Existing phase plan and its feasibility.pptx
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Package Design Design Kit 20100009 PWM IC by Bee Technologies
Phone away, tabs closed: No multitasking
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
AD Bungalow Case studies Sem 2.pptxvwewev
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
The Advantages of Working With a Design-Build Studio
YV PROFILE PROJECTS PROFILE PRES. DESIGN
High-frequency high-voltage transformer outline drawing
Quality Control Management for RMG, Level- 4, Certificate
12. Community Pharmacy and How to organize it
artificialintelligencedata driven analytics23.pptx

Design for What Matters With Content Strategy