Date post: | 15-Jul-2015 |
Category: |
Design |
Upload: | karen-mcgrane |
View: | 7,638 times |
Download: | 0 times |
THE FUTURE OF ADAPTIVE CONTENT
RESPONSIVE VS. ADAPTIVE
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
WHAT IS ADAPTIVE?
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 ✘
NO FORKING WAY.
ADAPTIVE CONTENTStructured content that can be targeted by device type or personalized by context (i.e. time, location, user data)
ADAPTIVE LAYOUTSDifferent layouts for different device types, including “not fully responsive” designs that “snap” to sizes
ADAPTIVE LAYOUTS
RESPONSIVE LAYOUTS
CLIENT SIDE versus
SERVER SIDE
“ 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
“ 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
RESPONSIVE DESIGN +
IDENTICAL CONTENT
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
ADAPTIVE LAYOUTS +
IDENTICAL CONTENT
ADAPTIVE LAYOUTS +
ADAPTIVE CONTENT
COPE: Create Once, Publish Everywhere
COPE:CREATE ONCE,PUBLISH EVERYWHERE
RESPONSIVE LAYOUTS +
ADAPTIVE CONTENT
RESPONSIVE LAYOUTS +
ADAPTIVE LAYOUTS
If we go responsive, can we serve a different homepage?
ADAPTIVE LAYOUTS + CONTENTAdaptive 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
WHEN ARE ADAPTIVE LAYOUTS NECESSARY?
WHEN IS ADAPTIVE CONTENT NECESSARY?