SlideShare une entreprise Scribd logo
1  sur  21
the content
challenge
Adaptive content &
Responsive design
@nozurbina noz.urbina@urbinaconsulting.com / urbinaconsulting.com/blog
Img: odditymall.com/lego-sunglasses
@nozurbinaAbstract
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 using adaptive content.
Adaptive content is like lego-blocks, allowing you to craft many different perspectives
on your brand from reusable assets.
@nozurbinaAgenda
• Me
• Terms
– Adaptive/Responsive Design?
• Many challenges
– Content and UX
• AdaptiveContent
• Collaboration to meet the challenge
@nozurbina
Viva (in) España!
Congility Events Chair
Content strategist
Consultant/trainer
Author
Noz Urbina (me)
DEFINING OUR TERMS
Responsive Design
Adaptive Design
Content and UX
Adaptive Content
@nozurbinaResponsive Design
All content is delivered. Appearance, layouts
and features are adjusted for device client-side
@nozurbinaAdaptive Design
Device, user, and other context details are
detected, then server-side logic sends only
appropriate layouts & features
LinkedIn
@nozurbinaApp
Mobile Site
LinkedIn
THAT’S THE LEAST OF OUR
WORRIES
If only there were only desktop and mobile...
@nozurbinaBeyond 24”
@nozurbina
bit.ly/lwmf-taxDJp1
Multi-device
Vuzix M100
Recon JetEpson Moverio (on sale)
Telepathy One
Microsoft Hololens
BUT WHAT ABOUT THE CONTENT?
The stuff that the people are actually looking for?
@nozurbina
Content is the lens through
which users perceive the brand
http://commons.wikimedia.org/wiki/File:
Oakley_sunglasses.jpg
@nozurbina
Lens and Frames Must Work
Together
Personal
Preference
Functional
Imperative
All images
http://commons.wikimedia.org
@nozurbinaContent 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
@nozurbinaAdaptive Content
• Content designed to adapt for
personalised, contextual delivery
in multi-channel, multi-format,
multi-device scenarios
• Can be:
– Transformed
– Filtered
• Because it’s got:
– No presentation information!
– Structure
– Rich metadata
– Built-in, in-line semantics
@nozurbinaAdaptive Content
• Adaptive Content enables contextually-appropriate
experiences by placing more meaningful (semantic)
metadata on small and specific bits of content. The same
asset can be leveraged for diverse situations and
audiences
Traditional Adaptive
@nozurbinaWhy Now?
• Omni- and multi-channel scenarios, responsive and adaptive
design, are raising the profile of Content Strategy and
AdaptiveContent
• It forces people to confront real optimisation of the content’s
role in UX
• Users expect more personalisation and brands benefit from
delighting them. Adaptive content enables better UX.
• Without adaptive content, optimising for so many contexts is
too impractical, slow and expensive!
@nozurbina
Adaptive content let’s you build many
unique experiences from the same
reusable building blocks
http://www.flickr.com/photos/popcorncx/3514881626/sizes/o/in/photostream/
@nozurbinaYou might also like

Contenu connexe

Similaire à Adaptive Content & Responsive design: the content challenge

Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Robert Stribley
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience DesignRobert Stribley
 
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...Noz Urbina
 
Delivering Dynamic Content Solutions using XML - PubExp12
Delivering Dynamic Content Solutions using XML - PubExp12Delivering Dynamic Content Solutions using XML - PubExp12
Delivering Dynamic Content Solutions using XML - PubExp12Noz Urbina
 
Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Robert Stribley
 
Content First, Designing in the Browser - UX camp CPH
Content First, Designing in the Browser -  UX camp CPHContent First, Designing in the Browser -  UX camp CPH
Content First, Designing in the Browser - UX camp CPHMette Schou Andersen
 
Building Large Sustainable Apps
Building Large Sustainable AppsBuilding Large Sustainable Apps
Building Large Sustainable AppsBuğra Oral
 
Responsive Design
Responsive DesignResponsive Design
Responsive Designevantravers
 
Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016
Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016
Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016Zabbix
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Robert Stribley
 
Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019Robert Stribley
 
Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Robert Stribley
 
Script for — How to ensure quality in the delivered experience #UCD2013
Script for — How to ensure quality in the delivered experience #UCD2013Script for — How to ensure quality in the delivered experience #UCD2013
Script for — How to ensure quality in the delivered experience #UCD2013Dominic Winsor
 
