Overview: The US Department of Labor's website is a website that is full of valuable information regarding labor laws and resources.
Problem: With the vast amount of information contained in this website, a poor organization and poor navigation can make it very difficult for the user to find what they need. A new more visible navigation bar and a different organization make this site easier to navigate.
My Role: UI Designer
Tools: Adobe XD
At first sight, the paged look outdated, information and even the navigation are hard to find. There is no consistency among pages, and the overall organization seems rather chaotic.
Overall the website seems very outdated, the organization is not very good and it’s not easy to navigate. There is no navigation bar or visible search bar, and the menu is odd.
Although colors are consistent throughout the site, they do not pass the accessibility test.
Other than that, there is good use of hierarchy with text and other content. In addition, the font is legible.
The composition can be improved for easier reading
After obtaining the color pallet used on the site I tested them for accessibility. As it turned out they failed the test. There was not enough contrast between font and background colors, so they needed to change
As with any government website, the Department of labor is meant to serve the general public. Any person looking for a job, information about labor rights, or ways to file a complaint on the basis of discrimination or safety can use the site.
The website can be use by people like Jack, who’s is new to the workforce and wants to know more about his rights in the workplace.
I card sorted the links on the website in order to reorganized it
I conducted 6 user testing with the initial wireframes
I decided to use the colors from the D.O.L logo, but I darken font colors in order to improve accessibility. I Mades sure to also establish a clear hierarchy of the typography.
Government websites are loaded with important laws and information, nevertheless this information can be organized, grouped, divided, and categorize in ways that can help the user digest it in little chunks of information at a time. Consistency throughout the website and a fixed navigation bar facilitate the user with better ways of finding the information they need. Increasing the contrast in color can make the page more accessible for all users.