31
1 Deblobbing in the real world Modeling reusable structured content that keeps working after the launch CS Forum 2013

Deblobbing In The Real World

Embed Size (px)

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?

Citation preview

Page 1: Deblobbing In The Real World

1

Deblobbing in the real worldModeling reusable structured contentthat keeps working after the launch

CS Forum 2013

Page 2: Deblobbing In The Real World

Hi. I’m @eaton!I’m with Lullabot.

2

strategy, design, and development

Page 3: Deblobbing In The Real World

3

Page 4: Deblobbing In The Real World

4

Chunks vs. Blobs

Page 5: Deblobbing In The Real World

©2013 Victoria Belanger, Jello Mold Mistress of Brooklyn http://jellomoldmistress.com/

5

Page 6: Deblobbing In The Real World

NEEDS MOAR STRUCTURE

6

Page 7: Deblobbing In The Real World

No modelsurvivescontactwith realcontent

How does structured content break?

7

Page 8: Deblobbing In The Real World

No modelsurvivescontactwith realcontent

How does structured content break?

7

Page 9: Deblobbing In The Real World

1. Design Coupling8

Page 10: Deblobbing In The Real World

9

Page 11: Deblobbing In The Real World

10

Question

Answer

Episode

Topic

Name

NameLocation

QuestionAnswer

Episode

Timestamp

SegmentProductsTopic

Design-First Content-First

Page 12: Deblobbing In The Real World

11

Page 13: Deblobbing In The Real World

12

Page 14: Deblobbing In The Real World

13

Page 15: Deblobbing In The Real World

14

Page 16: Deblobbing In The Real World

3. Oddball Content15

Page 17: Deblobbing In The Real World

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

17

Assets Structure Ephemera

Page 19: Deblobbing In The Real World

2. Editors doing design18

Page 20: Deblobbing In The Real World

19

Page 21: Deblobbing In The Real World

20

Page 22: Deblobbing In The Real World

21

Position Priority

Appearance ➧ Emphasis

Proximity Relationship

vs

Page 23: Deblobbing In The Real World

22

If you must, treat the layout as its own kind of content

Page 24: Deblobbing In The Real World

4. Narrative flow23

Page 25: Deblobbing In The Real World

24

Page 26: Deblobbing In The Real World

24

Page 27: Deblobbing In The Real World

25

HTML is for browsers.Article Gallery

Header Hero

Aside Slides

Div Warning

vs

Page 28: Deblobbing In The Real World

26

Shortcodes Custom XML

Insertioncodes

HTML

HTML5

attributes

Page 29: Deblobbing In The Real World

Make WYSIWYG speak your language.

27

Page 30: Deblobbing In The Real World

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

29

Thank you!