SlideShare ist ein Scribd-Unternehmen logo
1 von 38
Intelligent Content: A Case Study
Lisa Goldberg | User Focus | October 19, 2012




         © COPYRIGHT 2012 SAPIENT CORPORATION   1
Agenda



1. Welcome
2. What is Intelligent Content?
3. Case Study: m.cancer.gov
4. Q&A




       © COPYRIGHT 2012 SAPIENT CORPORATION   2
What is Intelligent Content?




    © COPYRIGHT 2012 SAPIENT CORPORATION   3
“ You can let your content go, without
fearing where it will end up. But you’ve
   got to start with some structure.”
       – Sara Wachter-Boettcher, “Responsive-Ready Content”
 http://sarawb.com/2012/03/07/content-strategy-responsive-design/




   © COPYRIGHT 2012 SAPIENT CORPORATION                             4
COPE: Responsive Design is Not Always the Answer

  All of your content might not
  be suitable for mobile
  Many formats
      Mobile web
      Mobile apps
      EBooks
      Other sites across the
      enterprise
      Syndication
      E-Learning
      Print
      More?




     © COPYRIGHT 2012 SAPIENT CORPORATION          5
Evaluate Existing Content

 What is the purpose of the content?
 Who is the target audience?
 What do we want them to do with the content?
 In what formats does the content appear?
 What content is reused now? Could be reused in the future?




     © COPYRIGHT 2012 SAPIENT CORPORATION                     6
Finding Patterns: Define the Semantic Markup

  Examples:                                 How do these pieces of content
     Long Title                             relate to one another?
     Short Title                            How might they be reused?
     Long Description
     Short Description
     Publication Date
     Byline
     Author Bio
     Contact Information
     Image
     Video
     Audio
     Ratings


     © COPYRIGHT 2012 SAPIENT CORPORATION                                    7
Separate Presentation from Content

  Tables
  Images and other multimedia
  Quotes
  Link references/URLs




     © COPYRIGHT 2012 SAPIENT CORPORATION   8
Define Content Types and their Relationships




                    Source: http://www.alistapart.com/articles/strategic-content-management/




     © COPYRIGHT 2012 SAPIENT CORPORATION                                                      9
Case Study: m.cancer.gov




    © COPYRIGHT 2012 SAPIENT CORPORATION   10
The National Cancer Institute

  The U.S. government’s principal agency for cancer research
  One of 27 institutes and centers that form the National Institutes of Health
  Sapient has worked for NCI’s Office of Communications and Education
  (OCE) since April 2010
  OCE provides evidence-based cancer information through many channels:
  digital, print, and a live help service




      © COPYRIGHT 2012 SAPIENT CORPORATION                                       11
Cancer.gov: Overview

  NCI’s enterprise website,
  hosted in Percussion
  Nearly 3 million visits/month
  Evidence-based health
  information
  Approximately 30,000 pages in
  English and Spanish
  Primary Audiences: Patients
  and Caregivers, Health
  Professionals, Researchers,
  Advocates, Strategic
  Influencers



     © COPYRIGHT 2012 SAPIENT CORPORATION   12
m.cancer.gov: NCI’s First Mobile Website

  Launched February 15, 2012
  Also hosted in Percussion
  Different site structure
  Mobile phones (not tablets) are
  redirected to m.cancer.gov
  Approximately 700 pages in
  English and Spanish
  296,489 mobile phone
  visits/month
  Primary Audience: People
  looking for patient and
  caregiver information


      © COPYRIGHT 2012 SAPIENT CORPORATION   13
Why Didn’t we Use a Responsive Design for Cancer.gov?

  Not all target audiences are looking for cancer content on their phones;
  patient content was the highest priority
  No need to optimize for tablets
  Cancer.gov was not designed with “mobile first” in mind
      Lack of navigation
      Lack of semantic markup and content standards
      If we restructured all legacy content, we would not have met our deadline
  The mobile site is responsive; its layout scales for different devices




      © COPYRIGHT 2012 SAPIENT CORPORATION                                        14
