{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Embracing Responsive Design |Digital.gov",
    "description": "Embracing Responsive Design",
    "home_page_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/","feed_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/08/20/embracing-responsive-design/index.json","item" : [
    {"title" :"Embracing Responsive Design","summary" : "See how a shift in consumer behavior during the last few years lead to the responsive redesign of USA.gov and GobiernoUSA.gov.","date" : "2013-08-20T07:42:45-04:00","date_modified" : "2024-04-02T09:45:13-04:00","authors" : {"lgodfrey" : "Laura Godfrey"},"topics" : {
        
            "accessibility" : "Accessibility",
            "content-strategy" : "Content Strategy",
            "design" : "Design",
            "mobile" : "Mobile",
            "multilingual" : "Multilingual",
            "software-engineering" : "Software Engineering"
            },"branch" : "cm-topics-button-component",
      "filename" :"2013-08-20-embracing-responsive-design.md",
      
      "filepath" :"news/2013/08/2013-08-20-embracing-responsive-design.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/cm-topics-button-component/content/news/2013/08/2013-08-20-embracing-responsive-design.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/cm-topics-button-component/content/news/2013/08/2013-08-20-embracing-responsive-design.md","slug" : "embracing-responsive-design","url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/08/20/embracing-responsive-design/","content" :"\u003cp\u003e\u003ca href=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2013/08/USA.gov-responsive.jpg\"\u003e\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2013/08/USA.gov-responsive-250x213.jpg\"\n    alt=\"USA.gov website on a laptop, tablet and smartphone\"/\u003e\u003c/div\u003e\n\n\u003c/a\u003eThere has been a shift in consumer behavior during the last few years, a move toward immediacy and convenience, and with the responsive redesign of \u003ca href=\"https://www.usa.gov/\"\u003eUSAGov\u003c/a\u003e and \u003ca href=\"https://www.usa.gov/espanol/\"\u003eUSAGov en Español\u003c/a\u003e (\u003cem\u003eformerly known as GobiernoUSA.gov\u003c/em\u003e), consumers can now have access to the same information and services when they need them, and on any platform and device.\u003c/p\u003e\n\u003cp\u003eThe number of mobile users is growing rapidly. In 2012, USAGov and USAGov en Español received more than 2.5 million visits from mobile devices, not including tablets. These customers want access to our full sites without unnecessary clicks (not a different version of the site on mobile). Responsive design adapts the display to the customers’ device, offering the full site in an optimized resolution regardless of the device of choice, presenting the same high-quality content to fit smaller devices.\u003c/p\u003e\n\u003cp\u003eUsing responsive design is very efficient and cost effective: It allows us to more easily create and maintain content that will display correctly on all devices and across all platforms. It saves the government money since it’s “future ready,” which means that the sites will work on future mobile devices.\u003c/p\u003e\n\u003cp\u003eA lot of planning went into the redesign efforts.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWe met with key stakeholders in developing our strategy and goals.\u003c/li\u003e\n\u003cli\u003eWe studied responsive design on various public and other government sites.\u003c/li\u003e\n\u003cli\u003eWe also discussed the pros and cons to using responsive design and decided that responsive was the way to go for USAGov and USAGov en Español. We had done the \u003ca href=\"http://apps.usa.gov/\" target=\"_blank\"\u003eapps galleries\u003c/a\u003e in responsive design and that served as a baseline to approach the bigger sites.\u003c/li\u003e\n\u003cli\u003eBuilding on this project, we decided to design the Spanish site first, since text as well as words tend to be 15% longer in Spanish – this strategy ensure that the design would work well for both sites.\u003c/li\u003e\n\u003cli\u003eFrom there, our contractor built a prototype and we tweaked it so that design and accessibility guidelines were met.\u003c/li\u003e\n\u003cli\u003eWe worked with our accessibility experts every step of the way to ensure compliance with section 508 of the Rehabilitation Act — we are still working out some minor details, but fixes are on their way to make both site fully accessible.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eLet us know what you think. With the ability to count traffic for desktop, tablet and mobile phones separately, we’re anxious to see what our numbers tell us about this approach over time.\u003c/p\u003e\n\u003cp\u003eMore responsive design examples:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/06/27/medicare-gov-mobile-website/\"\u003eMedicare.gov\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/08/01/hud-office-of-inspector-general-responsive-design-website/\"\u003eHousing \u0026amp; Urban Development Office of Inspector General\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n"}
  ]
}