Designing Learning #eldc2011
Designing Learning #eldc2011Designing Learning #eldc2011
Designing Learning #eldc2011Nick Floro
 
Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018Robert Stribley
 
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]Noz Urbina
 
Responsive Design & Prototyping -- An Agency Model (Part 3/3)
Responsive Design & Prototyping -- An Agency Model (Part 3/3)Responsive Design & Prototyping -- An Agency Model (Part 3/3)
Responsive Design & Prototyping -- An Agency Model (Part 3/3)Neeta Goplani
 

Similaire à Adaptive Content & Responsive design: the content challenge (20)

Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience Design
 
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
Adaptive Content equals Architecture plus Process minus Reality [Noz Urbina, ...
 
The Non-Terrifying Intro to Semantic Content
The Non-Terrifying Intro to Semantic ContentThe Non-Terrifying Intro to Semantic Content
The Non-Terrifying Intro to Semantic Content
 
Delivering Dynamic Content Solutions using XML - PubExp12
Delivering Dynamic Content Solutions using XML - PubExp12Delivering Dynamic Content Solutions using XML - PubExp12
Delivering Dynamic Content Solutions using XML - PubExp12
 
Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19
 
Content First, Designing in the Browser - UX camp CPH
Content First, Designing in the Browser -  UX camp CPHContent First, Designing in the Browser -  UX camp CPH
Content First, Designing in the Browser - UX camp CPH
 
Designing for Everybody Workshop
Designing for Everybody WorkshopDesigning for Everybody Workshop
Designing for Everybody Workshop
 
Building Large Sustainable Apps
Building Large Sustainable AppsBuilding Large Sustainable Apps
Building Large Sustainable Apps
 
Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016
Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016
Raymond Kuiper - Zen and The Art of Zabbix Template Design | ZabConf2016
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19
 
Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019Guidelines for Responsive UX Design 03/23/2019
Guidelines for Responsive UX Design 03/23/2019
 
Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018
 
Script for — How to ensure quality in the delivered experience #UCD2013
Script for — How to ensure quality in the delivered experience #UCD2013Script for — How to ensure quality in the delivered experience #UCD2013
Script for — How to ensure quality in the delivered experience #UCD2013
 
Designing Learning #eldc2011
Designing Learning #eldc2011Designing Learning #eldc2011
Designing Learning #eldc2011
 
Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018
 
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
Rebuilding Your Mindset for the Future of Content Work [Tekom /TCWorld 2013]
 
Responsive Design & Prototyping -- An Agency Model (Part 3/3)
Responsive Design & Prototyping -- An Agency Model (Part 3/3)Responsive Design & Prototyping -- An Agency Model (Part 3/3)
Responsive Design & Prototyping -- An Agency Model (Part 3/3)
 

Plus de Noz Urbina

Component content 101 - Noz Urbina
Component content 101 - Noz UrbinaComponent content 101 - Noz Urbina
Component content 101 - Noz UrbinaNoz Urbina
 
Playing to Win: Create Evergreen and Topical Content From the Same Source
Playing to Win: Create Evergreen and Topical Content From the Same SourcePlaying to Win: Create Evergreen and Topical Content From the Same Source
Playing to Win: Create Evergreen and Topical Content From the Same SourceNoz Urbina
 
Why We Crave Semantic Structured Content - Lavacon Dublin 2016
Why We Crave Semantic Structured Content - Lavacon Dublin 2016Why We Crave Semantic Structured Content - Lavacon Dublin 2016
Why We Crave Semantic Structured Content - Lavacon Dublin 2016Noz Urbina
 
Storming the Castle 2015 [LavaCon Breakout Session]
Storming the Castle 2015  [LavaCon Breakout Session]Storming the Castle 2015  [LavaCon Breakout Session]
Storming the Castle 2015 [LavaCon Breakout Session]Noz Urbina
 
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term DisamguationAdaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term DisamguationNoz Urbina
 
This is Your Brain on Content: Cognitive Science Lessons for Content Strategy
This is Your Brain on Content: Cognitive Science Lessons for Content StrategyThis is Your Brain on Content: Cognitive Science Lessons for Content Strategy
This is Your Brain on Content: Cognitive Science Lessons for Content StrategyNoz Urbina
 
COPE Content Modelling for Adaptive UX - Noz Urbina
COPE Content Modelling for Adaptive UX - Noz UrbinaCOPE Content Modelling for Adaptive UX - Noz Urbina
COPE Content Modelling for Adaptive UX - Noz UrbinaNoz Urbina
 
The Biological Imperative for Intelligent Content
The Biological Imperative for Intelligent ContentThe Biological Imperative for Intelligent Content
The Biological Imperative for Intelligent ContentNoz Urbina
 
[Workshop] The incremental steps towards dynamic and embedded content deliver...
[Workshop] The incremental steps towardsdynamic and embedded content deliver...[Workshop] The incremental steps towardsdynamic and embedded content deliver...
[Workshop] The incremental steps towards dynamic and embedded content deliver...Noz Urbina
 
Rejigging your mindset for the future of content work [ISTC13]
Rejigging your mindset for the future of content work [ISTC13]Rejigging your mindset for the future of content work [ISTC13]
Rejigging your mindset for the future of content work [ISTC13]Noz Urbina
 
Choosing a CMS: One Management System to Rule Them All?
Choosing a CMS: One Management System to Rule Them All?Choosing a CMS: One Management System to Rule Them All?
Choosing a CMS: One Management System to Rule Them All?Noz Urbina
 
Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]
Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]
Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]Noz Urbina
 
