Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Kristina Halvorson - A Content Strategy Roadmap

F9ccdb1fd3be748a9cbc4937d5b15465?s=47 UX London
May 01, 2012

Kristina Halvorson - A Content Strategy Roadmap

How to make a website: discover, define, design, develop, deploy. It’s a familiar framework for most of our project processes. Now along comes this content strategy thing. Sure, it sounds like a great idea, but how does it fit in with what we’re already doing? Kristina will walk us through a typical website project to demonstrate why, how, where, and when content strategy happens.

F9ccdb1fd3be748a9cbc4937d5b15465?s=128

UX London

May 01, 2012
Tweet

More Decks by UX London

Other Decks in Design

Transcript

  1. A Content Strategy Roadmap UX London 2012 • Kristina Halvorson

  2. Content

  3. This is copywriting.

  4. This is content.

  5. Content Strategy

  6. Content strategy plans for the creation, delivery and governance of

    useful, usable content.
  7. Not just … • What

  8. But … • What • Why • How • When

    • For whom • With what • Where • When • How often • What next
  9. None
  10. Core Strategy (or, Purpose) What will your content do for

    your business and your users?
  11. Substance What content do you and your audiences need, and

    why?
  12. Structure How is content organized, prioritized, and accessed?

  13. Workflow How is content created and maintained?

  14. Governance How are decisions about content and content strategy made?

  15. None
  16. The Story of Jasper and the Tree Frogs (and His

    Website)
  17. http://www.animalpicturesforkids.info/images/wmwallpapers/Blue-Poison-Dart-Frog-1.jpeg

  18. http://www.flickr.com/photos/briangratwicke/4396412750/

  19. None
  20. None
  21. http://www.flickr.com/photos/briangratwicke/4396252726/sizes/l/in/photostream/

  22. http://www.flickr.com/photos/meneldur/128086667/sizes/z/in/photostream/

  23. http://www.flickr.com/photos/striatic/1101476/sizes/z/in/photostream/

  24. http://www.flickr.com/photos/fernando/36759033/

  25. http://www.flickr.com/photos/bennybenso/1477405293/

  26. http://www.flickr.com/photos/briangratwicke/4396412750/

  27. ANGIE PROJECT MANAGER BEN USER EXPERIENCE DAVE VISUAL DESIGNER CARI

    DEVELOPER TEAMWEB
  28. Discover Define Design Develop Deploy

  29. The Kickoff

  30. None
  31. None
  32. None
  33. How will your content serve your business and your users?

  34. Discover Define Design Develop Deploy Discover Define Design Develop Deploy

  35. • Business objectives • Current technology • Project objectives •

    Functional requirements • User research • Cross-platform initiatives • Stakeholder interviews • Industry trends • Usability testing • Competitors • Design research • Content audit Discover
  36. None
  37. None
  38. http://lsdev.biz/files/2010/08/Sample_Content_Audit.jpg high level tree frog audit

  39. high level tree frog audit

  40. None
  41. high level tree frog audit

  42. ANGIE PROJECT MANAGER BEN USER EXPERIENCE DAVE VISUAL DESIGNER CARI

    DEVELOPER TEAMWEB
  43. JULIE COPYWRITER JULIE CONTENT WRANGLER

  44. • Business objectives • Current technology • Project objectives •

    Functional requirements • User research • Contextual considerations • Stakeholder interviews • Industry trends • Usability testing • Competitors • Design research • Content audit Discover CONTENT • Content ROT • Stakeholder agendas • Current style guide • Content owners • Content readability • Workflow and timelines • Search analytics • Metadata integrity • Legal requirements • Translation requirements • Channel requirements • Accessibility requirements
  45. None
  46. • Substance: Who are you trying to reach? Why? What

    do they want to know? Is your current content accurate, relevant, up-to-date? • Structure: Where is your content? How is it organized? What does your metadata look like? How do people find your content? Are you delivering content on multiple channels and platforms? • Workflow: How does content happen (from creation to deletion)? Who is involved? • Governance: What are your policies, guidelines, and standards? Who owns that?
  47. “Tell me more about that.”

  48. Discover Define Design Develop Deploy Discover Define Design Develop Deploy

  49. • Project plan • High level architecture • Website objectives

    • Content requirements • Success metrics • Features definition • Dependencies • Development plan • Branding elements • User testing/QA • Design mock-ups • Launch plan Define
  50. None
  51. http://www.flickr.com/photos/foodclothingshelter/3697096198/sizes/l/in/photostream/

  52. Back it up. • What • Why • How •

    When • For whom • With what • Where • When • How often • What next
  53. • Project plan • High level architecture • Website objectives

    • Content requirements • Success metrics • Features definition • Branding elements • Development plan • Design concepts • QA requirements • Core messaging • Workflow design • Style guide • Role descriptions • Topics and transactions • Editorial calendar • Governance guidelines • Content migration plans • Core messaging Define CONTENT
  54. Messaging Mesaging is an internal tool used to… • Prioritize

    content types and choices • Keep content consistent (over media and time) • Guide design choices • Align content owners
  55. BEN USER EXPERIENCE JULIE CONTENT WRANGLER

  56. Junglebox makes it possible for everyone to experience the joy

    of owning, breeding and raising exotic frogs. CORE MESSAGE
  57. high level tree frog audit

  58. Define • Core messaging • Workflow design • Style guide

    • Role descriptions • Topics / Transactions • Editorial calendar • Governance guidelines • Content migration specs CONTENT
  59. Smart These tiny springtails float on the water’s surface, which

    makes it easier to remove them for feedings. Due to their tiny size, springtails float on the surface of water. This trait can be exploited when attempting to remove the springs from their culture for feedings. Helpful Have questions? I’m happy to help out however I can. Should you have questions or concerns regarding our live specimens, products, shipping or other subject, please contact us so we may be of assistance. Enthusiastic Our new vivariums have us hopping up and down with excitement. OMG! Check out our awesome new crop of Dendrobates Tinctorius!! Seriously, you’ll freak out over these. FREAK. OUT. Junglebox is… Like this. Not this. SHORT STYLE GUIDE:
  60. Define • Core messaging • Workflow design • Style guide

    • Role descriptions • Topics / Transactions • Editorial calendar • Governance guidelines • Content migration specs CONTENT
  61. ANGIE PROJECT MANAGER JULIE CONTENT WRANGLER

  62. EDITORIAL CALENDAR

  63. Discover Define Design Develop Deploy Discover Define Design Develop Deploy

  64. • Detailed site map • Visual treatment definition • Page

    types • Mockups • Wireframes • Style guide • Storyboards • Copywriting • Task design • Video/audio creation • Application structure • CMS templates Design
  65. high level tree frog audit

  66. FEATURED FROGS JUNGLEBOX Buy Dart Frogs Buy Supplies Our Gallery

    Watch & Learn Jasper’s Frog Blog Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Contact Jasper Herpetology the way you like it. Flexible space #1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Flexible space #2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Flexible space #3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur FROG 1 FROG 2 FROG 3 Our Story Login | Checkout
  67. Lorem ipsum dolor sit amet, consectetur adipiscing elit. FEATURED FROGS

    JUNGLEBOX Buy Dart Frogs Buy Supplies Our Gallery Watch & Learn Our Story Jasper’s Frog Blog frog 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur frog 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur frog 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Contact Jasper Learn: (topic) Frog Blog ON SALE! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Herpetology the way you like it. Login | Checkout
  68. None
  69. Design • Messaging hierarchy • Workflow design • Page tables

    • Role descriptions • Content attributes • Editorial calendar • Metadata schema • Content migration specs CONTENT
  70. BEN USER EXPERIENCE JULIE CONTENT WRANGLER

  71. Design • Messaging hierarchy • Workflow design • Page tables

    • Role descriptions • Content attributes • Editorial calendar • Metadata schema • Content migration specs CONTENT • Page tables
  72. None
  73. Page: Products Objective: Help customers understand we are experts who

    sell the same high quality products we use ourselves, so they will have the confidence to buy. Source Material: Current site, product box copy, current campaign materials Maintenance: Monthly Key Messages: After 10+ years of raising frogs, these are the products we recommend. You don’t have to shop around, because everything you need is right here. Priority 1: Highlight product categories Only three bullet points (10-15 words each) for each category. - What is it? - What is it for? - Why will it help you? Priority 2: Intro text One sentence about how Junglebox only offers the products we use ourselves. Page Table
  74. DAVE VISUAL DESIGNER JULIE CONTENT WRANGLER

  75. Lorem ipsum dolor sit amet, consectetur adipiscing elit. FEATURED FROGS

    JUNGLEBOX Buy Dart Frogs Buy Supplies Our Gallery Watch & Learn Our Story Jasper’s Frog Blog frog 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur frog 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur frog 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non massa accumsan odio consectetur Contact Jasper Learn: (topic) Frog Blog ON SALE! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Herpetology the way you like it. Login | Checkout
  76. Junglebox makes it possible for everyone to experience the joy

    of owning, breeding and raising exotic frogs. CORE MESSAGE
  77. Smart These tiny springtails float on the water’s surface, which

    makes it easier to remove them for feedings. Due to their tiny size, springtails float on the surface of water. This trait can be exploited when attempting to remove the springs from their culture for feedings. Helpful Have questions? I’m happy to help out however I can. Should you have questions or concerns regarding our live specimens, products, shipping or other subject, please contact us so we may be of assistance. Enthusiastic Our new vivariums have us hopping up and down with excitement. OMG! Check out our awesome new crop of Dendrobates Tinctorius!! Seriously, you’ll freak out over these. FREAK. OUT. Junglebox is… Like this. Not this. SHORT STYLE GUIDE:
  78. Page: Products Objective: Help customers understand we are experts who

    sell the same high quality products we use ourselves, so they will have the confidence to buy. Source Material: Current site, product box copy, current campaign materials Maintenance: Monthly Key Messages: After 10+ years of raising frogs, these are the products we recommend. You don’t have to shop around, because everything you need is right here. Priority 1: Highlight product categories Only three bullet points (10-15 words each) for each category. - What is it? - What is it for? - Why will it help you? Priority 2: Intro text One sentence about how Junglebox only offers the products we use ourselves. Page Table
  79. EXCITING, EXOTIC DART FROGS JUNGLEBOX Buy Dart Frogs Buy Equipment

    Our Gallery Watch & Learn Our Story Jasper’s Frog Blog Dendrobates auratus The green-and-black poison arrow frog is the most-often sighted frog in the wild. Epipedobates tricolor Some of the smallest frogs around, ranging from 1 to 4 centimeters. Phyllobates terribilis The world’s most poisonous vertebrate. Vulnerable to disease and climate change. Contact Jasper Learn: Feeding Frog Blog ON SALE! Avoid these top 5 mistakes when feeding your growing frog. 04.17.12 — Jasper shares how climate change can affect your littlest friends We’re overstocked on a few of Jasper’s favorites. Check them out > Herpetology the way you like it.
  80. Discover Define Design Develop Deploy Discover Define Design Develop Deploy

  81. • HTML templates • Development environment • Back end components

    • Data model • QA • Content upload • Error log • Authoring conventions • System integration • SEO implementation Develop
  82. None
  83. None
  84. ANGIE PROJECT MANAGER JULIE CONTENT WRANGLER

  85. high level tree frog audit

  86. http://www.web-content-strategy.com/

  87. http://www.web-content-strategy.com/

  88. • ` http://www.web-content-strategy.com/

  89. http://www.web-content-strategy.com/

  90. http://www.web-content-strategy.com/

  91. http://www.web-content-strategy.com/

  92. None
  93. • HTML templates • Development environment • Coding • Data

    model • QA • Content upload • Error log • Authoring conventions • System integration • SEO implementation • Content inventory • Per-page metadata • Content upload • Error messages • Full editorial style guide • Training materials • SEO guidelines • Content QA plan Develop CONTENT
  94. Discover Define Design Develop Deploy Discover Define Design Develop Deploy

  95. h"p://www.flickr.com/photos/pinguino/4081421885/

  96. None
  97. Care for • Ongoing QA plan • Rolling content inventory

    • Metrics analysis • Staff coaching • Editorial oversight • Sourcing reviews • Metadata oversight • Governance board reviews CONTENT
  98. Content first.

  99. None
  100. None
  101. Fragmenting our content across different ‘device-optimized’ experiences is a losing

    proposition, or at least an unsustainable one. – Ethan Marcotte, Responsive Design “
  102. http://nimble.razorfish.com/publication/?m=11968&l=1

  103. • Empower your writers • Use real copy • Assign

    content owners • Editorial calendar • Content inventory • Collaborate on metadata • Short-form style guide • Content QA plan • Page tables • Don’t look back Start small. Start here. • Don’t look back
  104. Content always.

  105. Thanks. • kristina@braintraffic.com • http://blog.braintraffic.com All  images  used  under  CreaAve

     Commons  licensing
  106. And thanks to our cast… ANGIE DOERR BEN BEUCHLER DAVE

    DOHMEIER CARI TUMA JULIE HORTON