SlideShare a Scribd company logo
ADAPTING OURSELVES TO
    ADAPTIVE CONTENT




MobX
@karenmcgrane
2
“
Fragmenting our content across
different “device-optimized”
experiences is a losing proposition,
or at least an unsustainable one.
                   —Ethan Marcotte
             Responsive Web Design
“             You can’t afford to create a piece of
              content for any one platform.
              Instead of crafting a website, you
              have to put more effort into crafting
              the description of the different bits
              of an asset, so they can be reused
              more effectively, so they can deliver
              more value.
                                —Nic Newman, BBC
Nimble Report, http://nimble.razorfish.com
5
We’re about to usher in a golden age
       of PDFs on the iPad.




                            Paul Ford, @ftrain
“            Existing art and production staffers
             from the print side would be
             responsible for making two iPad
             layouts (one in portrait and one in
             landscape) on Adobe’s platform.
                 —Condé Nast Is Experiencing Technical Difficulties




http://www.observer.com/2011/07/scott-dadich-ipad-conde-nast/?show=all
All I see is an
  entire organization screaming,
“WE WANT IT TO BE THE EIGHTIES
          GODDAMMIT.”




        Condé Nast Is Experiencing Technical Difficulties
COPE: Create Once, Publish Everywhere
C
O
N
T
E
N
T

P
R
O
V
I
D
E
R
S




M
U
S
I
C

P
A
R
T
N
E
R
S




    NPR, Open Content and API’s, O’Reilly Oscon   14
NPR.ORG




                NPR Digital Media Examples
          NPR, OpenCOPE and API’s, O’Reilly Oscon
                of Content
NPR.ORG
PLAYER




          NPR Digital Media Examples
          of COPE
NPR NEWS
iPHONE APP
NPR MOBILE
WEB SITE
NPR ADDICT
IPHONE APP
Produced by a public user,
based entirely on the NPR API
NPR ON THE
PUBLIC RADIO
PLAYER
NPR ON
WBUR
NPR ON
MPR
NPR ON
iGOOGLE
NPR IN
iTUNES
NPR’S
CMS
NPR’S API
BUSINESS VALUE?
31,000




                           2010 IPAD ISSUE SALES
         22,000




                  13,000
                            11,000   10,500
                                              8,700


                                                      4,300
                                                              2,775


Sept.    Nov.     Sept.     Nov.     Sept.    Nov.    Sept.   Nov.
NPR PAGE VIEWS   88M




  43M
“
Over the last year, NPR’s total page
view growth has increased by more
than 80%.
How did we get that much growth?
Our API.
                      —Zach Brand,
   Senior Director Technology, NPR
“
The biggest impact that the API has made,
however, is with our mobile strategy. The
API has enabled NPR product owners to
build specialized apps on a wide range of
platforms and devices, liberating them
from being dependent on custom
development to access the content.
Through this process, we built our iPhone
and iPad apps, mobile sites, Android app
and HTML5 site, some of which were
turned around in a matter of weeks!
THE FUTURE OF MOBILE
IS STRUCTURED CONTENT
MOBILE
                       WEB       MOBILE
           WEBSITE
                                  APPS




  SOCIAL                                  TABLET
  MEDIA                                    APPS


                     CONTENT

MICROSITES                                PRINT




             BLOGS               EMAIL
                      INTRANET
REUSABLE CONTENT STORE
THE PRIMACY OF PRINT
Thinking about where content will “live”
    on a “web page” is pretty 1999.




                   Lisa Welchman, @lwelchman
MOBILE
                      WEB       MOBILE
           WEBSITE
                                 APPS




  SOCIAL                                 TABLET
  MEDIA                                   APPS


                     PRINT

MICROSITES                               PRINT




             BLOGS              EMAIL
                     INTRANET
MOBILE
                      WEB       MOBILE
           WEBSITE
                                 APPS




  SOCIAL                                 TABLET
  MEDIA                                   APPS


                      WEB

MICROSITES                               PRINT




             BLOGS              EMAIL
                     INTRANET
MOBILE
                      WEB       MOBILE
           WEBSITE
                                 APPS




  SOCIAL                                 TABLET
  MEDIA                                   APPS


                     MOBILE

MICROSITES                               PRINT




             BLOGS              EMAIL
                     INTRANET
