Skip to main content

Article:

The Great UX Series: Best UX Design on a Government Website

As our dig­i­tal world pro­gress­es, it often seems that gov­ern­ment agency web­sites are behind-the-cue-ball” and stag­nant. Hav­ing a web­site that is acces­si­ble, easy to nav­i­gate, and designed with your user’s expe­ri­ence in mind is vital to oper­abil­i­ty and success.

Illustration of people in a cartoon computer landscape with the terms UX and UI visible as icons

In this three-part blog series, we ask our expert team of Content Strategists, UX Designers, and Accessibility Specialists to list the crème-de-la-crème of government websites that are getting the user experience right. These are inspiring examples to help get your agency started on the journey towards adopting and implementing a Human-Centered Design (HCD) process in your organization.

Having A Great Ux Design For Your Website Will Create A Meaningful Experience And Increase Successful Transaction Rates.

Veterans Affairs website homepage
The Veterans Affairs website. 

According to our Director of UX Design, Taylor Collins, VA.GOV wins the best government agency website for UX Design. Veterans Affairs is one of the forefront federal government agency advocates for Human-Centered Design (HCD), and known for putting their user at the center of everything they do. Their website is a shining example of how improving the customer experience can increase trust in government. In fact, a recent survey showed a 24% jump in trust in VA over the past few years.

What UX Design Principles are present on the VA.GOV website?

A screenshot of the Veteran's Affairs homepage. The middle section displays clear, organized, consistent headings, quick links, and clear visual states.

The VA.GOV uses a design system outlined by the United States Web Design System (USWDS). A design system is a set of design standards, documentation, principles, styles, and re-usable components or pattern library. This allows design and development teams to use flexible colors, type styles, and elements to create consistent page templates, interactions, and experiences while also increasing trust and credibility from the user.

The USWDS is a design system for the federal government. It is chock-full of resources for design best practices, components, principles, and templates. Using a design system, VA.GOV creates a seamless user experience and makes it easy for the public to navigate their website.

Consistent Style

The VA.gov site is clearly organized with consistent headings, quick links, and has clear visual states for everything. For example, a link appears blue when default, takes on a gray highlight on a hover state, and changes to purple after a user visits it.

Using color intentionally is a common theme within the VA's site as they continue using blues, greens, and red to convey importance, formatting, callouts, and highlighting areas for login.

Dropdown menu
A screenshot of the Veterans Affairs website that discusses their app, My HealtheVet. This page clearly guides the user through performing a task such as checking their VA claim or status appeal.

Easy Navigation

There is a lot a veteran can do on this website, which can make for a messy Information Architecture (IA) and navigation. However, VA.GOV has intentionally thought about their user, what their top tasks are, and how those would be easiest to find and organized their service offerings accordingly.

With dozens of pages, VA.GOV only has two main dropdown menus for selection on the homepage. Nested under these are clear categories that are in order of most used from top to bottom.

Guiding People Through Tasks

When completing a task or transaction, this website gives simple, clear, step-by-step instructions so people can easily navigate their journey from beginning to end.

Something as complex as filing an appeal seems like a daunting task, but when broken down in the correct way it becomes digestible. VA.GOV makes each step bite-sized and the transparency of what is to come next helps ease the users’ mind and instill trust.

Key Takeaway

A design system is an asset for any government agency to have, and to follow. It is the central hub, or single source of truth for your design and development teams, uniting design, code, and content. This saves your team time and breaks down communication barriers so that everyone is on the same page about the UI/UX. It creates design consistency, and developer efficiency. By following a design system, your website will look consistent, cohesive, and be much easier to navigate for the public.

Creating a great government website that serves the people effectively is no easy feat. It often requires a team of Content Strategists, UX Designers, UX Researchers, Accessibility Specialists, and Organizational Change Managers to be done correctly and in a way that will not only sustain but innovate.

There are many moving parts but, in the end, it is about getting the public the information and access to the services they need as efficiently as possible. You can begin by taking the time to address the pain points on your website and prioritizing projects. Be sure to measure your goals and celebrate small wins. Remember, user experience is not a sprint, it’s a journey!