This is a brief talk I gave at the Toronto Content Strategy Meetup. It outlines some ideas about the relationship between responsive and adaptive.

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 ✘

9. NO FORKING WAY.

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

11. ADAPTIVE
LAYOUTS
RESPONSIVE
LAYOUTS

14. CLIENT SIDE
versus
SERVER SIDE

15. “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

16. “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

17. RESPONSIVE DESIGN
+
IDENTICAL CONTENT

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

20. ADAPTIVE LAYOUTS
+
IDENTICAL CONTENT

23. ADAPTIVE LAYOUTS
+
ADAPTIVE CONTENT

24. COPE: Create Once, Publish Everywhere
COPE:
CREATE ONCE,
PUBLISH EVERYWHERE

28. RESPONSIVE LAYOUTS
+
ADAPTIVE CONTENT

31. RESPONSIVE LAYOUTS
+
ADAPTIVE LAYOUTS

32. If we go responsive, can we serve
a different homepage?

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

35. WHEN ARE ADAPTIVE LAYOUTS
NECESSARY?

36. WHEN IS ADAPTIVE CONTENT
NECESSARY?