SlideShare a Scribd company logo
1 of 20
Responsive design and
the content challenge
noz.urbina@mekon.com
@nozurbina
lessworkmoreflow.blogspot.com
Agenda
• Me
• Terms
– Adaptive/Responsive Design?
• Many challenges
– Content and UX
• Adaptive Content
• Collaboration to meet the challenge
Viva España!
Congility Events Chair
Content strategist
Consultant/trainer
Author
Noz Urbina (me)
Becoming a Content Strategist
Customer 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?”
DEFINING OUR TERMS
Responsive Design
Adaptive Design
Content and UX
Adaptive Content
Responsive Design
All content is delivered. Appearance,
layouts and features are adjusted for
device client-side
Adaptive Design
Device and other context is
detected, then server-side logic
sends only appropriate layouts &
features
LinkedIn
App
Mobile Site
LinkedIn
THAT’S THE LEAST OF OUR
WORRIES
If only there were only desktop and mobile...
Beyond 24”
bit.ly/lwmf-taxDJp1
Multi-device
Google Glass
Vuzix M100
Recon JetEpson Moverio (on sale)
Telepathy One
BUT WHAT ABOUT THE
CONTENT?
The stuff that the people are actually looking for?
Content is the lens through which
users perceive the brand
http://commons.wikimedia.org/wiki/File:
Oakley_sunglasses.jpg
Lens and Frames Must Work
Together
Personal
Preference
Functional
Imperative
All images
http://commons.wikimedia.org
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
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
Adaptive Content
• Adaptive Content
Enables Contextually-
Appropriate
Experiences
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
Q&A
...and surprise book give-away!
noz.urbina@mekon.com
@nozurbina
http://lessworkmoreflow.blogspot.com
Please reach under your chairs
and look for a winning sticker!

More Related Content

Viewers also liked

Direct Request Appointment Setting Model
Direct Request Appointment Setting ModelDirect Request Appointment Setting Model
Direct Request Appointment Setting ModelHeinz Marketing Inc
 
20 tips to be inCredible
20 tips to be inCredible20 tips to be inCredible
20 tips to be inCredibleTariq Ahmad
 
Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...
Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...
Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...Browne Jacobson LLP
 
Debianでできる簡単監視システム。
Debianでできる簡単監視システム。Debianでできる簡単監視システム。
Debianでできる簡単監視システム。Kouhei Maeda
 
Social Media Around Belgium (Presentation IAB Breakfast)
Social Media Around Belgium (Presentation IAB Breakfast)Social Media Around Belgium (Presentation IAB Breakfast)
Social Media Around Belgium (Presentation IAB Breakfast)Elias Veris
 
Operaciones aritmeticas utilizando_radio_button(1)_1
Operaciones aritmeticas utilizando_radio_button(1)_1Operaciones aritmeticas utilizando_radio_button(1)_1
Operaciones aritmeticas utilizando_radio_button(1)_1Giezy Vera
 
Agile in the martix @RUAG Defence-Agile Prozesse in Unternehmen
Agile in the martix @RUAG Defence-Agile Prozesse in UnternehmenAgile in the martix @RUAG Defence-Agile Prozesse in Unternehmen
Agile in the martix @RUAG Defence-Agile Prozesse in UnternehmenChristian Délez
 
محاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعه
محاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعهمحاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعه
محاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعهMohamad Gomaa
 

Viewers also liked (16)

Atencion primaria en salud
Atencion primaria en saludAtencion primaria en salud
Atencion primaria en salud
 
Yammer can help with that!
Yammer can help with that!Yammer can help with that!
Yammer can help with that!
 
Direct Request Appointment Setting Model
Direct Request Appointment Setting ModelDirect Request Appointment Setting Model
Direct Request Appointment Setting Model
 
20 tips to be inCredible
20 tips to be inCredible20 tips to be inCredible
20 tips to be inCredible
 
Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...
Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...
Browne Jacobson LLP Annual Review 2013-14 - We’ve been busy...
 
Debianでできる簡単監視システム。
Debianでできる簡単監視システム。Debianでできる簡単監視システム。
Debianでできる簡単監視システム。
 
Caso clinico de cefalea
Caso clinico de cefaleaCaso clinico de cefalea
Caso clinico de cefalea
 
Critical Outcome - September 2014
Critical Outcome - September 2014Critical Outcome - September 2014
Critical Outcome - September 2014
 
Media Kit 2009
Media Kit 2009Media Kit 2009
Media Kit 2009
 
Social Media Around Belgium (Presentation IAB Breakfast)
Social Media Around Belgium (Presentation IAB Breakfast)Social Media Around Belgium (Presentation IAB Breakfast)
Social Media Around Belgium (Presentation IAB Breakfast)
 
