the content
challenge
Adaptive content &
Responsive design
@nozurbina noz.urbina@urbinaconsulting.com / urbinaconsulting.c...
@nozurbinaAbstract
Responsive design can sometimes be thought of as the art and science of hammering
round pegs into squar...
@nozurbinaAgenda
• Me
• Terms
– Adaptive/Responsive Design?
• Many challenges
– Content and UX
• AdaptiveContent
• Collabo...
@nozurbina
Viva (in) España!
Congility Events Chair
Content strategist
Consultant/trainer
Author
Noz Urbina (me)
DEFINING OUR TERMS
Responsive Design
Adaptive Design
Content and UX
Adaptive Content
@nozurbinaResponsive Design
All content is delivered. Appearance, layouts
and features are adjusted for device client-side
@nozurbinaAdaptive Design
Device, user, and other context details are
detected, then server-side logic sends only
appropri...
@nozurbinaApp
Mobile Site
LinkedIn
THAT’S THE LEAST OF OUR
WORRIES
If only there were only desktop and mobile...
@nozurbinaBeyond 24”
@nozurbina
bit.ly/lwmf-taxDJp1
Multi-device
Vuzix M100
Recon JetEpson Moverio (on sale)
Telepathy One
Microsoft Hololens
BUT WHAT ABOUT THE CONTENT?
The stuff that the people are actually looking for?
@nozurbina
Content is the lens through
which users perceive the brand
http://commons.wikimedia.org/wiki/File:
Oakley_sungl...
@nozurbina
Lens and Frames Must Work
Together
Personal
Preference
Functional
Imperative
All images
http://commons.wikimedi...
@nozurbinaContent and User Experience
• Great design can’t save
inappropriate content
• The more diverse the interaction
c...
@nozurbinaAdaptive Content
• Content designed to adapt for
personalised, contextual delivery
in multi-channel, multi-forma...
@nozurbinaAdaptive Content
• Adaptive Content enables contextually-appropriate
experiences by placing more meaningful (sem...
@nozurbinaWhy Now?
• Omni- and multi-channel scenarios, responsive and adaptive
design, are raising the profile of Content...
@nozurbina
Adaptive content let’s you build many
unique experiences from the same
reusable building blocks
http://www.flic...
@nozurbinaYou might also like
Upcoming SlideShare
Loading in …5
×

Adaptive Content & Responsive design: the content challenge

1,466 views

Published on

Responsive (and Adaptive) design can sometimes be thought of as the art and science of hammering round pegs into square holes.  Content that isn’t properly structured and controlled with a solid content strategy can struggle to properly adapt to different display contexts. Noz Urbina looks at how CS and UX professionals can work together to engage and please users in a multi-device world.

Lessons learned from this session:
This session received strong reviews. People were quite engaged by the concept of Adaptive Content.

Questions focussed around the IA/CS relationship: How and where is IA handled inside body content and how can teams work together. The answer is generally: much more closely. CSs are both guiding and soliciting the support of IAs to extend real structure and semantics into body content blocks to enable reuse, tranformation and filtering. IA and CS professionals need to work more closesly for Adaptive Content than they would otherwise.

Originally presented 2013-06-18 at UXPA UK (User Experience Professionals Association UK) event held at Sapient Nitro's offices in London. Organised by Lisa Moore, WriteByte.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,466
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

  • People run So many
  • http://commons.wikimedia.org/wiki/File:Oakley_sunglasses.jpg
  • http://www.flickr.com/photos/popcorncx/3514881626/sizes/o/in/photostream/
  • Adaptive Content & Responsive design: the content challenge

    1. 1. the content challenge Adaptive content & Responsive design @nozurbina noz.urbina@urbinaconsulting.com / urbinaconsulting.com/blog Img: odditymall.com/lego-sunglasses
    2. 2. @nozurbinaAbstract Responsive design can sometimes be thought of as the art and science of hammering round pegs into square holes. Content that isn’t properly structured and controlled with a solid content strategy can struggle to properly adapt to different display contexts. Noz Urbina looks at how CS and UX professionals can work together to engage and please users in a multi-device world using adaptive content. Adaptive content is like lego-blocks, allowing you to craft many different perspectives on your brand from reusable assets.
    3. 3. @nozurbinaAgenda • Me • Terms – Adaptive/Responsive Design? • Many challenges – Content and UX • AdaptiveContent • Collaboration to meet the challenge
    4. 4. @nozurbina Viva (in) España! Congility Events Chair Content strategist Consultant/trainer Author Noz Urbina (me)
    5. 5. DEFINING OUR TERMS Responsive Design Adaptive Design Content and UX Adaptive Content
    6. 6. @nozurbinaResponsive Design All content is delivered. Appearance, layouts and features are adjusted for device client-side
    7. 7. @nozurbinaAdaptive Design Device, user, and other context details are detected, then server-side logic sends only appropriate layouts & features LinkedIn
    8. 8. @nozurbinaApp Mobile Site LinkedIn
    9. 9. THAT’S THE LEAST OF OUR WORRIES If only there were only desktop and mobile...
    10. 10. @nozurbinaBeyond 24”
    11. 11. @nozurbina bit.ly/lwmf-taxDJp1 Multi-device
    12. 12. Vuzix M100 Recon JetEpson Moverio (on sale) Telepathy One Microsoft Hololens
    13. 13. BUT WHAT ABOUT THE CONTENT? The stuff that the people are actually looking for?
    14. 14. @nozurbina Content is the lens through which users perceive the brand http://commons.wikimedia.org/wiki/File: Oakley_sunglasses.jpg
    15. 15. @nozurbina Lens and Frames Must Work Together Personal Preference Functional Imperative All images http://commons.wikimedia.org
    16. 16. @nozurbinaContent and User Experience • Great design can’t save inappropriate content • The more diverse the interaction contexts, the more stretched content will become • Square peg + round hole =bad experience
    17. 17. @nozurbinaAdaptive Content • Content designed to adapt for personalised, contextual delivery in multi-channel, multi-format, multi-device scenarios • Can be: – Transformed – Filtered • Because it’s got: – No presentation information! – Structure – Rich metadata – Built-in, in-line semantics
    18. 18. @nozurbinaAdaptive Content • Adaptive Content enables contextually-appropriate experiences by placing more meaningful (semantic) metadata on small and specific bits of content. The same asset can be leveraged for diverse situations and audiences Traditional Adaptive
    19. 19. @nozurbinaWhy Now? • Omni- and multi-channel scenarios, responsive and adaptive design, are raising the profile of Content Strategy and AdaptiveContent • It forces people to confront real optimisation of the content’s role in UX • Users expect more personalisation and brands benefit from delighting them. Adaptive content enables better UX. • Without adaptive content, optimising for so many contexts is too impractical, slow and expensive!
    20. 20. @nozurbina Adaptive content let’s you build many unique experiences from the same reusable building blocks http://www.flickr.com/photos/popcorncx/3514881626/sizes/o/in/photostream/
    21. 21. @nozurbinaYou might also like

    ×