Social Good
Designing a way to help communities participate in and donate to non-profit causes.
The Product
This app gives people a streamlined way to assist. They can donate to select non-profits and add upcoming events right to their calendar with a click of a button.
Project Duration
September 2022 - November 2022
Target Audience
Teenagers and Elderly (65+)
Overview
Problem
Users inability to figure out how to help or lack of time to spend searching when the next event is for local non-profits that they care about.
Goal
Provide a place for users to help their community and causes they care about. They will be able to donate to a local non-profit or be able to save the date of next event is they can volunteer at all with the click of a button.
Role
UX designer handling all aspects from start to finish.
Responsibility
Conducting usability studies, creating paper and digital wireframes, research, prototyping, bringing in accessibility, and iterating on designs.
User Research Methodologies
Research statistics on how many people volunteer finding out key demographic information that helps with accessibility.
Unmoderated usability studies
Creating user personas
Competitive audit
Affinity diagrams
User Personas
Persona 1
Problem Statement
Maggie is an Olympic athlete that loves helping the world who needs Some way to contribute to non-profit causes in a way that doesn’t interfere with her schedule because She wants to help however she can without messing up her olympic schedule.
Persona 2
Problem Statement
Jenn is a working professional that cares about issues in the world who needs a way to see all the non-profits nearby and their upcoming events in one place because she has an extremely busy schedule but wishes to hep when she can.
Competitive Audit
A competitive audit against similar charitable apps to guide the design process based on well designed layout schemes.
Ideation
My thought process is always to put the user first but by making sure the app is as easy to understand as any app they’ve ever used. I want it to feel like they’re not thinking about it and it’s instinctual.
I really wanted the user’s first experience with the app to be hands on and give them as much control as possible so when they get into the app it’s already comfortable for them.
Digital wireframes
Low Fidelity Prototype
This step was more for me to see if my sketches and ideas made sense in the digital phase as well.
Usability Study
Main Findings
Make the design more accessible for less tech-savvy people by making flow easier with better prompts and labels
Copy under icons is a safe route to take while continuing to improve iterations
Less tech-savvy participants seem to have a hard time with figma at start
Mockups
One participant of the usability study stated they “love when you can just tap with the apple pay button,” so I made sure to implement it.
After comparing the apps from the competitive audit, I noticed they used larger cards to add generic images, so I wanted to simplify that and subtract the images. Just give the user the info and no one complained.
High Fidelity Prototypes
There were a few minor changes from the lo-fi mockups, but just minor cosmetic blemishes. Overall, my goal was met of having as little hiccups as possible during usability studies.
Accessibility Considerations
Copy added with logos to help assist with potential screen readers that can be implemented.
The color combination comply with the WCAG guidelines.
Responsive Design: Web vs Mobile
The main difference between these is that the desktop and tablet versions contain positive quotes in pockets of white space. The desktop version also has the name of the app.
Takeaway
Impact
“I would definitely use this because it’s really convenient.” The convenience is what I hope will increase impact as people can easily donate to nonprofits that need help more than ever.
What I learned
I learned that you don’t have to have a fancy design to get people to pay attention.
Next step
Iterate after one last moderated usability test to see if users appreciate the color and animations.