Responsive (and Adaptive!) design and the content challenge (UXPA)

Post on 18-Oct-2014

728 views 1 download

description

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. Abstract: 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.

Transcript of Responsive (and Adaptive!) design and the content challenge (UXPA)

Responsive design and the content challenge

noz.urbina@mekon.com@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

LinkedIn

App

Mobile Site

LinkedIn

THAT’S THE LEAST OF OUR WORRIESIf 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 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!

noz.urbina@mekon.com@nozurbina

http://lessworkmoreflow.blogspot.com

Please reach under your chairs and look for a winning sticker!