USDA Government Website Redesign

We were tasked with redesigning a government website, the USDA, given their confusing navigation and indirect accessibility to the the site's most visited pages.

Rena Silverman - UX Writer, Designer
Bianca Drevensek - UX/UI Designer
Lorie Saria-Huertas - UX Designer, Researcher

 

Analysis

research_edited.jpg

The FoodData Central Page -- the most visited page according to analytics--is not accessible through the homepage of USDA.gov. As you can see below, it takes 6 pages to get there! 

User Flow

We knew we had to redesign the site so there were less steps to get to the most visited page. 

 

HEURISTIC EVALUATION

 
 

Research Plan

At the time of this project, Food Data Central was the top page visited by internet users on the USDA website; therefore, we wanted to understand how users navigate towards that page, as well as food recalls, which were also high up on the list. 

We aimed to identify usability issues on the following 2 tasks:


  1. Navigate to FoodData Central from the usda.gov homepage

  2. Navigate to the list of food recalls from the usda.gov homepage

 

Empathize

testing flows.png

Testing Flows

We wanted to see the paths users took to get to the most visited page (FoodDataCentral).

Usability%20Matrix_edited.jpg

Usability Matrix

The most crucial areas for us to work on were

1. Clear search boxes and

2. excavating important items from a deep and overburdened navigation

testing%20results%20usda_edited.jpg

Results

After spending several seconds on the homepage, almost all users ended up searching for “FoodData Central” in the search bar. The proper way to get to the FoodData Central from the usda.org site is Our Agency>Agencies>Agricultural Research Service (ARS), Research>Databases and Datasets> Human Nutrition > FoodData Central > Website Pointer for FoodData Central but 0/5 of our users figured it out.

 

Define

User Persona

Gia Amato is a 34-year-old single mom of one who dislikes rap music, laundry, and single-use plastic, but loves food, friends, and creativity.

Mood Board

 

Ideate

Top Navigation Analysis

Side Bar Navigation Analysis

Bottom Navigation Analysis

 

TEST

We tested the navigation on four users: three women and one man, ages 27- 45.

We Asked:

1. What do you expect to find?
2. Who do you think this is meant for?
3. When you scroll down, how do you feel about the navigation both on the side and on the top?
4. And then we asked them to explore.

 

Card Sort

We used card sorting, a technique in user experience design in which a person tests users to generate folksonomy.

Utilities Menu

footer

Footer Updates

 

Sitemap Redesign

Link to full sitemap here

 

Wireframes

Link to full wireframes here and here.

Wireframe A

Wireframe B

 

More Testing

We conducted A/B usability testing using wireframes we created in Sketch and InVision.

Link to full wireframes here and here.

Users Tested

We asked users to navigate:

  1. Topics

  2. Category 1

  3. Subcategory 1

Results

We found that Wireframe A was slightly faster to navigate than Wireframe B. Wireframe A took testers approximately 4 seconds, while B took 5 seconds.

 

Prototype

styleguide.png

Style Tile

macbook-pro-mockup-floating-over-a-trans

Homepage Redesign

 
  • Facebook
  • Twitter
  • LinkedIn

©2020 by Rena Silverman.

Before-usda.jpg