“There simply isn't room in a 320 by 480 pixel
screen for extraneous, unnecessary elements.
                        You have to prioritize.”

          – Luke Wroblewski, “Mobile First,” November 3, 2009




    © COPYRIGHT 2012 SAPIENT CORPORATION                        15
Selecting Content for Mobile: Key Questions

  Is the content popular on mobile already?
  Is the content optimized for search engines?
  Is the content relevant for patients, caregivers, or general audiences?
  How long is the content?
  Will the format work on a small screen? If not, how much work will be
  required to change it?
  Can we eliminate extraneous graphics?
  How many links are embedded in the content?
  Is it available in Spanish? If not, will it be translated?
  Will this content be ready in time for the site launch?




      © COPYRIGHT 2012 SAPIENT CORPORATION                                  16
Most Popular Cancer.gov Sections on Mobile Devices
  (Consistent Each Month)




Source: Omniture Mobile Report Page Views for May 2011
         © COPYRIGHT 2012 SAPIENT CORPORATION            17
Content Types Included in First Release

  Home page
  Landing pages
  Cancer type home pages
  General pages
  News releases
  PDQ patient treatment summaries
  Fact sheets (Q&As)




     © COPYRIGHT 2012 SAPIENT CORPORATION   18
Home Page




    © COPYRIGHT 2012 SAPIENT CORPORATION   19
Mobile Footer




     © COPYRIGHT 2012 SAPIENT CORPORATION   20
Landing Page




    © COPYRIGHT 2012 SAPIENT CORPORATION   21
Cancer Type Home Page




    © COPYRIGHT 2012 SAPIENT CORPORATION   22
General Page




    © COPYRIGHT 2012 SAPIENT CORPORATION   23
News Release




    © COPYRIGHT 2012 SAPIENT CORPORATION   24
Dictionary of Cancer Terms




     © COPYRIGHT 2012 SAPIENT CORPORATION   25
Language Toggle




    © COPYRIGHT 2012 SAPIENT CORPORATION   26
Same Interface, Different Process




     © COPYRIGHT 2012 SAPIENT CORPORATION   27
PDQ (Physician Data Query) Treatment Summary on
Cancer.gov




    © COPYRIGHT 2012 SAPIENT CORPORATION          28
PDQ Treatment Summary on m.cancer.gov




    © COPYRIGHT 2012 SAPIENT CORPORATION   29
Fact Sheet




     © COPYRIGHT 2012 SAPIENT CORPORATION   30
Content Challenges

  Restructuring content
  Creating custom content
  Lack of standards for content
  and markup
      Tables
      Links and URLs in content
      Images
  Limitations based on content
  type
  Last-minute content
  emergencies
  Even with automation, adding
  content to Percussion is painful

     © COPYRIGHT 2012 SAPIENT CORPORATION   31
Spreadsheet for Content Migration




     © COPYRIGHT 2012 SAPIENT CORPORATION   32
Percussion Interface




     © COPYRIGHT 2012 SAPIENT CORPORATION   33
Final Result

  Simple interface; during usability testing, even inexperienced mobile users
  could navigate the site
  Comprehensive content for patients, caregivers, and general audiences
     Information about treatments for almost 100 types of cancer
     More general information such as coping and side effects
     Dictionary of Cancer Terms
     Cancer research news
     Information about NCI
 One click to call or email the Cancer Information Service
 Easy to share content
 Easy to view NCI’s other social media channels
 Analytics support our design decisions




       © COPYRIGHT 2012 SAPIENT CORPORATION                                     34
“Dear NCI, today was my first time using
  mobile cancer.gov. Really like this!!
  Very easy to navigate on my phone!!
          Great use of federal resources!”
                    – Email from mobile user, March 24, 2012




  © COPYRIGHT 2012 SAPIENT CORPORATION                         35
