The Page is Dead

The "Page" metaphor has served us well for years, but the pressures of dynamic, mutli-channel content is stretching it to the breaking point.

Transcript

1. 1 The Page is Dead, Long Live the Page! projects that thrive in a world beyond wood pulp
2. i’m with lullabot. hi. i’m @eaton! 2 strategy, design, and development
3. 3 Pages aren’t content. Pages are where content lives.
4. 3 Pages aren’t content. Pages are where content lives.
5. 4 Two Drupal devs walk into a bar…
6. 5 That sounds like a lot of pages!
7. 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.
10. 8 Web
11. 9 Web Apps
12. 10 Search Social Email APIs Print Feeds Web Apps
13. Disney’s American Legends: John Henry (http://movies.disney.com/disneys-american-legends) 11
14. 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.
15. Decoupling content and pages 13
16. @useradvocate, DrupalCamp Toronto 14 “What we used to call ‘the page’ has become a unit of business intent.
17. 15 Imagine the sitemap as a list of goals
18. Content is how we achieve those goals 16
19. 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
20. 18 Model meaning, not appearance
21. 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.
22. Real World Decoupling 20
23. 21 1. The Marketing Site
24. 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
25. 23 Page Solution Product Component Component Component Fragment …And localization.
27. 25 Page Solution Product Component Component Component Fragment …And localization.
28. 26 1. The Marketing Site 2. The Corporate Intranet
29. 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
30. 28 Topic Subtopic News Audience Document Document Document Document …And localization.
33. 31 Topic Subtopic News Audience Document Document Document Document …And localization.
34. 32 1. The Marketing Site 2. The Corporate Intranet 3. The Video Streaming Service
35. The sports video company “We want to manage and promote piles and piles of rights-managed video content. …That we don’t host. 33
36. Resource Resource Resource 34 Resource Cable Video Client-Side Javascript app, yo.
38. Resource Resource Resource 36 Resource Cable Video Client-Side Javascript app, yo.
39. 37 1. The Marketing Site 2. The Corporate Intranet 3. The Video Streaming Service 4. The Cookbook
40. The cookbook production team “We have brilliant, delicious recipes. We want to do all of the things with them. 38
41. Media Media Media 39 Plate Recipe Step Ingredient Technique Media Season Varietal
45. Media Media Media 43 Plate Recipe Step Ingredient Technique Media Season Varietal
46. 44 1. The Marketing Site 2. The Corporate Intranet 3. The Video Streaming Service 4. The Cookbook
47. 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
48. Lessons 46
49. 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