MOBILE
                       WEB       MOBILE
           WEBSITE
                                  APPS




  SOCIAL                                  TABLET
  MEDIA                                    APPS


                     CONTENT

MICROSITES                                PRINT




             BLOGS               EMAIL
                      INTRANET
“              Traditional publishing and content
               management systems bind content
               to display and delivery mechanisms,
               which forces a recycling approach
               for multi-platform publishing.
                                         —Dan Willis


http://dswillis.com/uxcrank/?p=378
“            A semantic content publishing
             system creates well-defined chunks
             of content that can be combined in
             whatever way is most appropriate
             for a particular platform.
             All display issues are addressed by
             delivery applications, rather than by
             a content management system
             earlier in the process.
http://dswillis.com/uxcrank/?p=378
WHAT DO WE NEED
TO GET THERE?
WRITE FOR THE CHUNK, NOT
FOR THE PAGE
DEMYSTIFY METADATA
BETTER CMS WORKFLOW
46
47
TRUNCATION IS NOT A
CONTENT STRATEGY
BLOBS vs. CHUNKS
DEMYSTIFYING METADATA
METADATA PROGRAMMATICALLY
BUILDS PAGES
Metadata is the new art direction.




                  Ethan Resnick, @studip101
METADATA HELPS PRIORITIZE
CONTENT
BETTER CMS WORKFLOW
Content admins hate all the fields.
But the reason they hate all the fields
       is the workflow is bad.




                   Jason Pamental, @jpamental   58
CMS IS THE ENTERPRISE
SOFTWARE THAT UX FORGOT
“
Beautiful software, even for back-end
users, is becoming an expectation.
We’re moving in this direction
because we now understand that
better content management systems
foster better content.
                    —Matt Thompson

        http://www.poynter.org/how-tos/digital-strategies/134791/4-ways-content-management-systems-are-evolving-why-it-matters-to-journalists/
USE MOBILE AS A WEDGE.
The more structure you put into content
       the freer it will become.




                   Rachel Lovinger, @rlovinger
SEPARATION OF CONTENT
FROM DISPLAY.
(FOR REAL THIS TIME.)
The future of content management systems
is in their ability to capture the content in a
    clean, presentation-independent way.




                             Daniel Jacobson, NPR
DESIGN WITH AND FOR
STRUCTURED CONTENT.
I’ve never seen anyone regret having
flexibility in how they deploy content.




                            Jeff Eaton, @eaton
DANKE!
THANKS!


@karenmcgrane
karen@bondartscience.com
www.bondartscience.com
+1 (917) 887-8149

More Related Content

What's hot

Can we save the open web?
Can we save the open web?Can we save the open web?
Can we save the open web?
Acquia
 
SXSW 2016 Trends
SXSW 2016 Trends SXSW 2016 Trends
SXSW 2016 Trends
Nina Rieke
 
SXMW 2016 – Design for the Mind
SXMW 2016 – Design for the MindSXMW 2016 – Design for the Mind
SXMW 2016 – Design for the Mind
Jordan Harper
 
SXSW Amsterdam 2016
SXSW Amsterdam 2016SXSW Amsterdam 2016
SXSW Amsterdam 2016
Jordan Harper
 
Forget about the Water Cooler Moment, and more about the water cooler.
Forget about the Water Cooler Moment, and more about the water cooler.Forget about the Water Cooler Moment, and more about the water cooler.
Forget about the Water Cooler Moment, and more about the water cooler.
Jon Grant
 
USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...
USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...
USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...
THE SWARM
 
Homo Connectus - Why brands have to learn to think like people
Homo Connectus - Why brands have to learn to think like peopleHomo Connectus - Why brands have to learn to think like people
Homo Connectus - Why brands have to learn to think like people
GREY Germany
 
FutureVision - The future brand / consumer reality
FutureVision - The future brand / consumer realityFutureVision - The future brand / consumer reality
FutureVision - The future brand / consumer reality
Scott Gray
 
The Future of Social Media: 12 Provocations
The Future of Social Media: 12 ProvocationsThe Future of Social Media: 12 Provocations
The Future of Social Media: 12 Provocations
We Are Social Singapore
 
