SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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)
 

Mais 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
 

Mais 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
 

Último

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
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
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
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
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 

Último (20)

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
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.
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
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
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.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/

Notas do Editor

  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/