Giving Customers What They Want: Integrating Content into the Customer LifeCy...
Giving Customers What They Want: Integrating Content into the Customer LifeCy...Giving Customers What They Want: Integrating Content into the Customer LifeCy...
Giving Customers What They Want: Integrating Content into the Customer LifeCy...Noz Urbina
 
Updating your content strategy for a community driven world - PubExp12
Updating your content strategy for a community driven world - PubExp12Updating your content strategy for a community driven world - PubExp12
Updating your content strategy for a community driven world - PubExp12Noz Urbina
 
Supporting the brand with reusable content - CSA12
Supporting the brand with reusable content - CSA12Supporting the brand with reusable content - CSA12
Supporting the brand with reusable content - CSA12Noz Urbina
 

Plus de Noz Urbina (15)

Component content 101 - Noz Urbina
Component content 101 - Noz UrbinaComponent content 101 - Noz Urbina
Component content 101 - Noz Urbina
 
Playing to Win: Create Evergreen and Topical Content From the Same Source
Playing to Win: Create Evergreen and Topical Content From the Same SourcePlaying to Win: Create Evergreen and Topical Content From the Same Source
Playing to Win: Create Evergreen and Topical Content From the Same Source
 
Why We Crave Semantic Structured Content - Lavacon Dublin 2016
Why We Crave Semantic Structured Content - Lavacon Dublin 2016Why We Crave Semantic Structured Content - Lavacon Dublin 2016
Why We Crave Semantic Structured Content - Lavacon Dublin 2016
 
Storming the Castle 2015 [LavaCon Breakout Session]
Storming the Castle 2015  [LavaCon Breakout Session]Storming the Castle 2015  [LavaCon Breakout Session]
Storming the Castle 2015 [LavaCon Breakout Session]
 
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term DisamguationAdaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
Adaptive / Reponsive Content vs Adaptive / Responsive Design - Term Disamguation
 
This is Your Brain on Content: Cognitive Science Lessons for Content Strategy
This is Your Brain on Content: Cognitive Science Lessons for Content StrategyThis is Your Brain on Content: Cognitive Science Lessons for Content Strategy
This is Your Brain on Content: Cognitive Science Lessons for Content Strategy
 
COPE Content Modelling for Adaptive UX - Noz Urbina
COPE Content Modelling for Adaptive UX - Noz UrbinaCOPE Content Modelling for Adaptive UX - Noz Urbina
COPE Content Modelling for Adaptive UX - Noz Urbina
 
The Biological Imperative for Intelligent Content
The Biological Imperative for Intelligent ContentThe Biological Imperative for Intelligent Content
The Biological Imperative for Intelligent Content
 
[Workshop] The incremental steps towards dynamic and embedded content deliver...
[Workshop] The incremental steps towardsdynamic and embedded content deliver...[Workshop] The incremental steps towardsdynamic and embedded content deliver...
[Workshop] The incremental steps towards dynamic and embedded content deliver...
 
