deblobbing in the real world
DESCRIPTION
The Prussian field marshal Helmuth von Moltke famously said: “no plan survives contact with the enemy.” Similarly, few structured content models survive contact with a complex designs, CMS limitations, and real-world deadlines. Content reuse and cross-channel publishing depend on effective use of structured content: how can we combine those ideals with the pragmatic needs of our projects?TRANSCRIPT
![Page 1: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/1.jpg)
1
Deblobbing in the real worldModeling reusable structured contentthat keeps working after the launch
CS Forum 2013
![Page 2: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/2.jpg)
Hi. I’m @eaton!I’m with Lullabot.
2
strategy, design, and development
![Page 3: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/3.jpg)
3
![Page 4: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/4.jpg)
4
Chunks vs. Blobs
![Page 5: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/5.jpg)
©2013 Victoria Belanger, Jello Mold Mistress of Brooklyn http://jellomoldmistress.com/
5
![Page 6: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/6.jpg)
NEEDS MOAR STRUCTURE
6
![Page 7: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/7.jpg)
No modelsurvivescontactwith realcontent
How does structured content break?
7
![Page 8: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/8.jpg)
No modelsurvivescontactwith realcontent
How does structured content break?
7
![Page 9: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/9.jpg)
1. Design Coupling8
![Page 10: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/10.jpg)
9
![Page 11: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/11.jpg)
10
Question
Answer
Episode
Topic
Name
NameLocation
QuestionAnswer
Episode
Timestamp
SegmentProductsTopic
Design-First Content-First
![Page 12: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/12.jpg)
11
![Page 13: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/13.jpg)
12
![Page 14: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/14.jpg)
13
![Page 15: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/15.jpg)
14
![Page 16: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/16.jpg)
3. Oddball Content15
![Page 17: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/17.jpg)
16
Modeling Complexity
Quan
tity +
Long
evity
Structure Payoff
FAQ page
Sidebarpromos
Terms ofservice
Newsarticle
Staff bio
Photogallery
![Page 18: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/18.jpg)
17
Assets Structure Ephemera
![Page 19: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/19.jpg)
2. Editors doing design18
![Page 20: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/20.jpg)
19
![Page 21: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/21.jpg)
20
![Page 22: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/22.jpg)
21
Position Priority
Appearance ➧ Emphasis
Proximity Relationship
vs
![Page 23: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/23.jpg)
22
If you must, treat the layout as its own kind of content
![Page 24: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/24.jpg)
4. Narrative flow23
![Page 25: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/25.jpg)
24
![Page 26: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/26.jpg)
24
![Page 27: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/27.jpg)
25
HTML is for browsers.Article Gallery
Header Hero
Aside Slides
Div Warning
vs
![Page 28: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/28.jpg)
26
Shortcodes Custom XML
Insertioncodes
HTML
HTML5
attributes
![Page 29: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/29.jpg)
Make WYSIWYG speak your language.
27
![Page 30: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/30.jpg)
Structured content is a series of trade-offs.‣ Model meaning, not mockups‣ Ephemeral content needs less structure‣ Capture emphasis and priority, not layout‣ Narrative requires structure in the body
… Share your lessons!
28
![Page 31: Deblobbing In The Real World](https://reader030.vdocuments.mx/reader030/viewer/2022020217/54b72a404a7959772f8b4581/html5/thumbnails/31.jpg)
29
Thank you!