SlideShare une entreprise Scribd logo
1  sur  39
Adaptive Content

Show & Tell

    #AustinContent
First:
A few disclaimers.
#1:
This shit is really hard.
#2:
We’re all faking it.
#3:
Isn’t that awesome?
Okay, so what is 
“adaptive” content?
Okay, so what is 
“responsive” content?
Okay, so what is 
“future-friendly” content?
Well-structured content is now an essential part of
art direction. Consider how it can flow into a variety
of containers by being mindful of their constraints
and capabilities…

Highly capable smart devices, simple constrained
devices, interoperable devices and (a whole lot)
more are part of our future. Structure and store your
content accordingly.
Blobs vs. Chunks
“We are in a war between
giant, unstructured blobs
of content, and clean,
well-structured fields of
content that have
metadata attached. We
are in a war of Blobs
versus Chunks.

You all are on Team
Chunk. We cannot let
the blobs win.”

Karen McGrane
“Adapting Ourselves to Adaptive Content”
Sarah Wachter-Boettcher!
“Getting Unstuck: Content Strategy for the Future	
  
Adaptive Content Show & Tell - Austin Content
Adaptive Content Show & Tell - Austin Content
It isn’t just about mobile.
Mobile exposes the
underlying issues.
But it also helps us realize
     new possibilities.
Example:
A tale of two tacos
TacoDeli.com	
  
TacoDeli.com	
  
Adaptive Content Show & Tell - Austin Content
Adaptive Content Show & Tell - Austin Content
TorchysTacos.com	
  
TorchysTacos.com	
  
Adaptive Content Show & Tell - Austin Content
You can’t do this without
  structured content.
THIS:
IS BUILT WITH THIS:

Taco name: Fried Avocado

Description: Hand-battered fresh avocados fried and
served with vegetarian refried beans, topped with pico,
lettuce & cheese. Served with POBLANO SAUCE on a
corn tortilla.

Vegetarian (Y/N): Yes

Tortilla: Corn, Flour, In a bowl

Sauces: Diablo, Chipotle, Poblano, Avocado, Tomatillo,
Roja, No Sauce

Options: No cheese, No pico, Not fried, No beans, No
lettuce

Upgrades…etc. etc. etc.
But wait, there’s more!
Remember how I said it
also “helps you realize new
       possibilities”?
WhatisMAVN.com	
  
WhatisMAVN.com	
  
WhatisMAVN.com	
  
But I’m not a restaurant, my
   content doesn’t break
    down to tortillas and
  sauces. What can I do?
Find your chunks.
“The challenge is figuring
 out how to decompose a
 site full of inflexible HTML
 blobs into discrete, bite-
 sized fields.”
- Jeff Eaton
"Deblobbing your chunks: Building a flexible content model”
Lullabot.com
Adaptive Content Show & Tell - Austin Content
SOURCES	
  
	
  
Ge#ng	
  unstuck:	
  Content	
  strategy	
  for	
  the	
  future	
  
Sara	
  Wachter-­‐Boe-cher	
  
h-p://www.slideshare.net/Saraboe-cher/ge:ng-­‐unstuck-­‐
content-­‐strategy-­‐for-­‐the-­‐future	
  
	
  
Future-­‐Ready	
  Content	
  
Sara	
  Wachter-­‐Boe-cher	
  
h-p://alistapart.com/ar@cle/future-­‐ready-­‐content	
  

Adapting Ourselves to Adaptive Content
Karen McGrane
http://karenmcgrane.com/2012/09/04/adapting-
ourselves-to-adaptive-content-video-slides-and-
transcript-oh-my/
SOURCES	
  
	
  
Deblobbing	
  your	
  chunks:	
  Building	
  a	
  flexible	
  content	
  model	
  
Jeff	
  Eaton	
  
h-p://www.lullabot.com/blog/ar@cles/deblobbing-­‐your-­‐
chunks-­‐building-­‐flexible-­‐content-­‐model	
  
	
  
Future	
  Friendly	
  Thinking	
  
Futurefriend.ly	
  
h-p://futurefriend.ly/thinking.html	
  
	
  