Content Modeling: An Essential UX Skill




 Source: http://www.alistapart.com/articles/strategic-content-management/




         © COPYRIGHT 2012 SAPIENT CORPORATION                               36
Questions?


“Future-Ready Content,” A List Apart, by Sara Wachter-Boettcher (2/28/12)

Managing Enterprise Content: A Unified Content Strategy, by Ann Rockley
and Charles Cooper



      © COPYRIGHT 2012 SAPIENT CORPORATION                                  37
Thank You!


Lisa Goldberg
lgoldberg@sapient.com | @LisaGDC | http://www.linkedin.com/in/lisagoldberg

Sapient Government Services
sapient.com | @sapientgov


     © COPYRIGHT 2012 SAPIENT CORPORATION                                    38

Weitere ähnliche Inhalte

Andere mochten auch

Intelligent building control and smart home
Intelligent building control and smart homeIntelligent building control and smart home
Intelligent building control and smart home
Davide Malacalza
 

Andere mochten auch (18)

Intelligent building control and smart home
Intelligent building control and smart homeIntelligent building control and smart home
Intelligent building control and smart home
 
Social Proof Persuasive Content Framework
Social Proof Persuasive Content FrameworkSocial Proof Persuasive Content Framework
Social Proof Persuasive Content Framework
 
The CMO's Guide to Hiring for Content Marketing
The CMO's Guide to Hiring for Content MarketingThe CMO's Guide to Hiring for Content Marketing
The CMO's Guide to Hiring for Content Marketing
 
THE CRYSTAL, LONDON: A SUSTAINABLE INTELLIGENT BUILDING CASESTUDY BY LAKSHMI ...
THE CRYSTAL, LONDON: A SUSTAINABLE INTELLIGENT BUILDING CASESTUDY BY LAKSHMI ...THE CRYSTAL, LONDON: A SUSTAINABLE INTELLIGENT BUILDING CASESTUDY BY LAKSHMI ...
THE CRYSTAL, LONDON: A SUSTAINABLE INTELLIGENT BUILDING CASESTUDY BY LAKSHMI ...
 
Intelligent Building Management Systems
Intelligent Building Management SystemsIntelligent Building Management Systems
Intelligent Building Management Systems
 
5 Content-First Marketing Steps to Jurassic Conversion
5 Content-First Marketing Steps to Jurassic Conversion5 Content-First Marketing Steps to Jurassic Conversion
5 Content-First Marketing Steps to Jurassic Conversion
 
Information Architecture Heuristics
Information Architecture HeuristicsInformation Architecture Heuristics
Information Architecture Heuristics
 
Intelligent Building (Dayabumi Complex)
Intelligent Building (Dayabumi Complex)Intelligent Building (Dayabumi Complex)
Intelligent Building (Dayabumi Complex)
 
Intelligent building
Intelligent buildingIntelligent building
Intelligent building
 
Intelligent building
Intelligent buildingIntelligent building
Intelligent building
 
Starbucks 2017 Social Media Strategy
Starbucks 2017 Social Media StrategyStarbucks 2017 Social Media Strategy
Starbucks 2017 Social Media Strategy
 
Smart Buildings + Intelligent Solutions
Smart Buildings + Intelligent SolutionsSmart Buildings + Intelligent Solutions
Smart Buildings + Intelligent Solutions
 
ConsumerLab: 10 hot consumer trends 2017 - presentation
ConsumerLab: 10 hot consumer trends 2017 - presentationConsumerLab: 10 hot consumer trends 2017 - presentation
ConsumerLab: 10 hot consumer trends 2017 - presentation
 
Social Media Engagement is Not a Strategy
Social Media Engagement is Not a StrategySocial Media Engagement is Not a Strategy
Social Media Engagement is Not a Strategy
 