Capturing Users / Using social, engagement and mobile to drive acquisition an...
Capturing Users / Using social, engagement and mobile to drive acquisition an...Capturing Users / Using social, engagement and mobile to drive acquisition an...
Capturing Users / Using social, engagement and mobile to drive acquisition an...
Volker Hirsch
 
L19 Social
L19 SocialL19 Social
The Future of Communications
The Future of CommunicationsThe Future of Communications
The Future of Communications
Savannah Strategies
 
Mobile That Counts
Mobile That CountsMobile That Counts
Mobile That Counts
DigitasLBi Paris
 
Mobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and TrendsMobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and Trends
Kayla Green
 
The Future of Social Media: How Will It Impact Life Style and Business
The Future of Social Media: How Will It Impact Life Style and BusinessThe Future of Social Media: How Will It Impact Life Style and Business
The Future of Social Media: How Will It Impact Life Style and Business
Mahdi Shadkam
 
Digital Divide
Digital Divide Digital Divide
Digital Divide
Jamila Boothe
 
2014 Trends Digest Deck for Digital Leaders
2014 Trends Digest Deck for Digital Leaders2014 Trends Digest Deck for Digital Leaders
2014 Trends Digest Deck for Digital Leaders
Ian Crocombe
 
Smartphones Flipbook
Smartphones FlipbookSmartphones Flipbook
Smartphones Flipbook
Gayle Lutchman
 
SlideShare Zeitgeist 2011
SlideShare Zeitgeist 2011SlideShare Zeitgeist 2011
SlideShare Zeitgeist 2011
Rashmi Sinha
 
Digiday Brand Summit Hypebusters Presentation
Digiday Brand Summit Hypebusters PresentationDigiday Brand Summit Hypebusters Presentation
Digiday Brand Summit Hypebusters Presentation
Kayla Green
 

What's hot (20)

Can we save the open web?
Can we save the open web?Can we save the open web?
Can we save the open web?
 
SXSW 2016 Trends
SXSW 2016 Trends SXSW 2016 Trends
SXSW 2016 Trends
 
SXMW 2016 – Design for the Mind
SXMW 2016 – Design for the MindSXMW 2016 – Design for the Mind
SXMW 2016 – Design for the Mind
 
SXSW Amsterdam 2016
SXSW Amsterdam 2016SXSW Amsterdam 2016
SXSW Amsterdam 2016
 
Forget about the Water Cooler Moment, and more about the water cooler.
Forget about the Water Cooler Moment, and more about the water cooler.Forget about the Water Cooler Moment, and more about the water cooler.
Forget about the Water Cooler Moment, and more about the water cooler.
 
USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...
USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...
USC Annenberg Journalism Director's Forum - Future of Mobile News and Journal...
 
Homo Connectus - Why brands have to learn to think like people
Homo Connectus - Why brands have to learn to think like peopleHomo Connectus - Why brands have to learn to think like people
Homo Connectus - Why brands have to learn to think like people
 
FutureVision - The future brand / consumer reality
FutureVision - The future brand / consumer realityFutureVision - The future brand / consumer reality
FutureVision - The future brand / consumer reality
 
The Future of Social Media: 12 Provocations
The Future of Social Media: 12 ProvocationsThe Future of Social Media: 12 Provocations
The Future of Social Media: 12 Provocations
 
Capturing Users / Using social, engagement and mobile to drive acquisition an...
Capturing Users / Using social, engagement and mobile to drive acquisition an...Capturing Users / Using social, engagement and mobile to drive acquisition an...
Capturing Users / Using social, engagement and mobile to drive acquisition an...
 
L19 Social
L19 SocialL19 Social
L19 Social
 
The Future of Communications
The Future of CommunicationsThe Future of Communications
The Future of Communications
 
Mobile That Counts
Mobile That CountsMobile That Counts
Mobile That Counts
 
Mobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and TrendsMobile: Landscape, Behaviors and Trends
Mobile: Landscape, Behaviors and Trends
 
The Future of Social Media: How Will It Impact Life Style and Business
The Future of Social Media: How Will It Impact Life Style and BusinessThe Future of Social Media: How Will It Impact Life Style and Business
The Future of Social Media: How Will It Impact Life Style and Business
 
Digital Divide
Digital Divide Digital Divide
Digital Divide
 
