Tuesday, April 14, 2015

The Future of Adaptive Content

The Future of Adaptive Content


This is a brief talk I gave at the Toronto Content Strategy Meetup. It outlines some ideas about the relationship between responsive and adaptive.
Published in: Design, Internet, Technology




Transcript

  • 1. THE FUTURE OF ADAPTIVE CONTENT
  • 2. RESPONSIVE VS. ADAPTIVE
  • 3. I need more than a responsive site, 
 I need it to be adaptive. https://medium.com/@livlab/responsive-versus-adaptive-is-not-a-thing-b712eefaf313
  • 4. WHAT IS ADAPTIVE?
  • 5. Build a separate mobile site Send users who need more info to the desktop site ✘ ✘ Cut features and content not core to the mobile use case ✘
  • 6. NO FORKING WAY.
  • 7. ADAPTIVE CONTENT
 Structured content that can be targeted by device type or personalized by context (i.e. time, location, user data) ADAPTIVE LAYOUTS
 Different layouts for different device types, including “not fully responsive” designs that “snap” to sizes
  • 8. ADAPTIVE LAYOUTS RESPONSIVE 
 LAYOUTS
  • 9. CLIENT SIDE versus SERVER SIDE
  • 10. “Responsive design is client-side, meaning the whole page is delivered to the device browser (the client), and the browser then changes how the page appears in relation to the dimensions of the browser window. http://www.huffingtonpost.com/garrett-goodman/adaptive-design_b_2344569.html
  • 11. “Adaptive design is server-side, meaning before the page is even delivered, the server detects the attributes of the device, and loads a version of the [content] that is optimized for its dimensions and native features. http://www.huffingtonpost.com/garrett-goodman/adaptive-design_b_2344569.html
  • 12. RESPONSIVE DESIGN + IDENTICAL CONTENT
  • 13. There is no Mobile Web. 
 There is only The Web, 
 which we view in different ways. 
 There is also no Desktop Web. 
 Or Tablet Web. Thank you. —Stephen Hay
  • 14. ADAPTIVE LAYOUTS + IDENTICAL CONTENT
  • 15. ADAPTIVE LAYOUTS + ADAPTIVE CONTENT
  • 16. COPE: Create Once, Publish Everywhere COPE: CREATE ONCE, PUBLISH EVERYWHERE
  • 17. RESPONSIVE LAYOUTS + ADAPTIVE CONTENT
  • 18. RESPONSIVE LAYOUTS + ADAPTIVE LAYOUTS
  • 19. If we go responsive, can we serve 
 a different homepage?
  • 20. ADAPTIVE LAYOUTS + CONTENT Adaptive content is: _Structured: Chunked content with a finer grain of granularity _Targeted: Alternate forms of content served based on “contextual” triggers: time, location, personalization, device) Adaptive layouts are: _Different layouts that “snap” at different breakpoints; or _Different layouts for specific pages or templates; or _Different layouts for specific features
  • 21. WHEN ARE ADAPTIVE LAYOUTS NECESSARY?
  • 22. WHEN IS ADAPTIVE CONTENT NECESSARY?
at