SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Ähnlich wie Adaptive Content & Responsive design: the content challenge

Ähnlich wie 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)
 

Mehr von Noz Urbina

Mehr von 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
 

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Kürzlich hochgeladen (20)

Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 

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/

Hinweis der Redaktion

  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/