Content Everywhere - WebVisions PDX
•Download as KEY, PDF•
28 likes•11,834 views
Responsive. Adaptive. Mobile first. Cross-channel. Everywhere you turn, web workers are chattering about a more flexible future. There’s only one little flaw: our content’s not ready for the party. Fixed firmly to inflexible pages, today’s content is stuck in meaningless blobs that break long before they bend. We can't keep creating more content for every new device and channel. Instead, we need content that does more for us—content that can travel and shift with its meaning and message intact.
Recommended
More Related Content
More from Sara Wachter-Boettcher
More from Sara Wachter-Boettcher (15)
Recently uploaded
Recently uploaded (20)
Content Everywhere - WebVisions PDX
- 1. Content Everywhere Rethinking content for a more flexible, future-ready web. Sara Wachter-Boettcher WebVisions PDX 2012
- 4. But first: a quick look at the past. #WVpdx | 05.18.2012 @sara_ann_marie
- 5. hat’s a Yep, t nap. wet 2009: content strategist seeks messy project #WVpdx | 05.18.2012 @sara_ann_marie
- 7. Later that year... #WVpdx | 05.18.2012 @sara_ann_marie
- 10. Wait a second. #WVpdx | 05.18.2012 @sara_ann_marie
- 11. Soaring peaks #WVpdx | 05.18.2012 @sara_ann_marie
- 12. Historic charm #WVpdx | 05.18.2012 @sara_ann_marie
- 13. Americana galore #WVpdx | 05.18.2012 @sara_ann_marie
- 14. #WVpdx | 05.18.2012 @sara_ann_marie
- 15. I want to go there. #WVpdx | 05.18.2012 @sara_ann_marie
- 17. #WVpdx | 05.18.2012 @sara_ann_marie
- 18. 2010: We’ve gotta go mobile. #WVpdx | 05.18.2012 @sara_ann_marie
- 19. #WVpdx | 05.18.2012 @sara_ann_marie
- 20. There’s only one restaurant in town? #WVpdx | 05.18.2012 @sara_ann_marie
- 21. This will fix everything! #WVpdx | 05.18.2012 @sara_ann_marie
- 22. #WVpdx | 05.18.2012 @sara_ann_marie
- 23. The content is great. But it’s stuck. #WVpdx | 05.18.2012 @sara_ann_marie
- 24. ✦ Top-down navigation only #WVpdx | 05.18.2012 @sara_ann_marie
- 25. ✦ Long WYSIWYG-formatted pages #WVpdx | 05.18.2012 @sara_ann_marie
- 26. #WVpdx | 05.18.2012 @sara_ann_marie
- 27. 2011: Fixing (part of) the problem. #WVpdx | 05.18.2012 @sara_ann_marie
- 28. Flexible content needs to have structure. #WVpdx | 05.18.2012 @sara_ann_marie
- 29. ✦ Not just hierarchical, but relational Links to Related Links to Feature Links to Business Author Bio Related Article Related Tagged by Tagged by Landmark Tagged by City Links to Related Tagged Tagged Blog Post by by Links to Related Related to Deal Event #WVpdx | 05.18.2012 @sara_ann_marie
- 30. ✦ Not big blobs, but elements #WVpdx | 05.18.2012 @sara_ann_marie
- 31. This matters to all of us right now. #WVpdx | 05.18.2012 @sara_ann_marie
- 32. ✦ We know this much is true. From Brad Frost, “This is the Web” #WVpdx | 05.18.2012 @sara_ann_marie
- 33. There are only two ways to keep up. #WVpdx | 05.18.2012 @sara_ann_marie
- 34. We can create more content, or make our content do more. #WVpdx | 05.18.2012 @sara_ann_marie
- 35. 3 steps toward flexible, portable content. #WVpdx | 05.18.2012 @sara_ann_marie
- 36. ✦ GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
- 37. ✦ GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
- 38. “We are all content strategists now.” - Karen McGrane #WVpdx | 05.18.2012 @sara_ann_marie
- 39. Small screens Strange new screens Load time concerns Save for later Reader view #WVpdx | 05.18.2012 @sara_ann_marie
- 40. As the bells and whistles disappear, what’s left? #WVpdx | 05.18.2012 @sara_ann_marie
- 41. Those who don’t design for readers might soon not be designing for anyone.” - Jeffrey Zeldman #WVpdx | 05.18.2012 @sara_ann_marie
- 42. Content like water #WVpdx | 05.18.2012 @sara_ann_marie
- 43. Content is chunky. #WVpdx | 05.18.2012 @sara_ann_marie
- 44. Chunky is good. #WVpdx | 05.18.2012 @sara_ann_marie
- 45. When we get close to content, we can embrace the chunks. #WVpdx | 05.18.2012 @sara_ann_marie
- 46. ✦ GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
- 47. “Permanently placing content on a web page...is becoming a thing of the past.” - Trent Walton #WVpdx | 05.18.2012 @sara_ann_marie
- 49. #WVpdx | 05.18.2012 @sara_ann_marie
- 50. #WVpdx | 05.18.2012 @sara_ann_marie
- 51. #WVpdx | 05.18.2012 @sara_ann_marie
- 52. #WVpdx | 05.18.2012 @sara_ann_marie
- 53. FINALLY! #WVpdx | 05.18.2012 @sara_ann_marie
- 54. W hy isn’t at co ntent th here? rig ht #WVpdx | 05.18.2012 @sara_ann_marie
- 55. Content Stacking vs. Interdigitation From Trent Walton, “Content Choreography” #WVpdx | 05.18.2012 @sara_ann_marie
- 56. Before content can shift, it needs structure. #WVpdx | 05.18.2012 @sara_ann_marie
- 57. m uc h Can’t do w it h t h is #WVpdx | 05.18.2012 @sara_ann_marie
- 58. , opt ions! Hello #WVpdx | 05.18.2012 @sara_ann_marie
- 59. But before you build structure, you need meaning. #WVpdx | 05.18.2012 @sara_ann_marie
- 60. ✦ PURPOSE What is this content supposed to accomplish? ✦ MESSAGE What’s it saying? How does each element contribute? ✦ RELATIONSHIPS What other content elements is it related to? How? ✦ PRIORITIES How important is it compared to other elements? #WVpdx | 05.18.2012 @sara_ann_marie
- 61. don’t have Yo u e t h is to mak #WVpdx | 05.18.2012 @sara_ann_marie
- 62. jus t Maybe hese Content Item o ne of t Content Item Attributes: Attributes: ⁃ Title ⁃ Title ⁃ Date Relation ⁃ Date ⁃ Author -ship ⁃ Location ⁃ Abstract ⁃ Teaser ⁃ Detailed ⁃ Detailed Content Content Content Item Relation Attributes: -ship ⁃ Title ⁃ Date Relation ⁃ Author -ship ⁃ Abstract ⁃ Detailed Content Item Content Attributes: ⁃ Title Relation Relation -ship ⁃ Address -ship ⁃ Short Description Content Item Attributes: ⁃ Title Relation ⁃ Date -ship ⁃ Author ⁃ Abstract ⁃ Detailed Content #WVpdx | 05.18.2012 @sara_ann_marie
- 63. ✦ GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
- 64. “Adaptive web pages are cooked up from relevant content chunks and ingredients, using the special sauce of metadata.” - Lyza Danger Gardner #WVpdx | 05.18.2012 @sara_ann_marie
- 65. We can’t manually manage how each bit of content looks. #WVpdx | 05.18.2012 @sara_ann_marie
- 66. But when we have structure, we can make rules. #WVpdx | 05.18.2012 @sara_ann_marie
- 67. Robots like rules.
- 68. P -> Q #WVpdx | 05.18.2012 @sara_ann_marie
- 69. f resizing for I all screens... low the sm t hen ref ews m o dules. n
- 70. If the page is ears... a bo ut black b ck bear en pul l in bla th news... vi d eos and bitats and show ha ck to bla relate d bears.
- 71. ontent If we make c arties... t h ir d p access ible to titles, inclu de the n only , links, ad par agrap hs le a in t h e API. and m etadat
- 72. Better content knowledge v | More meaningful parts v | Rules that best reflect human choices #WVpdx | 05.18.2012 @sara_ann_marie
- 73. Robots aren’t human, but our content must be. #WVpdx | 05.18.2012 @sara_ann_marie
- 74. or Pss t! Lo ok f re ver ywhe Co ntent E feld n f ro m Rose . Me d i a so on Thank you, PDX! More me: sarawb.com | @sara_ann_marie Photo Credits ✦ Peanut Butter Toast from Luzbonita on Flickr ✦ Future by Tatsushi Morimoto from 50watts.com ✦ Faucet by Brian Gaid on Flickr ✦ Flagstaff photos courtesy Arizona Office of Tourism ✦ Girl with PBJ by Old Shoe Woman on Flickr ✦ Deflated balloon photos by Silverfuture on Flickr ✦ Robot by John Greenaway on Flickr ✦ Silos from dsearls on Flickr
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n