2014 Trends Digest Deck for Digital Leaders
2014 Trends Digest Deck for Digital Leaders2014 Trends Digest Deck for Digital Leaders
2014 Trends Digest Deck for Digital Leaders
 
Smartphones Flipbook
Smartphones FlipbookSmartphones Flipbook
Smartphones Flipbook
 
SlideShare Zeitgeist 2011
SlideShare Zeitgeist 2011SlideShare Zeitgeist 2011
SlideShare Zeitgeist 2011
 
Digiday Brand Summit Hypebusters Presentation
Digiday Brand Summit Hypebusters PresentationDigiday Brand Summit Hypebusters Presentation
Digiday Brand Summit Hypebusters Presentation
 

Similar to Adapting ourselves to adaptive content

Challenges in building a mobile apps platform
Challenges in building a mobile apps platformChallenges in building a mobile apps platform
Challenges in building a mobile apps platform
Avi Wortzel
 
Internet World 2012 Presentation: Slow down! What should you consider before ...
Internet World 2012 Presentation: Slow down! What should you consider before ...Internet World 2012 Presentation: Slow down! What should you consider before ...
Internet World 2012 Presentation: Slow down! What should you consider before ...
Conduit
 
Slow down! What should you consider before going mobile? Eran zinman, Mobile ...
Slow down! What should you consider before going mobile? Eran zinman, Mobile ...Slow down! What should you consider before going mobile? Eran zinman, Mobile ...
Slow down! What should you consider before going mobile? Eran zinman, Mobile ...
Eran Zinman
 
Content Strategy for Mobile: The Workshop
Content Strategy for Mobile: The WorkshopContent Strategy for Mobile: The Workshop
Content Strategy for Mobile: The Workshop
Karen McGrane
 
Workshop slides
Workshop slidesWorkshop slides
Workshop slides
Joshua Birk
 
Apps, APIs and Opportunities: Platform integration and opportunities
Apps, APIs and Opportunities: Platform integration and opportunitiesApps, APIs and Opportunities: Platform integration and opportunities
Apps, APIs and Opportunities: Platform integration and opportunities
Viadeo
 
Social Business Introdcution - Oracle Social CRM Event
Social Business Introdcution - Oracle Social CRM Event Social Business Introdcution - Oracle Social CRM Event
Social Business Introdcution - Oracle Social CRM Event
Ronald Velten
 
Creating engaging web experiences with SharePoint
Creating engaging web experiences with SharePointCreating engaging web experiences with SharePoint
Creating engaging web experiences with SharePoint
Intergen
 
Some inspirational trends for today
Some inspirational trends for todaySome inspirational trends for today
Some inspirational trends for today
MediaCom France
 
Some significant and inspirational media trends for today
Some significant and inspirational media trends for todaySome significant and inspirational media trends for today
Some significant and inspirational media trends for today
Francoise Fassin
 
Web20 Trends Updated
Web20 Trends Updated Web20 Trends Updated
Bsmith pres samples 03.13
Bsmith pres samples 03.13Bsmith pres samples 03.13
Bsmith pres samples 03.13
Brian Smith
 
What You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
What You Need To Know About Mobile | Noel Webb, SpeakFeel CorporationWhat You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
What You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
CanadaHelps / MyCharityConnects
 
Web 3.0: The Upcoming Revolution
Web 3.0: The Upcoming RevolutionWeb 3.0: The Upcoming Revolution
Web 3.0: The Upcoming Revolution
Nitin Godawat
 
Jim Hamill Web 20 Intro Overview Jh
Jim Hamill Web 20 Intro Overview JhJim Hamill Web 20 Intro Overview Jh
Jim Hamill Web 20 Intro Overview Jh
Pete Martin
 
Adaptive Brands
Adaptive BrandsAdaptive Brands
Adaptive Brands
Critical Mass
 
Communi Gate Web 3 0 Ajax World 08 V2
Communi Gate Web 3 0 Ajax World 08 V2Communi Gate Web 3 0 Ajax World 08 V2
Communi Gate Web 3 0 Ajax World 08 V2
rajivmordani
 
User Interface Engineering (UIE) Web App Masters Tour 2011
User Interface Engineering (UIE) Web App Masters Tour 2011User Interface Engineering (UIE) Web App Masters Tour 2011
User Interface Engineering (UIE) Web App Masters Tour 2011
Mike Lee
 
