responsive (and adaptive!) design and the content challenge (uxpa)

21
Responsive design and the content challenge [email protected] @nozurbina lessworkmoreflow.blogspo t.com

Post on 18-Oct-2014

727 views

Category:

Technology


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

Page 1: Responsive (and Adaptive!) design and the content challenge (UXPA)

Responsive design and the content challenge

[email protected]@nozurbina

lessworkmoreflow.blogspot.com

Page 2: Responsive (and Adaptive!) design and the content challenge (UXPA)

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.

Page 3: Responsive (and Adaptive!) design and the content challenge (UXPA)

Agenda

• Me• Terms– Adaptive/Responsive Design?

• Many challenges– Content and UX

• Adaptive Content• Collaboration to meet the challenge

Page 4: Responsive (and Adaptive!) design and the content challenge (UXPA)

Viva España!Congility Events ChairContent strategistConsultant/trainerAuthor

Noz Urbina (me)

Page 5: Responsive (and Adaptive!) design and the content challenge (UXPA)

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?”

Page 6: Responsive (and Adaptive!) design and the content challenge (UXPA)

DEFINING OUR TERMS

Responsive DesignAdaptive DesignContent and UXAdaptive Content

Page 7: Responsive (and Adaptive!) design and the content challenge (UXPA)

Responsive Design

All content is delivered. Appearance, layouts and features are adjusted for device client-side

Page 8: Responsive (and Adaptive!) design and the content challenge (UXPA)

Adaptive Design

Device and other context is detected, then server-side logic sends only appropriate layouts & features

LinkedIn

Page 9: Responsive (and Adaptive!) design and the content challenge (UXPA)

App

Mobile Site

LinkedIn

Page 10: Responsive (and Adaptive!) design and the content challenge (UXPA)

THAT’S THE LEAST OF OUR WORRIESIf only there were only desktop and mobile...

Page 11: Responsive (and Adaptive!) design and the content challenge (UXPA)

Beyond 24”

Page 12: Responsive (and Adaptive!) design and the content challenge (UXPA)

bit.ly/lwmf-taxDJp1

Multi-device

Page 13: Responsive (and Adaptive!) design and the content challenge (UXPA)

Google Glass

Vuzix M100

Recon JetEpson Moverio (on sale)

Telepathy One

Page 14: Responsive (and Adaptive!) design and the content challenge (UXPA)

BUT WHAT ABOUT THE CONTENT?The stuff that the people are actually looking for?

Page 15: Responsive (and Adaptive!) design and the content challenge (UXPA)

Content is the lens through which users perceive the brand

http://commons.wikimedia.org/wiki/File:Oakley_sunglasses.jpg

Page 16: Responsive (and Adaptive!) design and the content challenge (UXPA)

Lens and Frames Must Work Together

Personal Preference

Functional Imperative

All imageshttp://commons.wikimedia.org

Page 17: Responsive (and Adaptive!) design and the content challenge (UXPA)

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

Page 18: Responsive (and Adaptive!) design and the content challenge (UXPA)

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

Page 19: Responsive (and Adaptive!) design and the content challenge (UXPA)

Adaptive Content

• Adaptive Content Enables Contextually-Appropriate Experiences

Page 20: Responsive (and Adaptive!) design and the content challenge (UXPA)

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

Page 21: Responsive (and Adaptive!) design and the content challenge (UXPA)

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!