{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "AIDS.gov Responsive Design |Digital.gov",
    "description": "AIDS.gov Responsive Design",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2012/07/11/aids-gov-responsive-design/index.json","item" : [
    {"title" :"AIDS.gov Responsive Design","summary" : "Mobile Gov Experiences are agency stories about creating anytime, anywhere, any device government services and info. This entry is a story shared by AIDS.gov. AIDS.gov implemented an innovative model for responsive design by combining the former AIDS.gov and m.aids.gov to a fluid site accessible on computers, smartphones and tablets. View the","date" : "2012-07-11T14:41:20-04:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"jparcell" : "Jacob Parcell"},"topics" : {
        
            "design" : "Design",
            "mobile" : "Mobile",
            "research" : "Research",
            "user-experience" : "User experience"
            },"branch" : "bc-archive-content-3",
      "filename" :"2012-07-11-aids-gov-responsive-design.md",
      
      "filepath" :"news/2012/07/2012-07-11-aids-gov-responsive-design.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2012/07/2012-07-11-aids-gov-responsive-design.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2012/07/2012-07-11-aids-gov-responsive-design.md","slug" : "aids-gov-responsive-design","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2012/07/11/aids-gov-responsive-design/","content" :"\u003cp\u003e\u003cem\u003eMobile Gov Experiences are agency stories about creating anytime, anywhere, any device government services and info. This entry is a story shared by AIDS.gov.\u003c/em\u003e\u003c/p\u003e\n\u003cdiv class=\"image image-right image-right-legacy\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2013/12/aids_ss.jpg\"\n    alt=\"Aids.gov homepage\"/\u003e\u003c/div\u003e\n\n\u003cp\u003e\u003ca href=\"http://aids.gov/\" rel=\"nofollow\"\u003eAIDS.gov\u003c/a\u003e implemented an innovative model for responsive design by combining the former AIDS.gov and m.aids.gov to a fluid site accessible on computers, smartphones and tablets. \u003ca title=\"Mobile Webinar Series Recap: Responsive Design\" href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/2012/07/02/mobile-webinar-series-recap-responsive-design/\" rel=\"nofollow\"\u003eView the webinar on  AIDs.gov\u0026rsquo;s responsive design\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"why-we-did-it\"\u003eWhy We Did It\u003c/h2\u003e\n\u003cp\u003eTesting showed that more and more people were trying to access the website via mobile device but not all mobile devices were receiving the m.aids.gov site fully. Since a lot of the content made the implementation of \u003ca href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/2013/06/11/responsive-design/\" title=\"Responsive Design\"\u003eresponsive design\u003c/a\u003e fairly easy, it made sense to combine the websites on a plethora of levels, the two main reasons routing from an easier to manage site (one site vs. two sites), coupled with the need for a more efficient, better designed, mobile site. We had previous experience with responsive design with the \u003ca href=\"http://facing.aids.gov/\" rel=\"nofollow\"\u003eFacing AIDS\u003c/a\u003e project.\u003c/p\u003e\n\u003cp\u003eA simple reason for the switch to responsive design can be seen in the increased mobile traffic to AIDS.gov:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eJune 2010, AIDS.gov mobile traffic = 2.5%\u003c/li\u003e\n\u003cli\u003eJune 2012, AIDS.gov mobile traffic = 25%\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"what-we-did\"\u003eWhat We Did\u003c/h2\u003e\n\u003cp\u003eThe biggest concern was focusing the site around the deliverables of responsive design that users would directly experience such as fluid grids, flexible images and responsive media queries which set up six breaking points for whatever device the user may be using. From there we saw the success and fluidness of the Facing AIDS site and decided to combined the mobile and AIDS.gov site in a responsive design format.\u003c/p\u003e\n\u003ch2 id=\"how-it-worked\"\u003eHow It Worked\u003c/h2\u003e\n\u003cp\u003eNot really any feedback since launch was only a week prior, but so far testing has proven that the site has been similar to the original goal of the responsive design project.\u003c/p\u003e\n\u003ch2 id=\"what-we-learned\"\u003eWhat We Learned\u003c/h2\u003e\n\u003cp\u003eTesting needs to occur not only in a office and in-house environment, but other places as well. Most of the bugs were found on tablets and smartphones while testing them on the devices they will inevitably be used on. The website may work on the browsers in the office during the beginning stages of testing, however, if it doesn’t work on the actual devices it is not as helpful to mobile users.\u003c/p\u003e\n\u003ch2 id=\"whats-next\"\u003eWhat\u0026rsquo;s Next\u003c/h2\u003e\n\u003cp\u003eContinue to expand the site’s ability to perform on other devices from any screen, browser, or device fathomable. The site is relatively new so receiving more feedback will be a tangible goal in the near future.\u003c/p\u003e\n\u003ch2 id=\"contact\"\u003eContact\u003c/h2\u003e\n\u003cp\u003eYou can reach Jeremiah Vanderlan via \u003ca href=\"mailto:jeremiah.vanderlan@icfi.com\"\u003eemail\u003c/a\u003e.\u003c/p\u003e\n"}
  ]
}