Open main menu
Summary
The Problem: The National Alliance for Mental Illness Orange County website provides a difficult to navigate site with a clashing color scheme and an unclear user flow. Users struggle to use the nav bar and find the information they are searching for, ultimately leaving them frustrated and leaving the site.
Current NAMI OC Website

Our Solution: Conduct user research to find the most pressing flaws and complete a re-desgin of the site. We hope the new design will help the organization bring awareness to mental illness and increase the umber of donations, as well as the amount of volunteers.

Role: UX Researcher, UI Designer
Tools: Adobe XD, InVision, Google Drive, Trello
Time: 3 weeks

Presentation
Research Data
After conducting user interviews and collecting data from our survey, it was clear the current site was not easily navigated by users. Many users could not complete the tasks we asked them to perform and were caught up looking for where to go. Many people said they would be happy to donate their time or maney but could not find where or how and would eventually give up.

Survey Data:
72.7% have freinds or family with a mental illness
66.7% would donate their time volunteering

Interview data:
Users felt frustrated and confused when attempting to complete the tasks given to them due to the website's unclear direction
Very few users could complete the tasks before giving up and asking for help
User Persona
Ally Peterson
Ally has been working as an HR Director for the past 15 years. She loves helping others and getting involed with her community. Ally has a sister who has been diagnosed with a mental illness and requires supervision throughout the day. Ally wants to get her sister involved with other people who have mental illnesses so she doesn't feel so alone.

Wants & Needs
  • Get involved with her community
  • Support local organizations
  • Help her sister as well as others in her position
Pain Points
  • Works full time and does not always have the time to volunteer
  • Feels her sister could benefit from meeting other people who have also been diagnosed with a mental illness
  • Doesn't know where to find local community events
Story Boarding
Paper Wireframes
Lo-Fidelity Wireframes

Usability Tests & Iterations
  • Incorporated new NAMI OC logo

  • Cleared up location by bolding nav depending on which pafe the user is on

  • Changed font and button for footer

  • Removed "last name" box and used better contrasting colors
Hi-Fidelity


Opportunities & Future Thinking
  • Conduct more user testing for final product
  • Gain more insight to stakeholder goals and wants
  • Present final HiFi version to the non-profit