Developing For The Pervasive Internet Of Things
Developing For The Pervasive Internet Of ThingsDeveloping For The Pervasive Internet Of Things
Developing For The Pervasive Internet Of Things
Victoria Romero-Gomez
 
Project of mobile apps
Project of mobile appsProject of mobile apps
Project of mobile apps
Dr. Ravneet Kaur
 

Similar to Adapting ourselves to adaptive content (20)

Challenges in building a mobile apps platform
Challenges in building a mobile apps platformChallenges in building a mobile apps platform
Challenges in building a mobile apps platform
 
Internet World 2012 Presentation: Slow down! What should you consider before ...
Internet World 2012 Presentation: Slow down! What should you consider before ...Internet World 2012 Presentation: Slow down! What should you consider before ...
Internet World 2012 Presentation: Slow down! What should you consider before ...
 
Slow down! What should you consider before going mobile? Eran zinman, Mobile ...
Slow down! What should you consider before going mobile? Eran zinman, Mobile ...Slow down! What should you consider before going mobile? Eran zinman, Mobile ...
Slow down! What should you consider before going mobile? Eran zinman, Mobile ...
 
Content Strategy for Mobile: The Workshop
Content Strategy for Mobile: The WorkshopContent Strategy for Mobile: The Workshop
Content Strategy for Mobile: The Workshop
 
Workshop slides
Workshop slidesWorkshop slides
Workshop slides
 
Apps, APIs and Opportunities: Platform integration and opportunities
Apps, APIs and Opportunities: Platform integration and opportunitiesApps, APIs and Opportunities: Platform integration and opportunities
Apps, APIs and Opportunities: Platform integration and opportunities
 
Social Business Introdcution - Oracle Social CRM Event
Social Business Introdcution - Oracle Social CRM Event Social Business Introdcution - Oracle Social CRM Event
Social Business Introdcution - Oracle Social CRM Event
 
Creating engaging web experiences with SharePoint
Creating engaging web experiences with SharePointCreating engaging web experiences with SharePoint
Creating engaging web experiences with SharePoint
 
Some inspirational trends for today
Some inspirational trends for todaySome inspirational trends for today
Some inspirational trends for today
 
Some significant and inspirational media trends for today
Some significant and inspirational media trends for todaySome significant and inspirational media trends for today
Some significant and inspirational media trends for today
 
Web20 Trends Updated
Web20 Trends Updated Web20 Trends Updated
Web20 Trends Updated
 
Bsmith pres samples 03.13
Bsmith pres samples 03.13Bsmith pres samples 03.13
Bsmith pres samples 03.13
 
What You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
What You Need To Know About Mobile | Noel Webb, SpeakFeel CorporationWhat You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
What You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
 
Web 3.0: The Upcoming Revolution
Web 3.0: The Upcoming RevolutionWeb 3.0: The Upcoming Revolution
Web 3.0: The Upcoming Revolution
 
Jim Hamill Web 20 Intro Overview Jh
Jim Hamill Web 20 Intro Overview JhJim Hamill Web 20 Intro Overview Jh
Jim Hamill Web 20 Intro Overview Jh
 
Adaptive Brands
Adaptive BrandsAdaptive Brands
Adaptive Brands
 
Communi Gate Web 3 0 Ajax World 08 V2
Communi Gate Web 3 0 Ajax World 08 V2Communi Gate Web 3 0 Ajax World 08 V2
Communi Gate Web 3 0 Ajax World 08 V2
 
User Interface Engineering (UIE) Web App Masters Tour 2011
User Interface Engineering (UIE) Web App Masters Tour 2011User Interface Engineering (UIE) Web App Masters Tour 2011
User Interface Engineering (UIE) Web App Masters Tour 2011
 
Developing For The Pervasive Internet Of Things
Developing For The Pervasive Internet Of ThingsDeveloping For The Pervasive Internet Of Things
Developing For The Pervasive Internet Of Things
 
Project of mobile apps
Project of mobile appsProject of mobile apps
Project of mobile apps
 

More from Karen McGrane

Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and Controversy
Karen McGrane
 
The Future of Adaptive Content
The Future of Adaptive ContentThe Future of Adaptive Content
The Future of Adaptive Content
Karen McGrane
 
