US.Department of Education



Role and Responsibilities
UX/UI Interface & User Research
Software Used
Figma, Miro
Timeline
Five weeks
Year
2021
About the website
U.S. Department of Education is a federal government agency that provides adequate education assistance, collect data on US schools, and to enforce federal educational laws regarding privacy and civil rights.
The Problem
Due to a lack of awareness information and confusing contains about the U.S Department of Education website, Users found it difficult to complete task or find useful information.
The Solution
The solution was to redesign the website based on the user’s preferences by improving the website accessibility to help our explorers easy navigate through to US. Department of Education.
Design Process

Research
02
Analysis
03
Ideation
04
Design
05
Launch
Value proposition
01
Prioritization matrix
Week
Sitmap
Wireframes
Hi-Fi prototype
User texting
Persona
Week
Week
Week
Week
Problem statement
Interviews finding
Goal
Secondary research
Primary research
Affinity Diagram
Research
Primary Research
Interviews
-
Five interviews, 5-10 minutes.
Task to accomplish
-
Where can you start your application for Federal Student Aid FAFSA
-
Can you please navigate through the page where you can find contact agencies in your state
-
Can you please take me to the screen where you can find information about (Students Eligibility requirement for loans
Introduce the purpose of the study
-
I redesigned the U.S Department of Education to help users get clear information when navigating through the website.
Secondary Research
Bringing solutions to explorers has always been the best thing to accomplish. The current ED website has tone of information and confusion section. This has been a huge problem from our users when they were browsing on the site. The goal of the interview finding was to uncover pain points and motivators during the navigation experience.
Pains points
-
Too many clickable links
-
Unclear information
-
Confusion sections
-
Unmeangful images
-
Layouts problem
-
Design & color theory
Motivators
-
Easy navigation
-
Web Friendly
-
Information Accessibility.
-
Meangdul information, content and images
-
Visual design
Interview finding
Purpose of interview
-
I conducted five interviews and procceded with a usability testing on the existing website to understand the users pain-points during their navigation process.
Audience
-
During the interview process, I learned to consider the importance of a thought which fed on anguoise to obtain a better result following its request and need.
-
I decided to procced interviews to senior and graduated students aged from 18 to 35 years who are seeking to apply for loans and obtain grants.
Outcomes

"I am having hard time finding the contact agency in your state."

"I am on the right page, but it does not tell me what requirements are."

"The website is a lillte bit confusing it's hard to navigate"
Value proposition
The stress of exploring the website remains important to looked into. In today digital world, the simplicity of browsing on the website became an important factor that people want to see and experience. The main purpose of the project was to redesign the website in hope to find the best solution for our users.
Analysis
The user persona was created based on the user's needs, behaviors, experience and goals. The representation of the persona was captured on the qualitative and quantitative user research and web analytics.
User Persona

Problem statement

Many students across the country are interested in applying for loans and seeking the eligibility of obtaining grants from the U.S Government. Since then, students have been struggling when navigating on the U.S Department of Education Website.
​
How might we improve this navigation process to help individuals exploring the website ?
Ideation

Heuristic Evaluation
In order to simplify the navigation process, I proceeded with a Heuristic Evaluation which allowed me to discover specific problems encountered on the website. I removed unseful information, images and links from the home page. I re-organized contains by grouping them into the right sections and I moved the mission on the top of the home page because it remains one of the most important thing that users wanted to read when they were completing tasks on the ED Website.
Affinity diagram
I performed the second usability test with three different users, this step helped to collect data and understand their difficulties in navigating on the U.S Department of Education.
User 1

User 2

User 3

Critical to Quality and Characteristics

Prioritization Matrix
After conducting the second usability test, I grouped similar ideas from the users which helped me to categorize data and have an overview about the navigation architecture.

Sitemap
I redesiged U.S. Department of Education website by sitmaping important information related to the website concept and focused on the visual pain points to facilitate the navigation process.

UI Style guide





Design
Mobile Prototype

Wireframes

Wireframes Desktop


HI-FI Desktop







Launch
Click the button below to review the prototype.