February 11, 2013 | Dave Lewan

Usability Best Practices for e-Gov Mobile Web Experiences, Part 2


Share on Facebook Share on LinkedIn Share on Twitter

Last time, I took a look at some of the best practices for the mobile Web, including topics such as Mobile Site or Not Yet; Site vs. App; and Redirection. Here, I continue the discussion, covering the type of content that is appropriate for mobile sites and how visitors navigate through it.

Full vs. Reduced Content

An important question is “how much content should you have on your mobile site?”  A few years ago, mostly due to bandwidth and technical limitations, the answer was “minimal”—a few critical news or content bits and key functionality such as locators or calculators.  However, it is becoming more and more evident that people prefer to browse the web on their phone, and are doing so more often while at home. With this being the case, visitors do not want nor should they receive an over-simplified experience.  This does not mean the entire full website should be ported over to a mobile-sized screen—it should be a judicious and thoughtful balance between too little and too much content. Taking a ‘mobile first’ perspective on choosing this content will enable the mobile site to be sufficiently content-rich while still remaining consistent with the desktop site.

USA.gov is a good example of a site that is approaching more of the full feature set. Yes, they are a portal and, by default, have less content than other government sites, but notice that they replicate most of the major site areas, including search, content topics, FAQs, contact information, and finder functionalities:

Mobile E-Gov Best Practices

Global Navigation

A popular new trend is a Menu button that opens a layer containing the site’s global categories.  While this saves space at the top of the page, it is somewhat easy to overlook, risking that visitors won’t realize it is a menu containing key navigation.  Hopefully in time this becomes an expected convention.

E-Government Mobile Sites Best Practices

It’s typical for many sites to have more traditional navigation at the bottom of each page, such as FBI.gov. This is effective yet also potentially overlooked. Some sites, like EPA.gov, are placing global navigation at the top of the page much like a desktop site.  This is very prominent and also helps orient visitors if the site highlights the current category they are in.  However, this requires a smaller number of global categories simply due to the reduced width of the page.

E-Government Mobile site navigation

Search Functionality

Equally important to browsing via navigation is searching.  Some website visitors default to using Search to find the information they are looking for, and this is something that will be expected more in mobile as well.  If Search is a primary goal, as a best practice it should be located prominently right below the site logo on the homepage and every page of the site, such as done on USA.gov:MOBILE E GOV

Not every site needs to have Search that prominent, though. Some sites locate it next to their global navigation in the lower half of the page—as done on FBI.gov.  A similar trend to the global navigation menu is the Search button at the top of the page, which opens a menu containing the Search box—CDC.gov uses this method.  This both conserves space and becomes familiar, as it is located in the normal place that visitors would expect to find Search on a desktop site—the upper right corner.  In this location, though, it does require visitors to perform an extra click. So, if searching is a primary goal of your visitors, placing a Search box directly on the page is more appropriate and convenient.

Mobile Gov 2-11 5

Also, all instances of mobile Search should use Autocomplete Functionality, which offers suggested search terms as visitors are typing.  This is critical for mobile where typing is not as easy and more prone to errors:

Mobile Gov 2-11 6

That brings part 2 of Usability Best Practices for e-Gov Mobile Web Experiences to an end. In the final post I will briefly go into Phone-Specific Interfaces.

Categories: Government

About the Author

Dave Lewan is responsible for managing the organization focused on the public sector, including federal and state government departments and agencies, non-profit organizations, associations and higher education institutions. He is charged with defining strategy and leveraging internal resources to initiate new business opportunities while delivering to existing ForeSee public-sector clients. Dave is also responsible for ForeSee’s growing Canadian business including public and private sectors. In 2016, Dave will serve as ForeSee liaison with the Partnership for Public Service for the Center for Presidential Transition, in an effort to educate some 4,000 appointees who will enter into the federal government from the private sector as part of the new administration. Prior to joining ForeSee in 2009, Dave led in key strategic areas at ADP, SalesLogix, Ultimate Software and Ceridian. Dave graduated from the University of Minnesota with a degree in speech communications.

More by this author


Share on Facebook Share on LinkedIn Share on Twitter