IA Summit 2013 Closing Plenary
IA Summit 2013 Closing PlenaryIA Summit 2013 Closing Plenary
IA Summit 2013 Closing Plenary
Karen McGrane
 
Developing Successful Content Management Solutions
Developing Successful Content Management SolutionsDeveloping Successful Content Management Solutions
Developing Successful Content Management Solutions
Karen McGrane
 
Selling content strategy
Selling content strategySelling content strategy
Selling content strategy
Karen McGrane
 
Nailing Your Performance
Nailing Your PerformanceNailing Your Performance
Nailing Your Performance
Karen McGrane
 
Making the most of mobile
Making the most of mobileMaking the most of mobile
Making the most of mobile
Karen McGrane
 
Nashville UX Meetup
Nashville UX MeetupNashville UX Meetup
Nashville UX Meetup
Karen McGrane
 
How to do content strategy
How to do content strategyHow to do content strategy
How to do content strategy
Karen McGrane
 
Avoiding the 11th Hour Sh*storm at SxSW
Avoiding the 11th Hour Sh*storm at SxSWAvoiding the 11th Hour Sh*storm at SxSW
Avoiding the 11th Hour Sh*storm at SxSW
Karen McGrane
 
Baby Got Backend: Content Administrators are Users Too
Baby Got Backend: Content Administrators are Users TooBaby Got Backend: Content Administrators are Users Too
Baby Got Backend: Content Administrators are Users Too
Karen McGrane
 
Content Strategy for the Web
Content Strategy for the WebContent Strategy for the Web
Content Strategy for the Web
Karen McGrane
 
We are all content strategists now
We are all content strategists nowWe are all content strategists now
We are all content strategists now
Karen McGrane
 
From Typing to Swiping: A Brief History of Interaction Design
From Typing to Swiping: A Brief History of Interaction DesignFrom Typing to Swiping: A Brief History of Interaction Design
From Typing to Swiping: A Brief History of Interaction Design
Karen McGrane
 
Handouts for Why UX Design Needs Content Strategy
Handouts for Why UX Design Needs Content StrategyHandouts for Why UX Design Needs Content Strategy
Handouts for Why UX Design Needs Content Strategy
Karen McGrane
 
Why UX Design Needs Content Strategy
Why UX Design Needs Content StrategyWhy UX Design Needs Content Strategy
Why UX Design Needs Content Strategy
Karen McGrane
 
Content Strategy at UX Melbourne
Content Strategy at UX MelbourneContent Strategy at UX Melbourne
Content Strategy at UX Melbourne
Karen McGrane
 
Content Strategy: The Missing Piece of the UX Puzzle
Content Strategy: The Missing Piece of the UX PuzzleContent Strategy: The Missing Piece of the UX Puzzle
Content Strategy: The Missing Piece of the UX Puzzle
Karen McGrane
 
Understanding Content: The Stuff We Design For
Understanding Content: The Stuff We Design ForUnderstanding Content: The Stuff We Design For
Understanding Content: The Stuff We Design For
Karen McGrane
 
User Experience Will Make or Break Social Business
User Experience Will Make or Break Social BusinessUser Experience Will Make or Break Social Business
User Experience Will Make or Break Social Business
Karen McGrane
 

More from Karen McGrane (20)

Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and Controversy
 
The Future of Adaptive Content
The Future of Adaptive ContentThe Future of Adaptive Content
The Future of Adaptive Content
 
IA Summit 2013 Closing Plenary
IA Summit 2013 Closing PlenaryIA Summit 2013 Closing Plenary
IA Summit 2013 Closing Plenary
 
Developing Successful Content Management Solutions
Developing Successful Content Management SolutionsDeveloping Successful Content Management Solutions
Developing Successful Content Management Solutions
 
Selling content strategy
Selling content strategySelling content strategy
Selling content strategy
 
Nailing Your Performance
Nailing Your PerformanceNailing Your Performance
Nailing Your Performance
 
Making the most of mobile
Making the most of mobileMaking the most of mobile
Making the most of mobile
 
Nashville UX Meetup
Nashville UX MeetupNashville UX Meetup
Nashville UX Meetup
 
How to do content strategy
How to do content strategyHow to do content strategy
How to do content strategy
 
Avoiding the 11th Hour Sh*storm at SxSW
Avoiding the 11th Hour Sh*storm at SxSWAvoiding the 11th Hour Sh*storm at SxSW
Avoiding the 11th Hour Sh*storm at SxSW
 