Consumer Trends in 2017: 36 Expert Perspectives - Canvas8
Consumer Trends in 2017: 36 Expert Perspectives - Canvas8Consumer Trends in 2017: 36 Expert Perspectives - Canvas8
Consumer Trends in 2017: 36 Expert Perspectives - Canvas8
 
Social Media Trends 2017
Social Media Trends 2017Social Media Trends 2017
Social Media Trends 2017
 
Pitching Ideas: How to sell your ideas to others
Pitching Ideas: How to sell your ideas to othersPitching Ideas: How to sell your ideas to others
Pitching Ideas: How to sell your ideas to others
 
Go Viral on the Social Web: The Definitive How-To guide!
Go Viral on the Social Web: The Definitive How-To guide!Go Viral on the Social Web: The Definitive How-To guide!
Go Viral on the Social Web: The Definitive How-To guide!
 

Ähnlich wie Intelligent Content: A Case Study

Quepasa Corporation (NYSE Amex: QPSA) Rebrand Announcement
Quepasa Corporation (NYSE Amex: QPSA) Rebrand AnnouncementQuepasa Corporation (NYSE Amex: QPSA) Rebrand Announcement
Quepasa Corporation (NYSE Amex: QPSA) Rebrand Announcement
MeetMe, Inc
 
A Framework for How to Produce Highly Shareable Content - Social Media Strate...
A Framework for How to Produce Highly Shareable Content - Social Media Strate...A Framework for How to Produce Highly Shareable Content - Social Media Strate...
A Framework for How to Produce Highly Shareable Content - Social Media Strate...
Mike Roberts
 
resource_dependency.pptx-converted.pptx
resource_dependency.pptx-converted.pptxresource_dependency.pptx-converted.pptx
resource_dependency.pptx-converted.pptx
KamiBhutta
 
Mis wed 0830 grant whitmore
Mis wed 0830 grant whitmoreMis wed 0830 grant whitmore
Mis wed 0830 grant whitmore
MediaPost
 

Ähnlich wie Intelligent Content: A Case Study (20)

Quepasa Corporation (NYSE Amex: QPSA) Rebrand Announcement
Quepasa Corporation (NYSE Amex: QPSA) Rebrand AnnouncementQuepasa Corporation (NYSE Amex: QPSA) Rebrand Announcement
Quepasa Corporation (NYSE Amex: QPSA) Rebrand Announcement
 
Percussion Understanding the Impact of the New Federal Digital Government Str...
Percussion Understanding the Impact of the New Federal Digital Government Str...Percussion Understanding the Impact of the New Federal Digital Government Str...
Percussion Understanding the Impact of the New Federal Digital Government Str...
 
A Framework for How to Produce Highly Shareable Content - Social Media Strate...
A Framework for How to Produce Highly Shareable Content - Social Media Strate...A Framework for How to Produce Highly Shareable Content - Social Media Strate...
A Framework for How to Produce Highly Shareable Content - Social Media Strate...
 
Action from Insight - Joining the 2 Percent Who are Getting Big Data Right
Action from Insight - Joining the 2 Percent Who are Getting Big Data RightAction from Insight - Joining the 2 Percent Who are Getting Big Data Right
Action from Insight - Joining the 2 Percent Who are Getting Big Data Right
 
Overcoming Cloud-Based Mobility Challenges in Healthcare
Overcoming Cloud-Based Mobility Challenges in HealthcareOvercoming Cloud-Based Mobility Challenges in Healthcare
Overcoming Cloud-Based Mobility Challenges in Healthcare
 
Corporate Disclosure: The Changing Meaning of Transparency
Corporate Disclosure: The Changing Meaning of TransparencyCorporate Disclosure: The Changing Meaning of Transparency
Corporate Disclosure: The Changing Meaning of Transparency
 
Website accessibility presentation made at MWLUG 2017 in Washington DC
Website accessibility presentation made at MWLUG 2017 in Washington DCWebsite accessibility presentation made at MWLUG 2017 in Washington DC
Website accessibility presentation made at MWLUG 2017 in Washington DC
 
