1 / 125

Recoupling

Bridging structured content with future-friendly design. Presented at Confab Intensive 2016!

eaton
Download Presentation

Recoupling

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. recoupling jeff eaton
 confab intensive 2016
 twitter.com/eaton

  2. hi! i’m @eaton.

  3. hi! i’m @eaton. i work for lullabot.

  4. hi! i’m @eaton. i work for lullabot. strategy, design, development

  5. those messages belong in your content model.

  6. visual design communicates important messages. those messages belong in your content model.

  7. visual design communicates important messages. those messages belong in those messages belong in your content model. your content model.

  8. ye olde schedule ‣ “decoupling” and structured content ‣ the language of design break ‣ capturing design messages ‣ a field guide to design structures

  9. structuredcontent anditsdiscontents

  10. Page

  11. Title Author Photo Body Pullquote Article

  12. Title Author Photo Body Pullquote Title Body Date Location Cost Article Event

  13. Title Author Photo Body Pullquote Article

  14. Title Author Photo Body Pullquote Article

  15. Varietal Season Plate Media Media Media Media Recipe Ingredient Step Technique

  16. NPR C.O.P.E.

  17. NPR C.O.P.E. Desktop

  18. NPR C.O.P.E. Desktop Mobile

  19. NPR C.O.P.E. Desktop Mobile iPhone

  20. NPR C.O.P.E. Desktop Mobile iPhone Android

  21. NPR C.O.P.E. Desktop Mobile iPhone Android Partner

  22. NPR C.O.P.E. Desktop Mobile iPhone Android Partner Microsite

  23. NPR C.O.P.E. Desktop Mobile iPhone Android Partner Microsite Youtube

  24. NPR C.O.P.E. Desktop Mobile iPhone Android Partner Microsite Youtube Social

  25. Story Program Series Blog

  26. ‣ audio ‣ audioDuration ‣ audioDescription ‣ audioMp3 ‣ image ‣ pullQuote ‣ relatedLink ‣ keywords ‣ organization ‣ listText ‣ correction ‣ title ‣ subtitle ‣ shortTitle ‣ teaser ‣ miniTeaser ‣ slug ‣ text ‣ textWithHtml ‣ thumbnail ‣ storyDate ‣ pubDate Story Program Series Blog

  27. content is meaningful,
 visual design is decorative.

  28. content is meaningful,
 visual design is decorative. wrong

  29. we will build the perfect model with no design assumptions

  30. wait for it

  31. wait for it

  32. monotony monotony monotony monotony monotone

  33. iPhone headline color field

  34. iPhone headline color field …2

  35. and have i mentioned the home page?

  36. and have i mentioned the home page?

  37. naïvely structured content ‣ misses tone, voice, and emphasis ‣ ignores editorial curation, aggregation ‣ strips content of important meaning ‣accumulates hacks and workarounds ‣ inevitably jams “design” information somewhere

  38. exercise time! ‣ web page makin’ ‣ prioritize ‣ emphasize ‣ jazzercize

More Related