Baby Got Backend: Content Administrators are Users Too
Baby Got Backend: Content Administrators are Users TooBaby Got Backend: Content Administrators are Users Too
Baby Got Backend: Content Administrators are Users Too
 
Content Strategy for the Web
Content Strategy for the WebContent Strategy for the Web
Content Strategy for the Web
 
We are all content strategists now
We are all content strategists nowWe are all content strategists now
We are all content strategists now
 
From Typing to Swiping: A Brief History of Interaction Design
From Typing to Swiping: A Brief History of Interaction DesignFrom Typing to Swiping: A Brief History of Interaction Design
From Typing to Swiping: A Brief History of Interaction Design
 
Handouts for Why UX Design Needs Content Strategy
Handouts for Why UX Design Needs Content StrategyHandouts for Why UX Design Needs Content Strategy
Handouts for Why UX Design Needs Content Strategy
 
Why UX Design Needs Content Strategy
Why UX Design Needs Content StrategyWhy UX Design Needs Content Strategy
Why UX Design Needs Content Strategy
 
Content Strategy at UX Melbourne
Content Strategy at UX MelbourneContent Strategy at UX Melbourne
Content Strategy at UX Melbourne
 
Content Strategy: The Missing Piece of the UX Puzzle
Content Strategy: The Missing Piece of the UX PuzzleContent Strategy: The Missing Piece of the UX Puzzle
Content Strategy: The Missing Piece of the UX Puzzle
 
Understanding Content: The Stuff We Design For
Understanding Content: The Stuff We Design ForUnderstanding Content: The Stuff We Design For
Understanding Content: The Stuff We Design For
 
User Experience Will Make or Break Social Business
User Experience Will Make or Break Social BusinessUser Experience Will Make or Break Social Business
User Experience Will Make or Break Social Business
 

Recently uploaded

Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through StorytellingDemystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
Enterprise Knowledge
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
operationspcvita
 
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
DanBrown980551
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Pitangent Analytics & Technology Solutions Pvt. Ltd
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
c5vrf27qcz
 
Must Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during MigrationMust Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during Migration
Mydbops
 
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham HillinQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
LizaNolte
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
Fwdays
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
zjhamm304
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
"What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w..."What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w...
Fwdays
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
UiPathCommunity
 
High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024
Vadym Kazulkin
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Neo4j
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Edge AI and Vision Alliance
 

Recently uploaded (20)

Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through StorytellingDemystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
 
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
 
Must Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during MigrationMust Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during Migration
 
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham HillinQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
inQuba Webinar Mastering Customer Journey Management with Dr Graham Hill
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
"What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w..."What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w...
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
 
High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
 

