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

Responsive design and the content challenge

Oct 28, 2014

Download

Technology

UXPA UK

Noz Urbina's presentation for UXPA UK July event
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Responsive design and the content challenge

Responsive design and the content challenge

[email protected]@nozurbina

lessworkmoreflow.blogspot.com

Page 2: Responsive design and the content challenge

Agenda

• Me• Terms– Adaptive/Responsive Design?

• Many challenges– Content and UX

• Adaptive Content• Collaboration to meet the challenge

Page 3: Responsive design and the content challenge

Viva España!Congility Events ChairContent strategistConsultant/trainerAuthor

Noz Urbina (me)

Page 4: Responsive design and the content challenge

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 5: Responsive design and the content challenge

DEFINING OUR TERMS

Responsive DesignAdaptive DesignContent and UXAdaptive Content

Page 6: Responsive design and the content challenge

Responsive Design

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

Page 7: Responsive design and the content challenge

Adaptive Design

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

LinkedIn

Page 8: Responsive design and the content challenge

App

Mobile Site

LinkedIn

Page 9: Responsive design and the content challenge

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

Page 10: Responsive design and the content challenge

Beyond 24”

Page 11: Responsive design and the content challenge

bit.ly/lwmf-taxDJp1

Multi-device

Page 12: Responsive design and the content challenge

Google Glass

Vuzix M100

Recon JetEpson Moverio (on sale)

Telepathy One

Page 13: Responsive design and the content challenge

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

Page 14: Responsive design and the content challenge

Content is the lens through which users perceive the brand

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

Page 15: Responsive design and the content challenge

Lens and Frames Must Work Together

Personal Preference

Functional Imperative

All imageshttp://commons.wikimedia.org

Page 16: Responsive design and the content challenge

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 17: Responsive design and the content challenge

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 18: Responsive design and the content challenge

Adaptive Content

• Adaptive Content Enables Contextually-Appropriate Experiences

Page 19: Responsive design and the content challenge

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 20: Responsive design and the content challenge

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!