Department of ​Labor Website Redesign

UX role
User Research
Interaction
Visual Design
Prototyping & Testing
Information Architecture 

Tools
Figma, 
Miro
Trello
Google forms

OVERV IEW

Problem

With the vast amount of information on this website, poor organization and poor navigation can make it very difficult for users to find what they need. A new, more visible navigation bar and a different organization make this site easier to navigate.

Solution

Based on data collected from user research and testing, create a responsive design for the DOL website that highlights relevant content while maintaining a clear and simple navigation and layout.

Impact


Redesign Site Time Taken For ​Navigation

Current Site Time Taken For Navigation 

Proto Persona

Usability Testing

Objective:  5 interviews with 5 Task Flows 
1. Observe how a user searches and finds information using current UI 
2. Understand the user’s pain points using the current UI

Essential Tasks
- Visit the Homepage
- Find the unemployment insurance of coronavirus resources
- Find the workplace safety of coronavirus resources
- Navigate to the hiring page
- Understand the background of DOL and past events before

Key Takeaways
- The Homepage is unclear and messy, difficult to navigate
- It is very difficult to locate information on the unemployment insurance sections due to the volume of content
- Workplace safety page needs to add more visual and provide users with a clear path to get involved
- The hiring page is difficult to navigate if you are looking for the jobs
- About Us page needs a much better hierarchy to sort the relevant information

Guerilla Test Analysis

2x2 Matrix

Heuristic Evaluation

Positive Finding:  V isibility of System Status

Negative Finding:  Aesthetic and minimalist design-Inconsistent white space

Final Iterations-Mobile

Final Thoughts

Key Takeaways
-  Bec ause of the time limited, I would be unable to redesign every page on the website. I relied on my user research and interviews to narrow down the scope of the redesign and focus content relevant to my user persona.

Next Steps
- Continue to iterate and test the sub pages
- Build other page relevant to user personas 
- Do additional user tests on the IA, UI and navigation
- Create a high-fidelity tablet version