deblobbing in the real world

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

Upload: jeff-eaton

Post on 15-Jan-2015

1.642 views

Category:

Technology


6 download

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

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!