Operaciones aritmeticas utilizando_radio_button(1)_1
Operaciones aritmeticas utilizando_radio_button(1)_1Operaciones aritmeticas utilizando_radio_button(1)_1
Operaciones aritmeticas utilizando_radio_button(1)_1
 
Agile in the martix @RUAG Defence-Agile Prozesse in Unternehmen
Agile in the martix @RUAG Defence-Agile Prozesse in UnternehmenAgile in the martix @RUAG Defence-Agile Prozesse in Unternehmen
Agile in the martix @RUAG Defence-Agile Prozesse in Unternehmen
 
กริยา40
กริยา40กริยา40
กริยา40
 
Choroidal Angioma on Image
Choroidal Angioma on ImageChoroidal Angioma on Image
Choroidal Angioma on Image
 
محاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعه
محاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعهمحاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعه
محاضرةF 5 مهارات التعميمgeneralization- دكتور محمد جمعه
 
Epilepsy in Preterm Neonate MRI
Epilepsy in Preterm Neonate MRIEpilepsy in Preterm Neonate MRI
Epilepsy in Preterm Neonate MRI
 

Similar to Responsive design and the content challenge

Strategy for a Responsive UX
Strategy for a Responsive UXStrategy for a Responsive UX
Strategy for a Responsive UXNuno MB Rodrigues
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience DesignRobert Stribley
 
Dita and Information Architecture for Responsive Design
Dita and Information Architecture for Responsive DesignDita and Information Architecture for Responsive Design
Dita and Information Architecture for Responsive DesignPhil Kneer
 
Adaptive Content & Responsive design: the content challenge
Adaptive Content & Responsive design: the content challengeAdaptive Content & Responsive design: the content challenge
Adaptive Content & Responsive design: the content challengeNoz Urbina
 
UX Tools for Agile Teams – Design Mission
UX Tools for Agile Teams – Design MissionUX Tools for Agile Teams – Design Mission
UX Tools for Agile Teams – Design MissionMarc-Oliver Gern
 
Responsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby MarchResponsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby Marchthemystic_ca
 
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
 
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
 
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
 
Touch Screens | The very expensive mistake
Touch Screens | The very expensive mistakeTouch Screens | The very expensive mistake
Touch Screens | The very expensive mistakeCasey Dubbs
 
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
 
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
 
Content: a coming of age story
Content: a coming of age storyContent: a coming of age story
Content: a coming of age storyMaddie_heyday
 
PxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniquesPxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniqueshendrikknoche
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignJohn Nollin
 
Content is Design, Design is Content – How To Design For User Experience
Content is Design, Design is Content – How To Design For User ExperienceContent is Design, Design is Content – How To Design For User Experience
Content is Design, Design is Content – How To Design For User ExperienceRobert Weller
 
Touch Screens | The Very Expensive Mistake
Touch Screens | The Very Expensive MistakeTouch Screens | The Very Expensive Mistake
Touch Screens | The Very Expensive MistakeCasey Dubbs
 
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
 

Similar to Responsive design and the content challenge (20)

Strategy for a Responsive UX
Strategy for a Responsive UXStrategy for a Responsive UX
Strategy for a Responsive UX
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience Design
 
Dita and Information Architecture for Responsive Design
Dita and Information Architecture for Responsive DesignDita and Information Architecture for Responsive Design
Dita and Information Architecture for Responsive Design
 
Adaptive Content & Responsive design: the content challenge
Adaptive Content & Responsive design: the content challengeAdaptive Content & Responsive design: the content challenge
Adaptive Content & Responsive design: the content challenge
 
Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
 
UX Tools for Agile Teams – Design Mission
UX Tools for Agile Teams – Design MissionUX Tools for Agile Teams – Design Mission
UX Tools for Agile Teams – Design Mission
 
Responsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby MarchResponsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby March
 
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)
 
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
 
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
 
Touch Screens | The very expensive mistake
Touch Screens | The very expensive mistakeTouch Screens | The very expensive mistake
Touch Screens | The very expensive mistake
 
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
 
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
 
Content: a coming of age story
Content: a coming of age storyContent: a coming of age story
Content: a coming of age story
 
PxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniquesPxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniques
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
How Do I UX?
How Do I UX?How Do I UX?
How Do I UX?
 
Content is Design, Design is Content – How To Design For User Experience
Content is Design, Design is Content – How To Design For User ExperienceContent is Design, Design is Content – How To Design For User Experience
Content is Design, Design is Content – How To Design For User Experience
 
Touch Screens | The Very Expensive Mistake
Touch Screens | The Very Expensive MistakeTouch Screens | The Very Expensive Mistake
Touch Screens | The Very Expensive Mistake
 
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
 

More from UXPA UK

Design for menaing
Design for menaingDesign for menaing
Design for menaingUXPA UK
 