resource_dependency.pptx-converted.pptx
resource_dependency.pptx-converted.pptxresource_dependency.pptx-converted.pptx
resource_dependency.pptx-converted.pptx
 
Investing in social media
Investing in social mediaInvesting in social media
Investing in social media
 
open data for enterprises
open data for enterprisesopen data for enterprises
open data for enterprises
 
Mobilize Your Brand - how mobile is changing the content game
Mobilize Your Brand - how mobile is changing the content gameMobilize Your Brand - how mobile is changing the content game
Mobilize Your Brand - how mobile is changing the content game
 
The Road To Network Publishing972003
The Road To Network Publishing972003The Road To Network Publishing972003
The Road To Network Publishing972003
 
Clearly Innovative Inc Capabilities
Clearly Innovative Inc CapabilitiesClearly Innovative Inc Capabilities
Clearly Innovative Inc Capabilities
 
Retail Mobility Presentation for Retail Connections
Retail Mobility Presentation for Retail ConnectionsRetail Mobility Presentation for Retail Connections
Retail Mobility Presentation for Retail Connections
 
Mis wed 0830 grant whitmore
Mis wed 0830 grant whitmoreMis wed 0830 grant whitmore
Mis wed 0830 grant whitmore
 
SugarCon 2012 Presentation
SugarCon 2012 PresentationSugarCon 2012 Presentation
SugarCon 2012 Presentation
 
apidays LIVE New York - Using APIs to Transform the way CMS Shares Medicare C...
apidays LIVE New York - Using APIs to Transform the way CMS Shares Medicare C...apidays LIVE New York - Using APIs to Transform the way CMS Shares Medicare C...
apidays LIVE New York - Using APIs to Transform the way CMS Shares Medicare C...
 
OTOinsights Mobile UX Webinar, April 15 2010
OTOinsights Mobile UX Webinar, April 15 2010OTOinsights Mobile UX Webinar, April 15 2010
OTOinsights Mobile UX Webinar, April 15 2010
 
SOA enabled next generatione EMR/EHR
SOA enabled next generatione EMR/EHRSOA enabled next generatione EMR/EHR
SOA enabled next generatione EMR/EHR
 
The three technology trends that will make medical breakthroughs possible: bi...
The three technology trends that will make medical breakthroughs possible: bi...The three technology trends that will make medical breakthroughs possible: bi...
The three technology trends that will make medical breakthroughs possible: bi...
 

Kürzlich hochgeladen

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Kürzlich hochgeladen (20)

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 