Share	
  your	
  thoughts	
  on	
  the	
  Aus@n	
  Content	
  Community	
  page:	
  
h-ps://plus.google.com/u/0/communi@es/
100249412284210736273	
  
	
  
	
  

Contenu connexe

En vedette

Application Deployment at UC Riverside
Application Deployment at UC RiversideApplication Deployment at UC Riverside
Application Deployment at UC RiversideMichael Kennedy
 
Aws + Puppet = Dynamic Scale
Aws + Puppet = Dynamic ScaleAws + Puppet = Dynamic Scale
Aws + Puppet = Dynamic ScalePuppet
 
Advanced Microservices - Greach 2015
Advanced Microservices - Greach 2015Advanced Microservices - Greach 2015
Advanced Microservices - Greach 2015Steve Pember
 
What does "monitoring" mean? (FOSDEM 2017)
What does "monitoring" mean? (FOSDEM 2017)What does "monitoring" mean? (FOSDEM 2017)
What does "monitoring" mean? (FOSDEM 2017)Brian Brazil
 
Performance Benchmarking of Clouds Evaluating OpenStack
Performance Benchmarking of Clouds                Evaluating OpenStackPerformance Benchmarking of Clouds                Evaluating OpenStack
Performance Benchmarking of Clouds Evaluating OpenStackPradeep Kumar
 
Catálogo 15 16 elksport
Catálogo 15 16 elksportCatálogo 15 16 elksport
Catálogo 15 16 elksportElk Sport
 
Sunbrella Ottomans by Outdoor Elegance
Sunbrella Ottomans by Outdoor EleganceSunbrella Ottomans by Outdoor Elegance
Sunbrella Ottomans by Outdoor EleganceOutdoorEleganceAus
 
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...Nagios
 
#speakgeek - Open Source Software Infrastructure at iconnect360
#speakgeek - Open Source Software Infrastructure at iconnect360#speakgeek - Open Source Software Infrastructure at iconnect360
#speakgeek - Open Source Software Infrastructure at iconnect360Derek Chan
 
MyHeritage backend group - build to scale
MyHeritage backend group - build to scaleMyHeritage backend group - build to scale
MyHeritage backend group - build to scaleRan Levy
 
Streaming architecture with HDP & ELK
Streaming architecture with HDP & ELKStreaming architecture with HDP & ELK
Streaming architecture with HDP & ELKAlain Douangpraseuth
 

En vedette (17)

Application Deployment at UC Riverside
Application Deployment at UC RiversideApplication Deployment at UC Riverside
Application Deployment at UC Riverside
 
Aws + Puppet = Dynamic Scale
Aws + Puppet = Dynamic ScaleAws + Puppet = Dynamic Scale
Aws + Puppet = Dynamic Scale
 
Advanced Microservices - Greach 2015
Advanced Microservices - Greach 2015Advanced Microservices - Greach 2015
Advanced Microservices - Greach 2015
 
What does "monitoring" mean? (FOSDEM 2017)
What does "monitoring" mean? (FOSDEM 2017)What does "monitoring" mean? (FOSDEM 2017)
What does "monitoring" mean? (FOSDEM 2017)
 
Java standards in WCM
Java standards in WCMJava standards in WCM
Java standards in WCM
 
Performance Benchmarking of Clouds Evaluating OpenStack
Performance Benchmarking of Clouds                Evaluating OpenStackPerformance Benchmarking of Clouds                Evaluating OpenStack
Performance Benchmarking of Clouds Evaluating OpenStack
 
Catálogo 15 16 elksport
Catálogo 15 16 elksportCatálogo 15 16 elksport
Catálogo 15 16 elksport
 
Sunbrella Ottomans by Outdoor Elegance
Sunbrella Ottomans by Outdoor EleganceSunbrella Ottomans by Outdoor Elegance
Sunbrella Ottomans by Outdoor Elegance
 
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
 
#speakgeek - Open Source Software Infrastructure at iconnect360
#speakgeek - Open Source Software Infrastructure at iconnect360#speakgeek - Open Source Software Infrastructure at iconnect360
#speakgeek - Open Source Software Infrastructure at iconnect360
 