Having a halibut good time with service deisgn
Having a halibut good time with service deisgnHaving a halibut good time with service deisgn
Having a halibut good time with service deisgnUXPA UK
 
The Ethics of Design
The Ethics of DesignThe Ethics of Design
The Ethics of DesignUXPA UK
 
When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...
When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...
When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...UXPA UK
 
Designing for Persuasion, Emotion, and Trust
Designing for Persuasion, Emotion, and TrustDesigning for Persuasion, Emotion, and Trust
Designing for Persuasion, Emotion, and TrustUXPA UK
 
Going End to End with Lovehoney
Going End to End with LovehoneyGoing End to End with Lovehoney
Going End to End with LovehoneyUXPA UK
 
Design, death and sex (workers)
Design, death and sex (workers)Design, death and sex (workers)
Design, death and sex (workers)UXPA UK
 
The role of UX design in AI by Tom Woodel
The role of UX design in AI by Tom WoodelThe role of UX design in AI by Tom Woodel
The role of UX design in AI by Tom WoodelUXPA UK
 
How can we design drones for 7 year olds by Pae Natwilai
How can we design drones for 7 year olds by Pae NatwilaiHow can we design drones for 7 year olds by Pae Natwilai
How can we design drones for 7 year olds by Pae NatwilaiUXPA UK
 
What AI means for UX by James Clemoes
What AI means for UX by James ClemoesWhat AI means for UX by James Clemoes
What AI means for UX by James ClemoesUXPA UK
 
"Making Accessibility Accessible" by Kirtika Bhuva
"Making Accessibility Accessible" by Kirtika Bhuva"Making Accessibility Accessible" by Kirtika Bhuva
"Making Accessibility Accessible" by Kirtika BhuvaUXPA UK
 
"Designing a Product with Mental Health in Mind" by Zander Brade
"Designing a Product with Mental Health in Mind" by Zander Brade"Designing a Product with Mental Health in Mind" by Zander Brade
"Designing a Product with Mental Health in Mind" by Zander BradeUXPA UK
 
"Real Life Accessibility" by Gavin Evans
"Real Life Accessibility" by Gavin Evans"Real Life Accessibility" by Gavin Evans
"Real Life Accessibility" by Gavin EvansUXPA UK
 
"How to tie your customer design work into the enabling organisation" - by Jo...
"How to tie your customer design work into the enabling organisation" - by Jo..."How to tie your customer design work into the enabling organisation" - by Jo...
"How to tie your customer design work into the enabling organisation" - by Jo...UXPA UK
 
'Mainstream' UX and Games UX - Alistair Greo, Player Research
'Mainstream' UX and Games UX - Alistair Greo, Player Research'Mainstream' UX and Games UX - Alistair Greo, Player Research
'Mainstream' UX and Games UX - Alistair Greo, Player ResearchUXPA UK
 
Food Cloud - Fiona Kelly
Food Cloud - Fiona KellyFood Cloud - Fiona Kelly
Food Cloud - Fiona KellyUXPA UK
 
Conservation & The Knowledge Chain - Paul-Jervis Heath, Modern Human
Conservation & The Knowledge Chain - Paul-Jervis Heath, Modern HumanConservation & The Knowledge Chain - Paul-Jervis Heath, Modern Human
Conservation & The Knowledge Chain - Paul-Jervis Heath, Modern HumanUXPA UK
 
Finding Kakuma - Mike Gatman, Thoughtworks
Finding Kakuma - Mike Gatman, ThoughtworksFinding Kakuma - Mike Gatman, Thoughtworks
Finding Kakuma - Mike Gatman, ThoughtworksUXPA UK
 
Smart UX - Giles Colborne, cxpartners
Smart UX - Giles Colborne, cxpartners Smart UX - Giles Colborne, cxpartners
Smart UX - Giles Colborne, cxpartners UXPA UK
 
Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord
Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord
Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord UXPA UK
 

More from UXPA UK (20)

Design for menaing
Design for menaingDesign for menaing
Design for menaing
 
Having a halibut good time with service deisgn
Having a halibut good time with service deisgnHaving a halibut good time with service deisgn
Having a halibut good time with service deisgn
 
The Ethics of Design
The Ethics of DesignThe Ethics of Design
The Ethics of Design
 
When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...
When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...
When Cambridge Analytica Met Facebook: A story of dark UX and shitty business...
 
Designing for Persuasion, Emotion, and Trust
Designing for Persuasion, Emotion, and TrustDesigning for Persuasion, Emotion, and Trust
Designing for Persuasion, Emotion, and Trust
 
Going End to End with Lovehoney
Going End to End with LovehoneyGoing End to End with Lovehoney
Going End to End with Lovehoney
 
Design, death and sex (workers)
Design, death and sex (workers)Design, death and sex (workers)
Design, death and sex (workers)
 
