Planning Beyond the Page

75
Planning Beyond the Page Creating content that survives your next redesign @eaton at #nowwhat14 1

description

Presented by Jeff Eaton at the Now What? Conference on April 24, 2014. Communicating your organization’s messages effectively can be an overwhelming challenge in an age of mobile browsing, social sharing, and endlessly multiplying “engagement” tools. By moving beyond the “one post, one page” view of your content, you can make better use of your organization’s resources, simplify your own work, and plan more effectively for the future. We’ll look at three companies (some large, some small) who’ve taken this step and help you discover, document, and develop your company’s unique “content language.

Transcript of Planning Beyond the Page

Page 1: Planning Beyond the Page

Planning Beyond the PageCreating content that survives your next redesign !

!

!

!

@eaton at #nowwhat14

1

Page 2: Planning Beyond the Page

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

2

Strategy, Design, and Development

Page 3: Planning Beyond the Page

Pages aren’t content

3

Page 4: Planning Beyond the Page

Pages aren’t content

They’re where it lives

3

Page 5: Planning Beyond the Page

Two web developers walk into a bar…

4

Page 6: Planning Beyond the Page

That’s a lot of pages!

5

Page 7: Planning Beyond the Page

6

Page 8: Planning Beyond the Page

6

Page 9: Planning Beyond the Page

6

Page 10: Planning Beyond the Page

6

Page 11: Planning Beyond the Page

6

Page 12: Planning Beyond the Page

7

Disney’s American Legends: John Henry (http://movies.disney.com/disneys-american-legends)

Page 13: Planning Beyond the Page

7

Disney’s American Legends: John Henry (http://movies.disney.com/disneys-american-legends)

Page 14: Planning Beyond the Page

8

Page 15: Planning Beyond the Page

9

Web

Page 16: Planning Beyond the Page

10

Web Apps

Page 17: Planning Beyond the Page

11

Search Social

Email

APIs

PrintFeedsWeb

Apps

Page 18: Planning Beyond the Page

Page : Content

12

Page 19: Planning Beyond the Page

Page : Content

12

Page 20: Planning Beyond the Page

13

Page 21: Planning Beyond the Page

“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

Page 22: Planning Beyond the Page

“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

Page 23: Planning Beyond the Page

“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

Page 24: Planning Beyond the Page

Pulling apart your pages

16

Page 25: Planning Beyond the Page

‣ Describe services, products, etc.

17

Page 26: Planning Beyond the Page

18

ArticleTopicBioAdReviewProductGalleryService

Page 27: Planning Beyond the Page

19

Article

Topic

Bio

AdReview

ProductServiceGallery

Page 28: Planning Beyond the Page

TitleAuthorTaglinePull quotePhotoDatelineSummaryPhotoBody

19

Article

Topic

Bio

AdReview

ProductServiceGallery

Page 29: Planning Beyond the Page

20

Article Title

AuthorTagline

Pull quotePhoto

Dateline

SummaryPhoto

Body

Page 30: Planning Beyond the Page

‣ Describe services, products, etc. ‣ Identify reusable chunks

21

Page 31: Planning Beyond the Page

22

$ $ $

Page 32: Planning Beyond the Page

23

Page 33: Planning Beyond the Page

24

Page 34: Planning Beyond the Page

24

Page 35: Planning Beyond the Page

‣ Describe services, products, etc. ‣ Identify reusable chunks ‣ Define audience needs, messages

25

Page 36: Planning Beyond the Page

26

Page 37: Planning Beyond the Page

26

Page 38: Planning Beyond the Page

26

?$

Page 39: Planning Beyond the Page

‣ Describe services, products, etc.‣ Identify reusable chunks

27

Page 40: Planning Beyond the Page

‣ Describe services, products, etc.‣ Identify reusable chunks‣ Define audience needs, messages

27

Page 41: Planning Beyond the Page

‣ Describe services, products, etc.‣ Identify reusable chunks‣ Define audience needs, messages‣ Set clear business goals

27

Page 42: Planning Beyond the Page

What we used to call ‘the page’ has become a unit of business intent.

28

Michael Keara, @useradvocate

Page 43: Planning Beyond the Page

29

Page An assembly of content that serves a specific goal

Page 44: Planning Beyond the Page

For example…

30

Page 45: Planning Beyond the Page

The Lark Cookbook

Turning big ideas into small, reusable pieces

31

Page 46: Planning Beyond the Page
Page 47: Planning Beyond the Page

33

Page 48: Planning Beyond the Page

34

MediaMediaMediaPlate

Recipe

StepIngredient

Technique

MediaSeason

Varietal

Page 49: Planning Beyond the Page

35

Page 50: Planning Beyond the Page

The NAMM Foundation

Prioritizing critical messages and audiences

36

Page 51: Planning Beyond the Page

37

Page 52: Planning Beyond the Page

Testimonial Article

Audience

Factoid

38

Project Award Resource

Parents Teachers

Donors

Page 53: Planning Beyond the Page

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*

Page 54: Planning Beyond the Page

The Tech Guy

Organizing around user needs

40

Page 55: Planning Beyond the Page
Page 56: Planning Beyond the Page

42

Episode Question

Guest

Story

Station

Topic

Page 57: Planning Beyond the Page
Page 58: Planning Beyond the Page

BBC “DataPics”

Identifying new patterns in your content

44

Page 59: Planning Beyond the Page

45

Page 60: Planning Beyond the Page

“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

Page 61: Planning Beyond the Page

Data Pic

TitleTextImageIcon

47

Page 62: Planning Beyond the Page

Data Pic

TitleTextImageIcon

47

Page 63: Planning Beyond the Page

Small, meaningful pieces

48

Page 64: Planning Beyond the Page

Small, meaningful pieces

Think about those piecesbefore the pages

48

Page 65: Planning Beyond the Page

Isn’t this someone

else’s job?

49

Page 66: Planning Beyond the Page

Isn’t this someone

else’s job?

49

Page 67: Planning Beyond the Page

Are you in a small business (or team)?

50

Page 68: Planning Beyond the Page

Are you in a small business (or team)?You’re going to wear lots of hats.

50

Page 69: Planning Beyond the Page

Are you bringing in consultants?

51

Page 70: Planning Beyond the Page

Are you bringing in consultants?They’ll ask you these questions, too.

51

Page 71: Planning Beyond the Page

Are you “just” the webmaster?

52

Page 72: Planning Beyond the Page

Are you “just” the webmaster?Writers, developers, and designers need the big picture, too.

52

Page 73: Planning Beyond the Page

Content is meaning and communication

53

Page 74: Planning Beyond the Page

Content is meaning and communication

Plan the piecesbefore the pages

53

Page 75: Planning Beyond the Page

54