Responsive design and the content challenge
[email protected]@nozurbina
lessworkmoreflow.blogspot.com
Abstract
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.
Agenda
• Me• Terms– Adaptive/Responsive Design?
• Many challenges– Content and UX
• Adaptive Content• Collaboration to meet the challenge
Viva España!Congility Events ChairContent strategistConsultant/trainerAuthor
Noz Urbina (me)
Becoming a Content StrategistCustomer 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?”
DEFINING OUR TERMS
Responsive DesignAdaptive DesignContent and UXAdaptive 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
App
Mobile Site
THAT’S THE LEAST OF OUR WORRIESIf only there were only desktop and mobile...
Beyond 24”
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 imageshttp://commons.wikimedia.org
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
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
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 Adaptive Content
• It forces people to confront real optimisation of the content’s role in UX
Q&A...and surprise book give-away!
[email protected]@nozurbina
http://lessworkmoreflow.blogspot.com
Please reach under your chairs and look for a winning sticker!