UX London Applying Brand-Driven Content Strategy
76
Learn your ABCs: Applying Brand-driven Content Strategy Margot Bloomstein UX London April 2013 @mbloomstein
-
Upload
margot-bloomstein -
Category
Design
-
view
138 -
download
2
description
Trying to manage feature creep? What about seagulling stakeholders? And what content matters most, anyhow? These questions and other challenges drive content strategy; they’re basic issues to any strategist planning for content and the workflow behind it. But what if you’re not a content strategist? What if you need to empower a team, wrangle a whinging client, and rally everyone around a common vocabulary for your primary navigation… not to mention branded error messaging? No matter your title, it’s time to embrace content strategy, starting with the message architecture. Brand-driven content strategy complements user-centered design, and this workshop will help you get up to speed on the philosophy, questions, tools, and exercises to implement it. We’ll conduct a hands-on exercise to prioritize communication goals and develop a message architecture—ideal whether you design for the web, mobile apps, social media, or offline experiences. Fancy more efficient engagements? You’ll also discover how a brand attributes cardsort can help you identify potential pitfalls and points of disagreement while you improve organizational alignment. Then use this foundation to conduct a qualitative and quantitative content audit. We’ll discuss the content opportunities a gap analysis reveals when we use the message architecture as a metric of quality. You’ll leave with the savvy and experience to bring brand-driven content strategy techniques and thinking into your own work. Presented as a workshop at UX London, #UXLondon, April 12 2013, in Greenwich UK.
Transcript of UX London Applying Brand-Driven Content Strategy
@mbloomstein | #UXLondon 1
© 2013 © 2011
Learn your ABCs: Applying Brand-driven Content Strategy
Margot Bloomstein UX London April 2013 @mbloomstein
@mbloomstein | #UXLondon 2
© 2013
Unless you understand what people are trying to do with your content you cannot know if it’s working or not.” Gerry McGovern
“
@mbloomstein | #UXLondon 3
© 2013
Your serve. And who are you again?
@mbloomstein | #UXLondon 4
© 2013
What is content strategy?
Planning for the creation, aggregation, delivery, and governance of useful, usable, and appropriate content in an experience.
@mbloomstein | #UXLondon 5
© 2013
Steps along the way…
Message architecture Content audit/inventory Prescriptive content matrix Content model Editorial style guidelines Metadata guidelines Governance guidelines
@mbloomstein | #UXLondon 6
© 2013
Steps along the way…
Message architecture Content audit/inventory Prescriptive content matrix Content model Editorial style guidelines Metadata guidelines Governance guidelines
Deliverables are merely punctuation in the conversation. Don’t let them replace the conversation.
Why content strategy?
Why content strategy?
Because we all want the same thing, but content keeps getting in the way.
@mbloomstein | #UXLondon 10
© 2013
Content demands attention
@mbloomstein | #UXLondon 11
© 2013
Because we all want the same thing, but content keeps getting in the way.
(CC) http://www.flickr.com/photos/slworking
Content requires time
@mbloomstein | #UXLondon 12
© 2013
Sustainable content is content you can create—and maintain—without going broke, without lowering quality in ways that make the content suck, and without working employees into nervous breakdowns. Erin Kissane, The Elements of Content Strategy
@mbloomstein | #UXLondon 13
© 2013
Content dredges up politics
©Margot Bloomstein
@mbloomstein | #UXLondon 14
© 2013
to change, empower, support, advocate, teach, simplify, consolidate, remind, inform…
You cannot act in passive voice
@mbloomstein | #UXLondon 15
© 2013
to change, empower, support, advocate, teach, simplify, consolidate, remind, inform… Content demands an owner & ownership.
You cannot act in passive voice
This is your job now.
@mbloomstein | #UXLondon 17
© 2013
©Skillset.org
@mbloomstein | #UXLondon 18
© 2013
First things first.
What do you need to communicate?
@mbloomstein | #UXLondon 19
© 2013
First things first.
Why even…redesign the website, let the CEO start blogging, audit the content, start engaging on Twitter, consolidate the site architecture, add video testimonials, incorporate user reviews, develop new brand guidelines… if you don’t know what you need to communicate?
If you don’t know what you need to communicate, how will you know if you succeed?
@mbloomstein | #UXLondon 21
© 2013
What’s a message architecture?
A hierarchy of communication goals that reflects a common vocabulary.
@mbloomstein | #UXLondon 22
© 2013
A little thing with big impact.
@mbloomstein | #UXLondon 23
© 2013
A little thing with big impact.
How could we prove this is a car not like anything else out there? It’s a small car, but it’s premium. You get a Porsche 911 ride for a fifth of the cost. It’s got history… but in Europe. You need to give people content to give them history.”
“
@mbloomstein | #UXLondon 24
© 2013
A little thing with big impact.
@mbloomstein | #UXLondon 25
© 2013
Message architecture
Premium technology • Assertive; ready to perform as a driver’s car • Proactive and supportive of spontaneity Classic design • Experienced and savvy Cheekiness • Smart, “punny,” hip • Fun, gleeful
@mbloomstein | #UXLondon 26
© 2013
@mbloomstein | #UXLondon 27
© 2013
@mbloomstein | #UXLondon 28
© 2013
@mbloomstein | #UXLondon 29
© 2013
@mbloomstein | #UXLondon 30
© 2013
If these emails are boring you and you don’t mind missing out on all the lip-smackin’ stuff we’ll be sending in the future, simply send a message to [email protected] and include “Unsubscribe” and your favorite fruit in the subject field.
@mbloomstein | #UXLondon 31
© 2013
Message architecture drives the user experience
@mbloomstein | #UXLondon 32
© 2013
Nomenclature Calls to action Instructional content Sentence structure Diction
…in content
@mbloomstein | #UXLondon 33
© 2013
Photographic angles Dark backgrounds Bold headlines Thick stroke weights
…and in design
@mbloomstein | #UXLondon 34
© 2013
…and in the choice of features and content types
@mbloomstein | #UXLondon 35
© 2013
What’s a message architecture?
A hierarchy of communication goals that reflects a common vocabulary.
@mbloomstein | #UXLondon 36
© 2013
What’s a message architecture?
Concrete, shared terminology, not abstract concepts.
@mbloomstein | #UXLondon 37
© 2013
Welcoming, but elite. Selective?
@mbloomstein | #UXLondon 38
© 2013
Accessible, open, and premiere.
@mbloomstein | #UXLondon 39
© 2013
Traditional, but edgy.
@mbloomstein | #UXLondon 40
© 2013 ©Warby Parker
@mbloomstein | #UXLondon 41
© 2013
Words are valuable, but meaningless without context and priority. (In a few minutes, we’ll give them context.)
@mbloomstein | #UXLondon 42
© 2013
Why do this?
Words are cheaper than comps.
@mbloomstein | #UXLondon 43
© 2013
Why do this?
Let creative colleagues refine the concept, rather than confirm the purpose.
@mbloomstein | #UXLondon 44
© 2013
How?
• Engage in a tangible, hands-on way • Encourage debate and conversation • Identify points of disagreement • Prevent seagulling • Force prioritization • Encourage ownership & investment
@mbloomstein | #UXLondon 45
© 2013
Cardsorting
• Groups of 7 – 10 • Pick 3 or 4 people to represent the brand • Everyone else: put on your content
strategy hats!
@mbloomstein | #UXLondon 46
© 2013
Group 1: You’re a multinational bank with a long history in Europe. To attract a broader and younger audience, you want to change how people view saving. Group 2: You represent a small university known and respected locally—but you want to grow in relevance and attract more applicants, faculty, and funding from around the country and world.
@mbloomstein | #UXLondon 47
© 2013
Group 3: You represent an architecture firm that specializes in historic preservation—but you want clients to turn to you for clever, historically appropriate additions too. Group 4: You represent a pharmaceutical company. After some issues with lab contamination and bad press, you overhauled operations and improved standards—and a new product release is testament to all that.
@mbloomstein | #UXLondon 48
© 2013
Group 5: You lead a restaurant group loved for its family-friendly dining. In one location you’re branching out to attract business people brokering deals over martinis—not milk & juice. Group 6: Your company is a government contractor that specializes in mobile field robotics… and thanks to some re-engineering back home, you’re about to start selling robotic home butlers too.
@mbloomstein | #UXLondon 49
© 2013
@mbloomstein | #UXLondon 50
© 2013
Cardsorting
Step one: • Who we are • Who we’re not • Who we’d like to be
Go with your gut for about 20 minutes.
@mbloomstein | #UXLondon 51
© 2013
@mbloomstein | #UXLondon 52
© 2013
Cardsorting
Step two: • Who we are Who we’d like to be
Think aspirational. What needs to change? ~15 minutes
@mbloomstein | #UXLondon 53
© 2013
Cardsorting
Step three: • Form groups: what goes together? • Prioritize the goals or groups • Tell the story of those aspirations ~15 minutes
@mbloomstein | #UXLondon 54
© 2013
Why do this?
Gain standards by which to conduct a qualitative audit. (What is “good” anyway?)
@mbloomstein | #UXLondon 55
© 2013
Why do this?
Promote new content types to manifest the message architecture—not just because they’re trendy or feasible.
@mbloomstein | #UXLondon 56
© 2013
So where to from here?
Content audit: measure quality against the aspirational attributes in the message architecture.
Audit time!
@mbloomstein | #UXLondon 58
© 2013
Message architecture Passionate about strategic discovery • Creative, spirited, inspired • Visionary, innovative thought leader and industry leader • Flexible Tactical and hands-on • In the trenches, in touch • Detail-oriented and methodical Pioneering • Groundbreaking, trend-setting • Modern and savvy People-focused and market-driven • Trusted by medical professionals, researchers, and media • Industry news source
@mbloomstein | #UXLondon 59
© 2013
@mbloomstein | #UXLondon 60
© 2013 Passionate? Creative? Hands-on? Pioneering and modern? Trusted?
@mbloomstein | #UXLondon 61
© 2013
@mbloomstein | #UXLondon 62
© 2013
Audit to understand what you have and what you need. Don’t just do it for fun. Before you can start, you need to know why. What are you trying to learn?
@mbloomstein | #UXLondon 64
© 2013
Every tab tracks the same data
Quantitative: • Head count: what do we have? • Is it consistent?
• Are similar content types consistent in size and structure?
• Is there parity of length, level of detail, and tone?
@mbloomstein | #UXLondon 65
© 2013
Every tab tracks the same data
Qualitative: is it any good? • ROT analysis: redundant, outdated, trivial • Current, relevant, and appropriate
to the message architecture • Does it serve the communication goals? • Does it speak to the target audience?
@mbloomstein | #UXLondon 66
© 2013
@mbloomstein | #UXLondon 67
© 2013
@mbloomstein | #UXLondon 68
© 2013
Each piece of content gets a row
Set up dropdowns to constrain data • Data Data validation List Sources
@mbloomstein | #UXLondon 69
© 2013
What will you learn?
• What do we have? • What are the patterns, elements, & types? • Is it any good? • Do people even like it? (Check analytics!) • What do we need to update? • What do we need to translate? • Where do we need more?
@mbloomstein | #UXLondon 70
© 2013
Where can you go?
• Prescribe new content types • Advocate for more frequent content updates • Promote a new editorial calendar • Reallocate budget across social media channels
@mbloomstein | #UXLondon 71
© 2013
Steps along the way…
Message architecture
Content audit/inventory
Prescriptive content matrix
Content model
Editorial style guidelines
Metadata guidelines
Governance guidelines
@mbloomstein | #UXLondon 72
© 2013
Steps along the way…
Message architecture
Content audit/inventory
Prescriptive content matrix
Content model
Editorial style guidelines
Metadata guidelines
Governance guidelines
Gap analysis
@mbloomstein | #UXLondon 73
© 2013
Steps along the way…
Message architecture
Content audit/inventory
Prescriptive content matrix
Content model
Editorial style guidelines
Metadata guidelines
Governance guidelines
Gap analysis
How
@mbloomstein | #UXLondon 74
© 2013
Steps along the way…
Message architecture
Content audit/inventory
Prescriptive content matrix
Content model
Editorial style guidelines
Metadata guidelines
Governance guidelines
Gap analysis
How
By whom & when
@mbloomstein | #UXLondon 75
© 2013
But first things first: What are you trying to communicate? What content do you have and what do you need to do that?
@mbloomstein | #UXLondon 76
© 2013
Thank you!
Margot Bloomstein @mbloomstein [email protected] slideshare.net/mbloomstein amzn.to/CSatWork Title image © Margot Bloomstein. All other images property of their respective owners, used under a Creative Commons license, or copyright as noted.
