Non-Profit

UX Case Study

The Problem

This research project was completed for my Master's Degree. We were to find a local non-profit website that we believed could use some improvement to the user experience and usability. I am in no way affiliated with this non-profit and this research was completed for academic purposes.

The Process

Define

     The purpose of this project is to improve the user experience and usability. I needed to gather information on the user to better prepare the redesign towards this demographic. I would use this information to create personas and user stories. The website would then go through a heuristic evaluation. This project started with user research. A usability test should then be made. This should come after the heuristic evaluation. This way the evaluation can bring in some insights as to what may need changing. The redesign should then be made after compiling the data from the other research techniques. A usability test should be carried out once more to find anything else that may need changing. Figma was used to create this clickable prototypes for users to test.

Research

     The research used Google Forms to create an online survey to find the demographics of the users of this website. This also provided some insight to how the users currently view the website. This insight helped to create some tasks for the usability test. Using these in the test help me to see if it is truly an issue that needs to be addressed. The heuristic evaluation used Nielson's 10 Usability Heuristics paired with Jakob Nielson's ranking system. A usability test on the original website was carried out through Zoom with two users.

Analyze

After preparing the survey and posting it, these were the findings;

•40% of the participants are between 31 and 40 years of age
•80% of the participants are female
•80% have a Bachelor's degree
•100% of participants use their phone and one other device for internet use
•40% of participants use the internet 41 hours or more per week
•No participant used the internet less than 21 hours per week
•80% of the participants used the website occasionally
•60% of participants found it difficult to find information on the website

Download the report for the user survey
The heuristic evaluation on the Fund for the Arts website has found many well-developed ideas and products and a few that need to be changed. Some issues are holding the user back from completing their tasks while going through the website. The website has accessibilities issues that need to be addressed. Images need alt text.  The contrast of some elements must be improved as well to help those with visual impairment. Navigation is also a big topic that needs improvement. The arrangement of the navigation items needs to be changed. For example, The subscription form has a better place under about us or contact us.

Download the full heuristic evaluation report
The Usability test completed on the original website provided useful data. Some of the highlights include;

•Only one task was not completed by all participants
•One participant found a webpage that could only be found by search
•The donation button went unnoticed by participants
•All participants had trouble find information about upcoming events
•Events needs its own page instead of being spread out throughout the website
•Some participants complained about the amount of navigation items
•One participants believed there were too many bold text items. These looked like links to the user
•Images need an enlarge feature
•Donation page had questions that were confusing to participants

Download the usability testing plan

Personas Created From User Research

Design

     The redesign was created in Figma. The created design is also a clickable prototype that was used for the final usability testing. The redesign began by me writing the needed changes found from the usability test and heuristic evaluation. I then recreated the original website with the needed changes. The needed changes includes

•Creation of an events page with upcoming and past events
•Improved information architecture
•Limit bold words to stop link confusion
•Clickable images
•better image layout design
•Change donation button
•update donation page


The Figma design

Testing

     The last testing was completed using a usability test. This test focused on the items changed to ensure the user experience and usability has improved from the original. The issue around the donation going unnoticed was still an issue that needed to be addressed but the other known issues were corrected.

The Results

redesign mockup of the home web pageredesign mockup of the Donation web pageredesign mockup of the upcoming events web pageredesign mockup of the past events web pageredesign mockup of the mural festival web page
redesign mockup of the children and community web page
Return Home
James Ryan Anderson's logo

© Copyright James Ryan Anderson Design 2023