Designing For Distributed Content Models

  • 3,068 views
Uploaded on

If we want to have content that's prepared for future technologies, is ready for shifting user and device contexts and is appropriate for machines and humans, we must change our patterns of thinking …

If we want to have content that's prepared for future technologies, is ready for shifting user and device contexts and is appropriate for machines and humans, we must change our patterns of thinking in Interaction Design. This presentation calls for a content out approach to design and begins examining tools and tactics to achieve this method.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,068
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
66
Comments
0
Likes
18

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. DESIGNINGDANIEL EIZANS FOR DISTRIBUTEDWIAD2013 | 2.9.2013 CONTENT MODELS @danieleizans | #WIADA2
  • 2. Let’s talk about patternshttp://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 ElectricHybrid 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 solvehttp://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 mess1. Content types (inventory)2. Content wireframes3. Content structure (data model)4. CMS Plan5. UX/Design6. Prototype @danieleizans | #WIADA2
  • 31. Content Inventory1. Content Type / Persona2. Production Source / Author / Owner3. Original Intent (aka why was it made)4. Content Quality / Score5. Length / Word Count /File Size6. Rights @danieleizans | #WIADA2
  • 32. Goal: Understand the whysContent purposeContent qualityContent reach @danieleizans | #WIADA2
  • 33. Content Wireframe1. Logo2. Navigation3. Headline4. Author5. Date6. Related Assets7. Related Badge8. Comments9. Related Articles10. Social Links @danieleizans | #WIADA2
  • 34. Content Wireframe 11. Logo 22. Navigation 4 33. Headline4. Author 5 6 75. Date6. Related Assets7. Related Badge 10 88. Comments 99. Related Articles10. 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 EventFrom 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 wearinghandcuffs right? @danieleizans | #WIADA2
  • 41. Models are like rails for eachnew experience @danieleizans | #WIADA2
  • 42. We can’t managehow 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 ContentFrom Sara Wachter-Boettcher“Building Bendable Content” @danieleizans | #WIADA2
  • 44. Clean, purposeful content flows @danieleizans | #WIADA2
  • 45. And when content flows viasystems, we can scaleCOPECreate 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, theirlove-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