Intelligent Content: A Case Study

  • 1. Intelligent Content: A Case Study Lisa Goldberg | User Focus | October 19, 2012 © COPYRIGHT 2012 SAPIENT CORPORATION 1
  • 2. Agenda 1. Welcome 2. What is Intelligent Content? 3. Case Study: m.cancer.gov 4. Q&A © COPYRIGHT 2012 SAPIENT CORPORATION 2
  • 3. What is Intelligent Content? © COPYRIGHT 2012 SAPIENT CORPORATION 3
  • 4. “ You can let your content go, without fearing where it will end up. But you’ve got to start with some structure.” – Sara Wachter-Boettcher, “Responsive-Ready Content” http://sarawb.com/2012/03/07/content-strategy-responsive-design/ © COPYRIGHT 2012 SAPIENT CORPORATION 4
  • 5. COPE: Responsive Design is Not Always the Answer All of your content might not be suitable for mobile Many formats Mobile web Mobile apps EBooks Other sites across the enterprise Syndication E-Learning Print More? © COPYRIGHT 2012 SAPIENT CORPORATION 5
  • 6. Evaluate Existing Content What is the purpose of the content? Who is the target audience? What do we want them to do with the content? In what formats does the content appear? What content is reused now? Could be reused in the future? © COPYRIGHT 2012 SAPIENT CORPORATION 6
  • 7. Finding Patterns: Define the Semantic Markup Examples: How do these pieces of content Long Title relate to one another? Short Title How might they be reused? Long Description Short Description Publication Date Byline Author Bio Contact Information Image Video Audio Ratings © COPYRIGHT 2012 SAPIENT CORPORATION 7
  • 8. Separate Presentation from Content Tables Images and other multimedia Quotes Link references/URLs © COPYRIGHT 2012 SAPIENT CORPORATION 8
  • 9. Define Content Types and their Relationships Source: http://www.alistapart.com/articles/strategic-content-management/ © COPYRIGHT 2012 SAPIENT CORPORATION 9
  • 10. Case Study: m.cancer.gov © COPYRIGHT 2012 SAPIENT CORPORATION 10
  • 11. The National Cancer Institute The U.S. government’s principal agency for cancer research One of 27 institutes and centers that form the National Institutes of Health Sapient has worked for NCI’s Office of Communications and Education (OCE) since April 2010 OCE provides evidence-based cancer information through many channels: digital, print, and a live help service © COPYRIGHT 2012 SAPIENT CORPORATION 11
  • 12. Cancer.gov: Overview NCI’s enterprise website, hosted in Percussion Nearly 3 million visits/month Evidence-based health information Approximately 30,000 pages in English and Spanish Primary Audiences: Patients and Caregivers, Health Professionals, Researchers, Advocates, Strategic Influencers © COPYRIGHT 2012 SAPIENT CORPORATION 12
  • 13. m.cancer.gov: NCI’s First Mobile Website Launched February 15, 2012 Also hosted in Percussion Different site structure Mobile phones (not tablets) are redirected to m.cancer.gov Approximately 700 pages in English and Spanish 296,489 mobile phone visits/month Primary Audience: People looking for patient and caregiver information © COPYRIGHT 2012 SAPIENT CORPORATION 13
  • 14. Why Didn’t we Use a Responsive Design for Cancer.gov? Not all target audiences are looking for cancer content on their phones; patient content was the highest priority No need to optimize for tablets Cancer.gov was not designed with “mobile first” in mind Lack of navigation Lack of semantic markup and content standards If we restructured all legacy content, we would not have met our deadline The mobile site is responsive; its layout scales for different devices © COPYRIGHT 2012 SAPIENT CORPORATION 14
  • 15. “There simply isn't room in a 320 by 480 pixel screen for extraneous, unnecessary elements. You have to prioritize.” – Luke Wroblewski, “Mobile First,” November 3, 2009 © COPYRIGHT 2012 SAPIENT CORPORATION 15
  • 16. Selecting Content for Mobile: Key Questions Is the content popular on mobile already? Is the content optimized for search engines? Is the content relevant for patients, caregivers, or general audiences? How long is the content? Will the format work on a small screen? If not, how much work will be required to change it? Can we eliminate extraneous graphics? How many links are embedded in the content? Is it available in Spanish? If not, will it be translated? Will this content be ready in time for the site launch? © COPYRIGHT 2012 SAPIENT CORPORATION 16
  • 17. Most Popular Cancer.gov Sections on Mobile Devices (Consistent Each Month) Source: Omniture Mobile Report Page Views for May 2011 © COPYRIGHT 2012 SAPIENT CORPORATION 17
  • 18. Content Types Included in First Release Home page Landing pages Cancer type home pages General pages News releases PDQ patient treatment summaries Fact sheets (Q&As) © COPYRIGHT 2012 SAPIENT CORPORATION 18
  • 19. Home Page © COPYRIGHT 2012 SAPIENT CORPORATION 19
  • 20. Mobile Footer © COPYRIGHT 2012 SAPIENT CORPORATION 20
  • 21. Landing Page © COPYRIGHT 2012 SAPIENT CORPORATION 21
  • 22. Cancer Type Home Page © COPYRIGHT 2012 SAPIENT CORPORATION 22
  • 23. General Page © COPYRIGHT 2012 SAPIENT CORPORATION 23
  • 24. News Release © COPYRIGHT 2012 SAPIENT CORPORATION 24
  • 25. Dictionary of Cancer Terms © COPYRIGHT 2012 SAPIENT CORPORATION 25
  • 26. Language Toggle © COPYRIGHT 2012 SAPIENT CORPORATION 26
  • 27. Same Interface, Different Process © COPYRIGHT 2012 SAPIENT CORPORATION 27
  • 28. PDQ (Physician Data Query) Treatment Summary on Cancer.gov © COPYRIGHT 2012 SAPIENT CORPORATION 28
  • 29. PDQ Treatment Summary on m.cancer.gov © COPYRIGHT 2012 SAPIENT CORPORATION 29
  • 30. Fact Sheet © COPYRIGHT 2012 SAPIENT CORPORATION 30
  • 31. Content Challenges Restructuring content Creating custom content Lack of standards for content and markup Tables Links and URLs in content Images Limitations based on content type Last-minute content emergencies Even with automation, adding content to Percussion is painful © COPYRIGHT 2012 SAPIENT CORPORATION 31
  • 32. Spreadsheet for Content Migration © COPYRIGHT 2012 SAPIENT CORPORATION 32
  • 33. Percussion Interface © COPYRIGHT 2012 SAPIENT CORPORATION 33
  • 34. Final Result Simple interface; during usability testing, even inexperienced mobile users could navigate the site Comprehensive content for patients, caregivers, and general audiences  Information about treatments for almost 100 types of cancer  More general information such as coping and side effects  Dictionary of Cancer Terms  Cancer research news  Information about NCI  One click to call or email the Cancer Information Service  Easy to share content  Easy to view NCI’s other social media channels  Analytics support our design decisions © COPYRIGHT 2012 SAPIENT CORPORATION 34
  • 35. “Dear NCI, today was my first time using mobile cancer.gov. Really like this!! Very easy to navigate on my phone!! Great use of federal resources!” – Email from mobile user, March 24, 2012 © COPYRIGHT 2012 SAPIENT CORPORATION 35
  • 36. Content Modeling: An Essential UX Skill Source: http://www.alistapart.com/articles/strategic-content-management/ © COPYRIGHT 2012 SAPIENT CORPORATION 36
  • 37. Questions? “Future-Ready Content,” A List Apart, by Sara Wachter-Boettcher (2/28/12) Managing Enterprise Content: A Unified Content Strategy, by Ann Rockley and Charles Cooper © COPYRIGHT 2012 SAPIENT CORPORATION 37
  • 38. Thank You! Lisa Goldberg lgoldberg@sapient.com | @LisaGDC | http://www.linkedin.com/in/lisagoldberg Sapient Government Services sapient.com | @sapientgov © COPYRIGHT 2012 SAPIENT CORPORATION 38

Hinweis der Redaktion

  1. Intelligent Content: A Case Study Track: Content Strategy Room: Clover One piece of content can now appear in a wide range of platforms and devices, including Web, mobile Web, apps, e-­‐ books, and print. As we expand the scope of the Create Once, Publish Everywhere model, how do we ensure that content behaves as expected in these different interfaces? The answer is semantic structure, also known as intelligent content. Lisa will provide a high-level overview of issues to consider and illustrate those points with a case study from the National Cancer Institute’s mobile website. Reviewer feedback:  With so many different platforms and devices, and more coming in the future, this is a very relevant topic. The Create Once, Publish Everywhere idea needs to be explained to the audience. But even more so, semantic structure should be explained in detail. I fear the presenter may be too high level here in explaining relevant terms to get the audience up to speed before moving to the case study.
  2.  
  3. Can’t afford to think that way anymore—UX people have to do this to get ahead of the game.