Post on 23-Aug-2014
description
Planning Beyond the PageCreating content that survives your next redesign !
!
!
!
@eaton at #nowwhat14
1
Hi. I’m @eaton! I’m with Lullabot.
2
Strategy, Design, and Development
Pages aren’t content
3
Pages aren’t content
They’re where it lives
3
Two web developers walk into a bar…
4
That’s a lot of pages!
5
6
6
6
6
6
7
Disney’s American Legends: John Henry (http://movies.disney.com/disneys-american-legends)
7
Disney’s American Legends: John Henry (http://movies.disney.com/disneys-american-legends)
8
9
Web
10
Web Apps
11
Search Social
APIs
PrintFeedsWeb
Apps
Page : Content
12
Page : Content
12
13
“The way we publish on the web is mostly derived from what we know about putting ink on paper.The future is content in smaller, discrete objects that can be assembled into new containers.
14
Karen McGrane, Harvard Businss Review
“The way we publish on the web is mostly derived from what we know about putting ink on paper.The future is content in smaller, discrete objects that can be assembled into new containers.
15
Karen McGrane, Harvard Businss Review
“The way we publish on the web is mostly derived from what we know about putting ink on paper.The future is content in smaller, discrete objects that can be assembled into new containers.
15
Karen McGrane, Harvard Businss Review
Pulling apart your pages
16
‣ Describe services, products, etc.
17
18
ArticleTopicBioAdReviewProductGalleryService
19
Article
Topic
Bio
AdReview
ProductServiceGallery
TitleAuthorTaglinePull quotePhotoDatelineSummaryPhotoBody
19
Article
Topic
Bio
AdReview
ProductServiceGallery
20
Article Title
AuthorTagline
Pull quotePhoto
Dateline
SummaryPhoto
Body
‣ Describe services, products, etc. ‣ Identify reusable chunks
21
22
$ $ $
23
24
24
‣ Describe services, products, etc. ‣ Identify reusable chunks ‣ Define audience needs, messages
25
26
26
26
?$
‣ Describe services, products, etc.‣ Identify reusable chunks
27
‣ Describe services, products, etc.‣ Identify reusable chunks‣ Define audience needs, messages
27
‣ Describe services, products, etc.‣ Identify reusable chunks‣ Define audience needs, messages‣ Set clear business goals
27
What we used to call ‘the page’ has become a unit of business intent.
28
Michael Keara, @useradvocate
29
Page An assembly of content that serves a specific goal
For example…
30
The Lark Cookbook
Turning big ideas into small, reusable pieces
31
33
34
MediaMediaMediaPlate
Recipe
StepIngredient
Technique
MediaSeason
Varietal
35
The NAMM Foundation
Prioritizing critical messages and audiences
36
37
Testimonial Article
Audience
Factoid
38
Project Award Resource
Parents Teachers
Donors
39
NAMM Foundation Site
NAMM Foundation Blog
Series/Columns
Chronological Archive
Your Community
Best Communities Data†
Survey Promotion
Music Teacher Finder†
Music Merchandiser Finder†
Why Music Matters
Testimonials
Music Statistics
Research Results
Resources for EducatorsRecruitment and Retention
Tips for Success
Downloadable Teaching Tools
Blog posts for Educators What We Do
Sponsored Research
Grantees
Legislative Victories
Foundation History
NAMM Show*
Museum*
Partners
MAC
Donation*
Get Involved
Webcasts
Sign up
Action Kits and Downloadables
Advocacy Blog Posts
Donation
Partner Orgs and other Resources*
The Tech Guy
Organizing around user needs
40
42
Episode Question
Guest
Story
Station
Topic
BBC “DataPics”
Identifying new patterns in your content
44
45
“It was clear that a pattern was beginning to develop… What was initially a bespoke one-off feature became a regularly commissioned standard.
46
Chris Ashton, Responsive News
Data Pic
TitleTextImageIcon
47
Data Pic
TitleTextImageIcon
47
Small, meaningful pieces
48
Small, meaningful pieces
Think about those piecesbefore the pages
48
Isn’t this someone
else’s job?
49
Isn’t this someone
else’s job?
49
Are you in a small business (or team)?
50
Are you in a small business (or team)?You’re going to wear lots of hats.
50
Are you bringing in consultants?
51
Are you bringing in consultants?They’ll ask you these questions, too.
51
Are you “just” the webmaster?
52
Are you “just” the webmaster?Writers, developers, and designers need the big picture, too.
52
Content is meaning and communication
53
Content is meaning and communication
Plan the piecesbefore the pages
53
54