Rejigging your mindset for the future of content work [ISTC13]
Rejigging your mindset for the future of content work [ISTC13]Rejigging your mindset for the future of content work [ISTC13]
Rejigging your mindset for the future of content work [ISTC13]
 
Choosing a CMS: One Management System to Rule Them All?
Choosing a CMS: One Management System to Rule Them All?Choosing a CMS: One Management System to Rule Them All?
Choosing a CMS: One Management System to Rule Them All?
 
Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]
Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]
Leveraging Your Business Assets with Multichannel Publishing [Noz Urbina]
 
Giving Customers What They Want: Integrating Content into the Customer LifeCy...
Giving Customers What They Want: Integrating Content into the Customer LifeCy...Giving Customers What They Want: Integrating Content into the Customer LifeCy...
Giving Customers What They Want: Integrating Content into the Customer LifeCy...
 
Updating your content strategy for a community driven world - PubExp12
Updating your content strategy for a community driven world - PubExp12Updating your content strategy for a community driven world - PubExp12
Updating your content strategy for a community driven world - PubExp12
 
Supporting the brand with reusable content - CSA12
Supporting the brand with reusable content - CSA12Supporting the brand with reusable content - CSA12
Supporting the brand with reusable content - CSA12
 

Dernier

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 

Dernier (20)

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 

Adaptive Content & Responsive design: the content challenge

  • 1. the content challenge Adaptive content & Responsive design @nozurbina noz.urbina@urbinaconsulting.com / urbinaconsulting.com/blog Img: odditymall.com/lego-sunglasses
  • 2. @nozurbinaAbstract 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 using adaptive content. Adaptive content is like lego-blocks, allowing you to craft many different perspectives on your brand from reusable assets.
  • 3. @nozurbinaAgenda • Me • Terms – Adaptive/Responsive Design? • Many challenges – Content and UX • AdaptiveContent • Collaboration to meet the challenge
  • 4. @nozurbina Viva (in) España! Congility Events Chair Content strategist Consultant/trainer Author Noz Urbina (me)
  • 5. DEFINING OUR TERMS Responsive Design Adaptive Design Content and UX Adaptive Content
  • 6. @nozurbinaResponsive Design All content is delivered. Appearance, layouts and features are adjusted for device client-side
  • 7. @nozurbinaAdaptive Design Device, user, and other context details are detected, then server-side logic sends only appropriate layouts & features LinkedIn
  • 9. THAT’S THE LEAST OF OUR WORRIES If only there were only desktop and mobile...
  • 12. Vuzix M100 Recon JetEpson Moverio (on sale) Telepathy One Microsoft Hololens
  • 13. BUT WHAT ABOUT THE CONTENT? The stuff that the people are actually looking for?
  • 14. @nozurbina Content is the lens through which users perceive the brand http://commons.wikimedia.org/wiki/File: Oakley_sunglasses.jpg
  • 15. @nozurbina Lens and Frames Must Work Together Personal Preference Functional Imperative All images http://commons.wikimedia.org
  • 16. @nozurbinaContent 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. @nozurbinaAdaptive Content • Content designed to adapt for personalised, contextual delivery in multi-channel, multi-format, multi-device scenarios • Can be: – Transformed – Filtered • Because it’s got: – No presentation information! – Structure – Rich metadata – Built-in, in-line semantics
  • 18. @nozurbinaAdaptive Content • Adaptive Content enables contextually-appropriate experiences by placing more meaningful (semantic) metadata on small and specific bits of content. The same asset can be leveraged for diverse situations and audiences Traditional Adaptive
  • 19. @nozurbinaWhy Now? • Omni- and multi-channel scenarios, responsive and adaptive design, are raising the profile of Content Strategy and AdaptiveContent • It forces people to confront real optimisation of the content’s role in UX • Users expect more personalisation and brands benefit from delighting them. Adaptive content enables better UX. • Without adaptive content, optimising for so many contexts is too impractical, slow and expensive!
  • 20. @nozurbina Adaptive content let’s you build many unique experiences from the same reusable building blocks http://www.flickr.com/photos/popcorncx/3514881626/sizes/o/in/photostream/

Notes de l'éditeur

  1. People run So many
  2. http://commons.wikimedia.org/wiki/File:Oakley_sunglasses.jpg
  3. http://www.flickr.com/photos/popcorncx/3514881626/sizes/o/in/photostream/