Responsive design and
the content challenge
noz.urbina@mekon.com
@nozurbina
lessworkmoreflow.blogspot.com
Agenda
• Me
• Terms
– Adaptive/Responsive Design?
• Many challenges
– Content and UX
• Adaptive Content
• Collaboration to...
Viva España!
Congility Events Chair
Content strategist
Consultant/trainer
Author
Noz Urbina (me)
Becoming a Content Strategist
Customer support for authoring tools
Presales support
Content solutions services and trainin...
DEFINING OUR TERMS
Responsive Design
Adaptive Design
Content and UX
Adaptive Content
Responsive Design
All content is delivered. Appearance,
layouts and features are adjusted for
device client-side
Adaptive Design
Device and other context is
detected, then server-side logic
sends only appropriate layouts &
features
Lin...
App
Mobile Site
LinkedIn
THAT’S THE LEAST OF OUR
WORRIES
If only there were only desktop and mobile...
Beyond 24”
bit.ly/lwmf-taxDJp1
Multi-device
Google Glass
Vuzix M100
Recon JetEpson Moverio (on sale)
Telepathy One
BUT WHAT ABOUT THE
CONTENT?
The stuff that the people are actually looking for?
Content is the lens through which
users perceive the brand
http://commons.wikimedia.org/wiki/File:
Oakley_sunglasses.jpg
Lens and Frames Must Work
Together
Personal
Preference
Functional
Imperative
All images
http://commons.wikimedia.org
Content and User Experience
• Great design can‟t
save inappropriate
content
• The more diverse the
interaction contexts,
t...
Adaptive Content
• Content designed to
adapt to multi-channel
multi-format and
progressive
enhancement /
disclosure situat...
Adaptive Content
• Adaptive Content
Enables Contextually-
Appropriate
Experiences
Why Now?
• Multi-channel scenarios and
responsive and adaptive design are
raising the profile of Content
Strategy and Adap...
Q&A
...and surprise book give-away!
noz.urbina@mekon.com
@nozurbina
http://lessworkmoreflow.blogspot.com
Please reach unde...
Upcoming SlideShare
Loading in...5
×

Responsive design and the content challenge

749

Published on

Noz Urbina's presentation for UXPA UK July event

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

  • Be the first to like this

No Downloads
Views
Total Views
749
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • People run So many
  • http://commons.wikimedia.org/wiki/File:Oakley_sunglasses.jpg
  • Responsive design and the content challenge

    1. 1. Responsive design and the content challenge noz.urbina@mekon.com @nozurbina lessworkmoreflow.blogspot.com
    2. 2. Agenda • Me • Terms – Adaptive/Responsive Design? • Many challenges – Content and UX • Adaptive Content • Collaboration to meet the challenge
    3. 3. Viva España! Congility Events Chair Content strategist Consultant/trainer Author Noz Urbina (me)
    4. 4. Becoming a Content Strategist Customer support for authoring tools Presales support Content solutions services and training Consultant for content strategies “Did you know you‟re called a „content strategist’ now?”
    5. 5. DEFINING OUR TERMS Responsive Design Adaptive Design Content and UX Adaptive Content
    6. 6. Responsive Design All content is delivered. Appearance, layouts and features are adjusted for device client-side
    7. 7. Adaptive Design Device and other context is detected, then server-side logic sends only appropriate layouts & features LinkedIn
    8. 8. App Mobile Site LinkedIn
    9. 9. THAT’S THE LEAST OF OUR WORRIES If only there were only desktop and mobile...
    10. 10. Beyond 24”
    11. 11. bit.ly/lwmf-taxDJp1 Multi-device
    12. 12. Google Glass Vuzix M100 Recon JetEpson Moverio (on sale) Telepathy One
    13. 13. BUT WHAT ABOUT THE CONTENT? The stuff that the people are actually looking for?
    14. 14. Content is the lens through which users perceive the brand http://commons.wikimedia.org/wiki/File: Oakley_sunglasses.jpg
    15. 15. Lens and Frames Must Work Together Personal Preference Functional Imperative All images http://commons.wikimedia.org
    16. 16. Content 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. Adaptive Content • Content designed to adapt to multi-channel multi-format and progressive enhancement / disclosure situations • Can be: – Transformed – Filtered • Because it‟s got: – No presentation information! – Structure – Rich metadata – Built-in, in-line semantics
    18. 18. Adaptive Content • Adaptive Content Enables Contextually- Appropriate Experiences
    19. 19. Why Now? • Multi-channel scenarios and responsive and adaptive design are raising the profile of Content Strategy and Adaptive Content • It forces people to confront real optimisation of the content‟s role in UX
    20. 20. Q&A ...and surprise book give-away! noz.urbina@mekon.com @nozurbina http://lessworkmoreflow.blogspot.com Please reach under your chairs and look for a winning sticker!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×