Problem Statement

Disaster Assistance helps users to obtain information and fill out forms when met with a disaster. The users need to be able to find all the necessary information and apply for assistance easily so that they can get help as soon as possible. They need to understand what kind of applications they are eligible to apply to and if they are in a disaster declared state. We want the users to be able to track the progress of their applications.

Solution

Redesign a federal website making it also a responsive web design that can help users locate necessary information and assistance ensuring seamless application processing and getting the required assistance when users have met with a natural disaster.

Tools

Figma, FigJam, Adobe Photoshop/Illustrator, Google Drive/Docs/Slides/Sheets, InVision, Zoom, Slack, Trello, Screen To GIF

Duration

4 Weeks

Solo Project

Fayeka Fateh

We ran usability tests of the current website to determine what is the common user path and see which features of the website the users tend to use so that we can improve on them.

Applying Online

Check Status

We also tried to understand what problems and road blocks do the users face when navigating through the website and annotate so that we can find possible solutions to them

We tested our Hi-fi prototypes on 5 different users

OBJECTIVE:

• The user will have succeeded in “Finding Assistance”
• The user will have succeeded in “Applying Now”
• The user will be able to go through other features in the app and the website

TASKS:

• Find Assistance
• Apply Online and go through the process
• Go through other features

FEEDBACK:

• Testers were successfully able to “Find Assistance”
• Testers were partially able to go through the application process as some of the information needed from the user is personal and can’t be shared (eg, Social Security Number)
• Testers were able to go through other features but wasn’t able to fully go through them all

This was an exciting project for me and my partner form homework-8 even though from homework-9 everything was done by me. The Annotations and the Color Accessibility test helped us to explore in-depth of how the UI should be designed and learned how color blindness is a very real problem and we must take more care in color contrasting and font sizing. Three things came to mind when going through this process.

Do as much research as possible

A solid research helps to get more information and learn new things that one has never thought of and at the end it will make your project very strong

Making variants takes time

Making variants is time consuming so make sure you have time allocated properly so that you can properly finish and submit your work in time. Make a library of the variants you made for future use so that it maybe less time consuming next time.

Test, Iterate and Repeat

Keep testing and iterating as it will surely improve your prototype by a lot which in turn will help the users to go through your design easily and efficiently. Try and ask questions all the time to find the core problem or solution when iterating. Nothing is perfect and there is always room for improvement hence it is a constant cycle.