MyHeritage backend group - build to scale
MyHeritage backend group - build to scaleMyHeritage backend group - build to scale
MyHeritage backend group - build to scale
 
Kelompok 2
Kelompok 2Kelompok 2
Kelompok 2
 
Streaming architecture with HDP & ELK
Streaming architecture with HDP & ELKStreaming architecture with HDP & ELK
Streaming architecture with HDP & ELK
 
Item analysis
Item analysisItem analysis
Item analysis
 
Verwondering...
Verwondering...Verwondering...
Verwondering...
 
Introduction to smpc
Introduction to smpc Introduction to smpc
Introduction to smpc
 
You know, for search
You know, for searchYou know, for search
You know, for search
 

Dernier

UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 

Dernier (20)

UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 

Adaptive Content Show & Tell - Austin Content

  • 1. Adaptive Content Show & Tell #AustinContent
  • 3. #1: This shit is really hard.
  • 6. Okay, so what is “adaptive” content?
  • 7. Okay, so what is “responsive” content?
  • 8. Okay, so what is “future-friendly” content?
  • 9. Well-structured content is now an essential part of art direction. Consider how it can flow into a variety of containers by being mindful of their constraints and capabilities… Highly capable smart devices, simple constrained devices, interoperable devices and (a whole lot) more are part of our future. Structure and store your content accordingly.
  • 11. “We are in a war between giant, unstructured blobs of content, and clean, well-structured fields of content that have metadata attached. We are in a war of Blobs versus Chunks. You all are on Team Chunk. We cannot let the blobs win.” Karen McGrane “Adapting Ourselves to Adaptive Content”
  • 12. Sarah Wachter-Boettcher! “Getting Unstuck: Content Strategy for the Future  
  • 15. It isn’t just about mobile.
  • 17. But it also helps us realize new possibilities.
  • 18. Example: A tale of two tacos
  • 26. You can’t do this without structured content.
  • 27. THIS:
  • 28. IS BUILT WITH THIS: Taco name: Fried Avocado Description: Hand-battered fresh avocados fried and served with vegetarian refried beans, topped with pico, lettuce & cheese. Served with POBLANO SAUCE on a corn tortilla. Vegetarian (Y/N): Yes Tortilla: Corn, Flour, In a bowl Sauces: Diablo, Chipotle, Poblano, Avocado, Tomatillo, Roja, No Sauce Options: No cheese, No pico, Not fried, No beans, No lettuce Upgrades…etc. etc. etc.
  • 30. Remember how I said it also “helps you realize new possibilities”?
  • 34. But I’m not a restaurant, my content doesn’t break down to tortillas and sauces. What can I do?
  • 36. “The challenge is figuring out how to decompose a site full of inflexible HTML blobs into discrete, bite- sized fields.” - Jeff Eaton "Deblobbing your chunks: Building a flexible content model” Lullabot.com
  • 38. SOURCES     Ge#ng  unstuck:  Content  strategy  for  the  future   Sara  Wachter-­‐Boe-cher   h-p://www.slideshare.net/Saraboe-cher/ge:ng-­‐unstuck-­‐ content-­‐strategy-­‐for-­‐the-­‐future     Future-­‐Ready  Content   Sara  Wachter-­‐Boe-cher   h-p://alistapart.com/ar@cle/future-­‐ready-­‐content   Adapting Ourselves to Adaptive Content Karen McGrane http://karenmcgrane.com/2012/09/04/adapting- ourselves-to-adaptive-content-video-slides-and- transcript-oh-my/
  • 39. SOURCES     Deblobbing  your  chunks:  Building  a  flexible  content  model   Jeff  Eaton   h-p://www.lullabot.com/blog/ar@cles/deblobbing-­‐your-­‐ chunks-­‐building-­‐flexible-­‐content-­‐model     Future  Friendly  Thinking   Futurefriend.ly   h-p://futurefriend.ly/thinking.html     Share  your  thoughts  on  the  Aus@n  Content  Community  page:   h-ps://plus.google.com/u/0/communi@es/ 100249412284210736273