1
Deblobbing in the
real world
Modeling reusable structured content
that keeps working after the launch
CS Forum 2013
Hi. I’m @eaton!
I’m with Lullabot.
2
strategy, design, and development
3
4
Chunks vs. Blobs
©2013 Victoria Belanger, Jello Mold Mistress of Brooklyn http://jellomoldmistress.com/
5
NEEDS MOAR STRUCTURE
6
No model
survives
contact
with real
content
7
How does
structured
content
break?
7
1. Design Coupling
8
9
10
Question
Answer
Episode
Topic
Name
Name
Location
Question
Answer
Episode
Timestamp
Segment
Products
Topic
Design-First Content-First
11
12
13
14
3. Oddball Content
15
16
Modeling Complexity
Quantity+Longevity
Structure Payoff
FAQ page
Sidebar
promos
Terms of
service
News
article
Staff bio
Photo
gallery
17
Assets Structure Ephemera
2. Editors doing design
18
19
20
21
Position Priority
Appearance ➧ Emphasis
Proximity Relationship
vs
22
If you must,
treat the
layout as its
own kind of
content
4. Narrative flow
23
24
24
25
HTML is for browsers.
Article Gallery
Header Hero
Aside Slides
Div Warning
vs
26
Shortcodes Custom XML
Insertioncodes
HTML
HTML5
attributes
Make WYSIWYG speak
your language.
27
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
29
Thank you!

Deblobbing In The Real World