Designing For Distributed Content Models
17 likes8,326 views
The document discusses the challenges of designing for distributed content, emphasizing the need for clarity and adaptability in a multi-device environment. It advocates for a systematic approach to content creation, focusing on understanding purpose, relationships, and priorities to achieve effective content strategy. The call to action is to design from the content out, preparing for new contexts and ensuring data usability across different platforms.
Designing For Distributed Content Models
- 1. DESIGNING DANIEL EIZANS FOR DISTRIBUTED WIAD2013 | 2.9.2013 CONTENT MODELS @danieleizans | #WIADA2
- 2. Let’s talk about patterns http://www.flickr.com/photos/ryanprince1974/7417131586/ http://www.flickr.com/photos/ryanprince1974/7417131586/ @danieleizans | #WIADA2
- 3. We look for clarity in patterns = @danieleizans | #WIADA2
- 4. But we’re increasingly distracted @danieleizans | #WIADA2
- 5. And Mobile Isn’t Going Away @danieleizans | #WIADA2
- 6. And oh, that *$#@&! context thing ... @danieleizans | #WIADA2
- 7. What’s a UX pro to do? RESPONSIVE DESIGN?! UNIFY CODEBASES? DEVICE SPECIFIC STRATEGY? PROTOTYPE? MOBILE FIRST?! ESCHEW WIREFRAMES? @danieleizans | #WIADA2
- 8. What (many of us) DO @danieleizans | #WIADA2
- 9. We create hierarchy. Home Ford Social Support LAD En Esp. More Ford Search Crossovers Hybrids Comm Shopping Cars Trucks All Tech Hub & SUVS and EVs Truck Tools C-Max C-Max Fusion Fusion Focus Build/Price Hybrid Energi Hybrid SE Energi Electric Hybrid Gallery Features Specs Models Accesories Pricing Etc. Games @danieleizans | #WIADA2
- 10. We catalogue and audit pages. @danieleizans | #WIADA2
- 11. We devise a strategy. @danieleizans | #WIADA2
- 12. We produce wireframes. @danieleizans | #WIADA2
- 13. Then we think about design and content. @danieleizans | #WIADA2
- 14. And then things like this happen. @danieleizans | #WIADA2
- 15. And happen.... @danieleizans | #WIADA2
- 16. And happen.... @danieleizans | #WIADA2
- 17. And happen.... @danieleizans | #WIADA2
- 18. And happen.... @danieleizans | #WIADA2
- 19. And happen.... @danieleizans | #WIADA2
- 20. And happen.... (for lots and lots of pixels) @danieleizans | #WIADA2
- 21. Taking 25 seconds to load @danieleizans | #WIADA2
- 22. Foundational workflows (and patterns) are failing us. @danieleizans | #WIADA2
- 23. These are problems we can solve http://www.rexfeatures.com/search/?kw=lego+italy&iso=GBR&lkw=lego&viah=Y&stk=N&sft=&search_action=# @danieleizans | #WIADA2
- 24. Design from the content out! A Call To Arms @danieleizans | #WIADA2
- 25. We must look beyond the page. @danieleizans | #WIADA2
- 26. Prepare for new devices and contexts. @danieleizans | #WIADA2
- 27. Prepare for distribution. @danieleizans | #WIADA2
- 28. Designing for Portability @danieleizans | #WIADA2
- 29. Content is messy. • PURPOSE What’s the content supposed to accomplish? • MESSAGE What’s it saying? How is it saying it? • RELATIONSHIPS What other content is conceptually connected? • PRIORITIES How important is it for the business? The user? @danieleizans | #WIADA2
- 30. Making sense of the mess 1. Content types (inventory) 2. Content wireframes 3. Content structure (data model) 4. CMS Plan 5. UX/Design 6. Prototype @danieleizans | #WIADA2
- 31. Content Inventory 1. Content Type / Persona 2. Production Source / Author / Owner 3. Original Intent (aka why was it made) 4. Content Quality / Score 5. Length / Word Count / File Size 6. Rights @danieleizans | #WIADA2
- 32. Goal: Understand the whys Content purpose Content quality Content reach @danieleizans | #WIADA2
- 33. Content Wireframe 1. Logo 2. Navigation 3. Headline 4. Author 5. Date 6. Related Assets 7. Related Badge 8. Comments 9. Related Articles 10. Social Links @danieleizans | #WIADA2
- 34. Content Wireframe 1 1. Logo 2 2. Navigation 4 3 3. Headline 4. Author 5 6 7 5. Date 6. Related Assets 7. Related Badge 10 8 8. Comments 9 9. Related Articles 10. Social Links @danieleizans | #WIADA2
- 35. Goal: Understand Hierarchy and Relationships 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 From Sara Wachter-Boettcher “Building Bendable Content” @danieleizans | #WIADA2
- 36. Focus on Structure By focusing on parts instead of pages, data is portable and able to shift when needed or seen as a competitive advantage. @danieleizans | #WIADA2
- 37. Goal: Create relationships in data Chunking data appropriately allows it to be nimble and repurposed quickly. @danieleizans | #WIADA2
- 38. CMS and Data Modeling What you see may be what you get, but what you get isnʼt good for content portability. @danieleizans | #WIADA2
- 39. CMS and Data Modeling Fields are your friends. They create relationships in the data and allow for scalability and meaning. @danieleizans | #WIADA2
- 40. So this will be like wearing handcuffs right? @danieleizans | #WIADA2
- 41. Models are like rails for each new experience @danieleizans | #WIADA2
- 42. We can’t manage how every bit of content looks @danieleizans | #WIADA2
- 43. Content Item Content Item But we can Attributes: ⁃ Title ⁃ Date ⁃ Author ⁃ Abstract Relation -ship Attributes: ⁃ Title ⁃ Date ⁃ Location ⁃ Teaser define rules ⁃ Detailed ⁃ Detailed Content Content Content Item Relation Attributes: -ship ⁃ Title and ⁃ Date Relation ⁃ Author -ship ⁃ Abstract ⁃ Detailed Content Item Content encourage Attributes: ⁃ Title Relation Relation -ship ⁃ Address -ship ⁃ Short Description relationships Relation Content Item Attributes: ⁃ Title ⁃ Date -ship ⁃ Author ⁃ Abstract ⁃ Detailed Content From Sara Wachter-Boettcher “Building Bendable Content” @danieleizans | #WIADA2
- 44. Clean, purposeful content flows @danieleizans | #WIADA2
- 45. And when content flows via systems, we can scale COPE Create Once Publish Everywhere
- 46. And we can design responsively @danieleizans | #WIADA2
- 47. And we can deploy @danieleizans | #WIADA2
- 48. Assured that our system is good for humans and robots @danieleizans | #WIADA2
- 49. “Content and form are lovers, their love-child is design” - Stephen Hay @danieleizans | #WIADA2
- 50. Hug it out. Get to work. @danieleizans | #WIADA2
- 51. Thanks. > Me (danieleizans.com) > Work (Team Detroit) > Passion (Contents Magazine) > Microthoughts (@danieleizans) @danieleizans | #WIADA2