Responsive. Adaptive. Mobile first. Cross-channel. Everywhere you turn, web workers are chattering about a more flexible future. There’s only one little flaw: our content’s not ready for the party. Fixed firmly to inflexible pages, today’s content is stuck in meaningless blobs that break long before they bend.
We can't keep creating more content for every new device and channel. Instead, we need content that does more for us—content that can travel and shift with its meaning and message intact.
28. Flexible content
needs to have
structure.
#WVpdx | 05.18.2012
@sara_ann_marie
29. ✦ Not just hierarchical, but relational
Links to
Related
Links to Feature Links to
Business Author Bio
Related Article Related
Tagged
by
Tagged
by
Landmark Tagged
by
City Links to
Related
Tagged Tagged Blog Post
by by
Links to
Related
Related
to
Deal Event
#WVpdx | 05.18.2012
@sara_ann_marie
30. ✦ Not big blobs, but elements
#WVpdx | 05.18.2012
@sara_ann_marie
31. This matters
to all of us
right now.
#WVpdx | 05.18.2012
@sara_ann_marie
32. ✦ We know this much is true.
From Brad Frost,
“This is the Web”
#WVpdx | 05.18.2012
@sara_ann_marie
33. There are only
two ways to
keep up.
#WVpdx | 05.18.2012
@sara_ann_marie
34. We can create more content,
or make our content do more.
#WVpdx | 05.18.2012
@sara_ann_marie
59. But before you build structure,
you need meaning.
#WVpdx | 05.18.2012
@sara_ann_marie
60. ✦ PURPOSE
What is this content supposed to accomplish?
✦ MESSAGE
What’s it saying? How does each element contribute?
✦ RELATIONSHIPS
What other content elements is it related to? How?
✦ PRIORITIES
How important is it compared to other elements?
#WVpdx | 05.18.2012
@sara_ann_marie
61. don’t have
Yo u e t h is
to mak
#WVpdx | 05.18.2012
@sara_ann_marie
62. jus t
Maybe hese
Content Item
o ne of t Content Item
Attributes: Attributes:
⁃ Title ⁃ Title
⁃ Date Relation ⁃ Date
⁃ Author -ship ⁃ Location
⁃ Abstract ⁃ Teaser
⁃ Detailed ⁃ Detailed
Content Content
Content Item
Relation Attributes:
-ship ⁃ Title
⁃ Date Relation
⁃ Author -ship
⁃ Abstract
⁃ Detailed
Content Item Content
Attributes:
⁃ Title Relation
Relation -ship
⁃ Address
-ship
⁃ Short
Description
Content Item
Attributes:
⁃ Title
Relation ⁃ Date
-ship ⁃ Author
⁃ Abstract
⁃ Detailed
Content
#WVpdx | 05.18.2012
@sara_ann_marie
63. ✦ GET CLOSER TO CONTENT
✦ GO FROM PAGES TO PARTS
✦ RULE THE ROBOTS
#WVpdx | 05.18.2012
@sara_ann_marie
64. “Adaptive web pages are cooked
up from relevant content chunks
and ingredients, using the special
sauce of metadata.”
- Lyza Danger Gardner
#WVpdx | 05.18.2012
@sara_ann_marie
65. We can’t manually manage
how each bit of content looks.
#WVpdx | 05.18.2012
@sara_ann_marie
66. But when we have structure,
we can make rules.
#WVpdx | 05.18.2012
@sara_ann_marie
69. f resizing for
I
all screens... low the
sm t hen ref
ews m o dules.
n
70. If the page is
ears...
a bo ut black b
ck bear
en pul l in bla
th news...
vi d eos and
bitats
and show ha ck
to bla
relate d
bears.
71. ontent
If we make c arties...
t h ir d p
access ible to
titles,
inclu de
the n only , links,
ad par agrap hs
le a in t h e API.
and m etadat
72. Better content knowledge
v
|
More meaningful parts
v
|
Rules that best reflect human choices
#WVpdx | 05.18.2012
@sara_ann_marie
73. Robots aren’t human,
but our content
must be.
#WVpdx | 05.18.2012
@sara_ann_marie
74. or
Pss t! Lo ok f re
ver ywhe
Co ntent E feld
n
f ro m Rose
.
Me d i a so on
Thank you, PDX!
More me: sarawb.com | @sara_ann_marie
Photo Credits ✦ Peanut Butter Toast from Luzbonita on Flickr
✦ Future by Tatsushi Morimoto from 50watts.com ✦ Faucet by Brian Gaid on Flickr
✦ Flagstaff photos courtesy Arizona Office of Tourism ✦ Girl with PBJ by Old Shoe Woman on Flickr
✦ Deflated balloon photos by Silverfuture on Flickr ✦ Robot by John Greenaway on Flickr
✦ Silos from dsearls on Flickr