The Page is Dead

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.

71102c81b6c5a5f88ddd21d29fd093b3?s=128

Jeff Eaton

July 20, 2013
Tweet

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.
  8. 7

  9. 7

  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.

  26. None
  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.
  31. None
  32. None
  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.
  37. None
  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
  42. None
  43. 41

  44. 42

  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