The Page is Dead - Speaker Deck

Slide 1

Slide 1 text

1 The Page is Dead, Long Live the Page! projects that thrive in a world beyond wood pulp

Slide 2

Slide 2 text

i’m with lullabot. hi. i’m @eaton! 2 strategy, design, and development

Slide 3

Slide 3 text

3 Pages aren’t content. Pages are where content lives.

Slide 4

Slide 4 text

3 Pages aren’t content. Pages are where content lives.

Slide 5

Slide 5 text

4 Two Drupal devs walk into a bar…

Slide 6

Slide 6 text

5 That sounds like a lot of pages!

Slide 7

Slide 7 text

T. Berners-Lee, 1990 6 “HyperText is a way to access information as a web of nodes in which the user can browse at will. When starting a hypertext browser, you will be presented with a hypertext page which is personal to you. Phase one should take 3 months.

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

8 Web

Slide 11

Slide 11 text

9 Web Apps

Slide 12

Slide 12 text

10 Search Social Email APIs Print Feeds Web Apps

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Karen McGrane, Harvard Businss Review 12 “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.

Slide 15

Slide 15 text

Decoupling content and pages 13

Slide 16

Slide 16 text

@useradvocate, DrupalCamp Toronto 14 “What we used to call ‘the page’ has become a unit of business intent.

Slide 17

Slide 17 text

15 Imagine the sitemap as a list of goals

Slide 18

Slide 18 text

Content is how we achieve those goals 16

Slide 19

Slide 19 text

17 Assets The stuff people want when they visit your site Structure The elements you use to group and organize assets Presentation Ephemeral stuff driven by your design needs

Slide 20

Slide 20 text

18 Model meaning, not appearance

Slide 21

Slide 21 text

Bruce Lee: A Warrior’s Journey 19 “Don’t get set into one form. You put water in a cup, it becomes the cup. You put water into a bottle, it becomes the bottle. You put it in a teapot, it becomes the teapot. Be water, my friend.

Slide 22

Slide 22 text

Real World Decoupling 20

Slide 23

Slide 23 text

21 1. The Marketing Site

Slide 24

Slide 24 text

The hosting company with a marketing site “We need to be consistent in how we talk about our products and services, and avoid reinventing the wheel every time we promote them. 22

Slide 25

Slide 25 text

23 Page Solution Product Component Component Component Fragment …And localization.

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

25 Page Solution Product Component Component Component Fragment …And localization.

Slide 28

Slide 28 text

26 1. The Marketing Site 2. The Corporate Intranet

Slide 29

Slide 29 text

The fortune 500 enterprise company “We have 50,000 pages to explain our HR policies to 100,000 employees in 20 countries. We want that to be 50 pages. 27

Slide 30

Slide 30 text

28 Topic Subtopic News Audience Document Document Document Document …And localization.

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

31 Topic Subtopic News Audience Document Document Document Document …And localization.

Slide 34

Slide 34 text

32 1. The Marketing Site 2. The Corporate Intranet 3. The Video Streaming Service

Slide 35

Slide 35 text

The sports video company “We want to manage and promote piles and piles of rights-managed video content. …That we don’t host. 33

Slide 36

Slide 36 text

Resource Resource Resource 34 Resource Cable Video Client-Side Javascript app, yo.

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Resource Resource Resource 36 Resource Cable Video Client-Side Javascript app, yo.

Slide 39

Slide 39 text

37 1. The Marketing Site 2. The Corporate Intranet 3. The Video Streaming Service 4. The Cookbook

Slide 40

Slide 40 text

The cookbook production team “We have brilliant, delicious recipes. We want to do all of the things with them. 38

Slide 41

Slide 41 text

Media Media Media 39 Plate Recipe Step Ingredient Technique Media Season Varietal

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Slide 45

Slide 45 text

Media Media Media 43 Plate Recipe Step Ingredient Technique Media Season Varietal

Slide 46

Slide 46 text

44 1. The Marketing Site 2. The Corporate Intranet 3. The Video Streaming Service 4. The Cookbook

Slide 47

Slide 47 text

45 Assets The stuff people want when they visit your site Structure The elements you use to group and organize assets Presentation Ephemeral stuff driven by your design needs

Slide 48

Slide 48 text

Lessons 46

Slide 49

Slide 49 text

47 1. Pages are just a metaphor 2. “Better page tools” won’t work 3. Content assets & goals come first 4. Presentation uses & mixes assets 5. “Content first” is future friendly