Integrating Content Strategy into Your User Experience (UX) Design Process
out of 26
Post on 02-Dec-2014
Embed Size (px)
DESCRIPTIONThe content we put on our websites is an afterthought, lumped in with marketing that happens after a site is built. But a great content strategy starts during the wireframing process and continues long after a site design is finished. This deck is geared towards giving content strategists some practical tips to propose to your teams to make sure that you can carve out space and time in a project so that you can do your work well. It includes two real life examples AND some Super Mario references.
<ul><li> 1. Integrating Content Strategy and UX October 2, 2014 a presentation by Kate Eyler-Werve </li> <li> 2. About Mightybytes We solve problems by: UX research and strategy Responsive web design and development Content strategy Digital marketing and SEO Motion graphics Product development Drupal, Wordpress, Expression Engine ! </li> <li> 3. Who We Work With Mightybytes has over a decade of experience helping both for-profit and nonprofit organizations meet their goals. </li> <li> 4. Is your content strategy Princess Peach? </li> <li> 5. How to do Content First web design + People Process + Phase </li> <li> 6. The People Project Manager Developer Content Strategist UX Designer </li> <li> 7. The Process Business Goals Audience Goals Metrics Sketch </li> <li> 8. The Project Phase: Concepting </li> <li> 9. Documentation and Deliverables Annotated Wireframes Site Maps </li> <li> 10. Example 1: Building a new site a presentation by </li> <li> 11. SmartPowerIllinois.org </li> <li> 12. SmartPowerIllinois.org: Wireframes Learn about the smart grid Rank high in SEO Page 1, Google Search </li> <li> 13. SmartPowerIllinois.org: Wireframes Process: Joint wireframe sketch session Deliverable: Annotated Wireframes </li> <li> 14. SmartPowerIllinois.org: Site Map When do I get the smart meter? Rank high in SEO Page 1, Google Search </li> <li> 15. SmartPowerIllinois.org: Site Map Process: Joint site mapping Deliverable: Landing page </li> <li> 16. Example 2: Iterating an existing site a presentation by </li> <li> 17. Mightybytes.com: Homepage Design Can Mightybytes solve my problem? Showcase our expertise without a slider Clicks throughs </li> <li> 18. Plan A: The Grid Approach: Grid Result: 6% click through rate </li> <li> 19. Plan B: Single Call to Action Approach: Single CTA Result: 21% click through rate </li> <li> 20. Mightybytes.com: Reduce Pages Can Mightybytes solve my problem? Minimize number of website pages Eliminate low click pages </li> <li> 21. Plan A: Remove Services Page 404 Page Not Found Approach: Cut page w/ 2% views Result: Moz rank crash </li> <li> 22. Plan B: Add Capabilities Section Approach: Add capabilities Result: Moz rank recovery </li> <li> 23. The Thrilling Conclusion! a presentation by </li> <li> 24. Its dangerous to go alone. Take this! + People Process + Phase </li> <li> 25. ! Presentation by Kate Eyler-Werve </li> </ul>
View more >