{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Helpful Resources to Make Your Content Mobile-Friendly |Digital.gov",
    "description": "Helpful Resources to Make Your Content Mobile-Friendly",
    "home_page_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/","feed_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/05/04/helpful-resources-to-help-make-your-content-mobile-friendly/index.json","item" : [
    {"title" :"Helpful Resources to Make Your Content Mobile-Friendly","summary" : "Smartphones make up 75% of the mobile market—which makes mobile-friendliness a must for government agencies. With the recent update to Google’s search algorithm, or what some are calling Mobilegeddon, the case for building a mobile-friendly site becomes even stronger. For many government organizations, responsive Web design (RWD) has been the answer to their mobile question.","date" : "2015-05-04T10:00:43-04:00","date_modified" : "2024-04-02T09:45:13-04:00","authors" : {"kdaniel" : "Kendrick Daniel"},"topics" : {
        
            "content-strategy" : "Content Strategy",
            "mobile" : "Mobile",
            "usability" : "Usability"
            },"branch" : "cm-topics-button-component",
      "filename" :"2015-05-04-helpful-resources-to-help-make-your-content-mobile-friendly.md",
      
      "filepath" :"news/2015/05/2015-05-04-helpful-resources-to-help-make-your-content-mobile-friendly.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/cm-topics-button-component/content/news/2015/05/2015-05-04-helpful-resources-to-help-make-your-content-mobile-friendly.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/cm-topics-button-component/content/news/2015/05/2015-05-04-helpful-resources-to-help-make-your-content-mobile-friendly.md","slug" : "helpful-resources-to-help-make-your-content-mobile-friendly","url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/05/04/helpful-resources-to-help-make-your-content-mobile-friendly/","content" :"\u003cp\u003eSmartphones make up 75% of the mobile market—which makes \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/03/31/trends-on-tuesday-smartphone-market-growth-makes-mobile-friendly-a-must/\"\u003emobile-friendliness a must\u003c/a\u003e for government agencies. With the recent update to Google’s search algorithm, or what some are calling \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/04/15/mobilegeddon-government-edition/\"\u003eMobilegeddon\u003c/a\u003e, the case for building a mobile-friendly site becomes even stronger.\u003c/p\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/05/450-x-450-Tablet-PC-and-Smart-Phone-monicaodo-iStock-Thinkstock-480113703.jpg\"\n    alt=\"Examples of responsive web design are shown on illustrations of a tablet and smart phone\"/\u003e\u003cp\u003emonicaodo/iStock/Thinkstock\u003c/p\u003e\u003c/div\u003e\n\n\n\u003cp\u003eFor many government organizations, responsive Web design (RWD) has been the answer to their mobile question. While \u003ca href=\"http://www.smashingmagazine.com/2014/07/22/responsive-web-design-should-not-be-your-only-mobile-strategy/\"\u003eRWD is by no means a panacea\u003c/a\u003e, it can provide agencies with a way to reach their customers on many devices with one site.\u003c/p\u003e\n\u003cp\u003eRWD refers to a fluidly constructed Web page layout that scales from handheld device displays to large, high-resolution computer displays using flexible typography, flexible images, fluid grids, and \u003ca href=\"http://www.w3.org/TR/css3-mediaqueries/\"\u003eCSS3 media queries\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eOver the past year, we have published several \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/topics/mobile/\"\u003earticles on RWD\u003c/a\u003e based on collaboration and case studies provided by members from the \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/communities/\"\u003eMobileGov Community of Practice\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eHere are a few resources to help in your agency’s quest to become responsive/mobile-friendly.\u003c/p\u003e\n\u003ch2 id=\"specific-mobile-web-techniques-and-tools\"\u003eSpecific Mobile Web Techniques and Tools\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/09/03/mobile-web-templates-how-to-use-open-source-cms-to-implement-responsive-web-design-webinar-recap/\"\u003eOpen Source Content Management Systems and Responsive Web Design Webinar Recap\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eThis helpful webinar discusses content management systems like Drupal and how to use them to“grid” your website for RWD.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://sites.usa.gov/\"\u003eSites.usa.gov\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eSites.usa.gov is a shared service to help agencies focus on creating great content rather than on building systems to deliver that content. Sites provides an easy way to create a website that incorporates RWD and meets federal requirements.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/03/04/what-is-the-digital-analytics-program-dap/\"\u003eDigital Analytics Program\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eThe Digital Analytics Program’s customized Web analytics solution provides federal employees access to a common set of web metrics like pageviews, unique users, mobile vs. desktop visits, average time on page, bounce rate, number of downloads, etc.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://github.com/HHS/HHS-Responsive-Design\"\u003eCode Developed by Department of Health and Human Services to\u003c/a\u003e \u003ca href=\"https://github.com/HHS/HHS-Responsive-Design\"\u003eMake\u003c/a\u003e \u003ca href=\"https://github.com/HHS/HHS-Responsive-Design\"\u003eTables\u003c/a\u003e \u003ca href=\"https://github.com/HHS/HHS-Responsive-Design\"\u003eMobile-Friendly\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eThe Department of Health and Human Services \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/10/30/hhs-conquers-tables-in-a-responsive-design/\"\u003edeveloped and shared Bootstrap code\u003c/a\u003e to make tables and charts responsive. The Defense Finance and Accounting Services (DFAS) \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/12/11/defense-finance-accounting-services-use-hhs-code-to-make-mobile-friendly-tables/\"\u003eleveraged this code for their site\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"challenges-of-rwd\"\u003eChallenges of RWD\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/10/21/responsive-web-design-challenges-webinar-recap/\"\u003eResponsive Web Design Challenges Webinar Recap\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eAgencies discuss the challenges faced when implementing RWD, including making a case for why your agency should adopt RWD, scheduling/project management concerns, and dealing with specific things such as PDFs and tables on the redesigned site.\u003c/p\u003e\n\u003ch2 id=\"responsive-web-design-case-studies\"\u003eResponsive Web Design Case Studies\u003c/h2\u003e\n\u003cdiv class=\"image image-right image-right-legacy\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/04/250-x-444-Search-engine-results-indicating-that-an-NPS-park-website-is-mobile-friendly.jpg\"\n    alt=\"Search engine results indicating that an NPS park website is mobile-friendly\"/\u003e\u003c/div\u003e\n\n\u003cp\u003eFrom building the case for RWD to working through procurement cycles, we have a number of case studies showing how agencies implemented RWD.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eDFAS made a case for switching to RWD when \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/10/21/responsive-web-design-challenges-webinar-recap/\"\u003ethey saw their mobile usage rates increasing at the same time the site’s bounce rate was also increasing\u003c/a\u003e, signifying that more people were coming from mobile devices and leaving quickly when they had trouble finding the information they were looking for. DFAS then \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/12/11/defense-finance-accounting-services-use-hhs-code-to-make-mobile-friendly-tables/\"\u003eutilized the responsive template code developed by HHS to make mobile-friendly data tables\u003c/a\u003e.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eGSA’s Child Care Information Portal was \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2012/10/25/gsas-child-care-information-portal/\"\u003eresponsively redesigned based on customer feedback requesting a mobile experience\u003c/a\u003e, as well as a desire to simplify their website management by not having to create separate pages for mobile use.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eAIDS.gov was one of the first agencies to \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2012/07/11/aids-gov-responsive-design/\"\u003eimplement a responsive design when they saw increasing traffic to their mobile site\u003c/a\u003e.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eHHS.gov \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/10/30/hhs-conquers-tables-in-a-responsive-design/\"\u003emoved to a responsive template to ensure that users accessing their site in a mobile environment had the best possible experience\u003c/a\u003e. One challenge faced by moving a site the size of HHS.gov into a responsive template was making tables work in a responsive environment, which HHS addressed.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eThe National Parks Service park websites were \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/04/30/mobile-friendly-park-websites-on-nps-gov/\"\u003emade mobile-friendly to improve the quality of the user experience and enhance the virtual visit experience\u003c/a\u003e.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eThe Department of Education \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/02/12/building-brick-by-brick-ed-govs-website-redesign-and-mobile-implementation/\"\u003eimplemented a responsive web design while facing the challenges of dealing with multiple content management systems and budget limitations\u003c/a\u003e.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n"}
  ]
}