Adapting ourselves to adaptive content

  • 1. ADAPTING OURSELVES TO ADAPTIVE CONTENT MobX @karenmcgrane
  • 2. 2
  • 3. “ Fragmenting our content across different “device-optimized” experiences is a losing proposition, or at least an unsustainable one. —Ethan Marcotte Responsive Web Design
  • 4. You can’t afford to create a piece of content for any one platform. Instead of crafting a website, you have to put more effort into crafting the description of the different bits of an asset, so they can be reused more effectively, so they can deliver more value. —Nic Newman, BBC Nimble Report, http://nimble.razorfish.com
  • 5. 5
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. We’re about to usher in a golden age of PDFs on the iPad. Paul Ford, @ftrain
  • 11. Existing art and production staffers from the print side would be responsible for making two iPad layouts (one in portrait and one in landscape) on Adobe’s platform. —Condé Nast Is Experiencing Technical Difficulties http://www.observer.com/2011/07/scott-dadich-ipad-conde-nast/?show=all
  • 12. All I see is an entire organization screaming, “WE WANT IT TO BE THE EIGHTIES GODDAMMIT.” Condé Nast Is Experiencing Technical Difficulties
  • 13. COPE: Create Once, Publish Everywhere
  • 14. C O N T E N T P R O V I D E R S M U S I C P A R T N E R S NPR, Open Content and API’s, O’Reilly Oscon 14
  • 15. NPR.ORG NPR Digital Media Examples NPR, OpenCOPE and API’s, O’Reilly Oscon of Content
  • 16. NPR.ORG PLAYER NPR Digital Media Examples of COPE
  • 19. NPR ADDICT IPHONE APP Produced by a public user, based entirely on the NPR API
  • 20. NPR ON THE PUBLIC RADIO PLAYER
  • 25.
  • 29. 31,000 2010 IPAD ISSUE SALES 22,000 13,000 11,000 10,500 8,700 4,300 2,775 Sept. Nov. Sept. Nov. Sept. Nov. Sept. Nov.
  • 30. NPR PAGE VIEWS 88M 43M
  • 31. “ Over the last year, NPR’s total page view growth has increased by more than 80%. How did we get that much growth? Our API. —Zach Brand, Senior Director Technology, NPR
  • 32. “ The biggest impact that the API has made, however, is with our mobile strategy. The API has enabled NPR product owners to build specialized apps on a wide range of platforms and devices, liberating them from being dependent on custom development to access the content. Through this process, we built our iPhone and iPad apps, mobile sites, Android app and HTML5 site, some of which were turned around in a matter of weeks!
  • 33. THE FUTURE OF MOBILE IS STRUCTURED CONTENT
  • 34. MOBILE WEB MOBILE WEBSITE APPS SOCIAL TABLET MEDIA APPS CONTENT MICROSITES PRINT BLOGS EMAIL INTRANET
  • 36. THE PRIMACY OF PRINT
  • 37. Thinking about where content will “live” on a “web page” is pretty 1999. Lisa Welchman, @lwelchman
  • 38. MOBILE WEB MOBILE WEBSITE APPS SOCIAL TABLET MEDIA APPS PRINT MICROSITES PRINT BLOGS EMAIL INTRANET
  • 39. MOBILE WEB MOBILE WEBSITE APPS SOCIAL TABLET MEDIA APPS WEB MICROSITES PRINT BLOGS EMAIL INTRANET
  • 40. MOBILE WEB MOBILE WEBSITE APPS SOCIAL TABLET MEDIA APPS MOBILE MICROSITES PRINT BLOGS EMAIL INTRANET
  • 41. MOBILE WEB MOBILE WEBSITE APPS SOCIAL TABLET MEDIA APPS CONTENT MICROSITES PRINT BLOGS EMAIL INTRANET
  • 42. Traditional publishing and content management systems bind content to display and delivery mechanisms, which forces a recycling approach for multi-platform publishing. —Dan Willis http://dswillis.com/uxcrank/?p=378
  • 43. A semantic content publishing system creates well-defined chunks of content that can be combined in whatever way is most appropriate for a particular platform. All display issues are addressed by delivery applications, rather than by a content management system earlier in the process. http://dswillis.com/uxcrank/?p=378
  • 44. WHAT DO WE NEED TO GET THERE?
  • 45. WRITE FOR THE CHUNK, NOT FOR THE PAGE DEMYSTIFY METADATA BETTER CMS WORKFLOW
  • 46. 46
  • 47. 47
  • 48.
  • 49. TRUNCATION IS NOT A CONTENT STRATEGY
  • 50.
  • 54. Metadata is the new art direction. Ethan Resnick, @studip101
  • 56.
  • 58. Content admins hate all the fields. But the reason they hate all the fields is the workflow is bad. Jason Pamental, @jpamental 58
  • 59. CMS IS THE ENTERPRISE SOFTWARE THAT UX FORGOT
  • 60.
  • 61. “ Beautiful software, even for back-end users, is becoming an expectation. We’re moving in this direction because we now understand that better content management systems foster better content. —Matt Thompson http://www.poynter.org/how-tos/digital-strategies/134791/4-ways-content-management-systems-are-evolving-why-it-matters-to-journalists/
  • 62. USE MOBILE AS A WEDGE.
  • 63. The more structure you put into content the freer it will become. Rachel Lovinger, @rlovinger
  • 64. SEPARATION OF CONTENT FROM DISPLAY. (FOR REAL THIS TIME.)
  • 65. The future of content management systems is in their ability to capture the content in a clean, presentation-independent way. Daniel Jacobson, NPR
  • 66. DESIGN WITH AND FOR STRUCTURED CONTENT.
  • 67. I’ve never seen anyone regret having flexibility in how they deploy content. Jeff Eaton, @eaton