U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you're on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Skip to page content

AIDS.gov Responsive Design

_

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 webinar on AIDs.gov’s responsive design.

Why We Did It

Testing 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 responsive design 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 Facing AIDS project.

A simple reason for the switch to responsive design can be seen in the increased mobile traffic to AIDS.gov:

  • June 2010, AIDS.gov mobile traffic = 2.5%
  • June 2012, AIDS.gov mobile traffic = 25%

What We Did

The 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.

How It Worked

Not 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.

What We Learned

Testing 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.

What’s Next

Continue 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.

Contact

You can reach Jeremiah Vanderlan via email.

Tags: , , ,

GitHub LogoEdit
Top