The role of UX design in AI by Tom Woodel
The role of UX design in AI by Tom WoodelThe role of UX design in AI by Tom Woodel
The role of UX design in AI by Tom Woodel
 
How can we design drones for 7 year olds by Pae Natwilai
How can we design drones for 7 year olds by Pae NatwilaiHow can we design drones for 7 year olds by Pae Natwilai
How can we design drones for 7 year olds by Pae Natwilai
 
What AI means for UX by James Clemoes
What AI means for UX by James ClemoesWhat AI means for UX by James Clemoes
What AI means for UX by James Clemoes
 
"Making Accessibility Accessible" by Kirtika Bhuva
"Making Accessibility Accessible" by Kirtika Bhuva"Making Accessibility Accessible" by Kirtika Bhuva
"Making Accessibility Accessible" by Kirtika Bhuva
 
"Designing a Product with Mental Health in Mind" by Zander Brade
"Designing a Product with Mental Health in Mind" by Zander Brade"Designing a Product with Mental Health in Mind" by Zander Brade
"Designing a Product with Mental Health in Mind" by Zander Brade
 
"Real Life Accessibility" by Gavin Evans
"Real Life Accessibility" by Gavin Evans"Real Life Accessibility" by Gavin Evans
"Real Life Accessibility" by Gavin Evans
 
"How to tie your customer design work into the enabling organisation" - by Jo...
"How to tie your customer design work into the enabling organisation" - by Jo..."How to tie your customer design work into the enabling organisation" - by Jo...
"How to tie your customer design work into the enabling organisation" - by Jo...
 
'Mainstream' UX and Games UX - Alistair Greo, Player Research
'Mainstream' UX and Games UX - Alistair Greo, Player Research'Mainstream' UX and Games UX - Alistair Greo, Player Research
'Mainstream' UX and Games UX - Alistair Greo, Player Research
 
Food Cloud - Fiona Kelly
Food Cloud - Fiona KellyFood Cloud - Fiona Kelly
Food Cloud - Fiona Kelly
 
Conservation & The Knowledge Chain - Paul-Jervis Heath, Modern Human
Conservation & The Knowledge Chain - Paul-Jervis Heath, Modern HumanConservation & The Knowledge Chain - Paul-Jervis Heath, Modern Human
Conservation & The Knowledge Chain - Paul-Jervis Heath, Modern Human
 
Finding Kakuma - Mike Gatman, Thoughtworks
Finding Kakuma - Mike Gatman, ThoughtworksFinding Kakuma - Mike Gatman, Thoughtworks
Finding Kakuma - Mike Gatman, Thoughtworks
 
Smart UX - Giles Colborne, cxpartners
Smart UX - Giles Colborne, cxpartners Smart UX - Giles Colborne, cxpartners
Smart UX - Giles Colborne, cxpartners
 
Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord
Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord
Fjord Trends 2016 - Seema Jain and Celia Romaniuk, Fjord
 

Recently uploaded

UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
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
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
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
 
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
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
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
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
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
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 

Recently uploaded (20)

UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
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.
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
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
 
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
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
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
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
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
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 

Responsive design and the content challenge

  • 1. Responsive design and the content challenge noz.urbina@mekon.com @nozurbina lessworkmoreflow.blogspot.com
  • 2. Agenda • Me • Terms – Adaptive/Responsive Design? • Many challenges – Content and UX • Adaptive Content • Collaboration to meet the challenge
  • 3. Viva España! Congility Events Chair Content strategist Consultant/trainer Author Noz Urbina (me)
  • 4. Becoming a Content Strategist Customer 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?”
  • 5. DEFINING OUR TERMS Responsive Design Adaptive Design Content and UX Adaptive Content
  • 6. Responsive Design All content is delivered. Appearance, layouts and features are adjusted for device client-side
  • 7. Adaptive Design Device and other context is 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. Google Glass Vuzix M100 Recon JetEpson Moverio (on sale) Telepathy One
  • 13. BUT WHAT ABOUT THE CONTENT? The stuff that the people are actually looking for?
  • 14. Content is the lens through which users perceive the brand http://commons.wikimedia.org/wiki/File: Oakley_sunglasses.jpg
  • 15. Lens and Frames Must Work Together Personal Preference Functional Imperative All images http://commons.wikimedia.org
  • 16. 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
  • 17. 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
  • 18. Adaptive Content • Adaptive Content Enables Contextually- Appropriate Experiences
  • 19. 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
  • 20. Q&A ...and surprise book give-away! noz.urbina@mekon.com @nozurbina http://lessworkmoreflow.blogspot.com Please reach under your chairs and look for a winning sticker!

Editor's Notes

  1. People run So many
  2. http://commons.wikimedia.org/wiki/File:Oakley_sunglasses.jpg