Community Logo White
Project Type:
Mobile App & Website
Role:
Lead Designer
Duration:
July - Sept 2022
Tools Used:
Figma, Maze

Overview

Project Summary

Many people do not know about events in their local community that they volunteer to help. Additionally, many people who do volunteer their time receive incentives at work for presenting proof of volunteer hours.

Project Goal

Design an app that lets people know how they can volunteer in the local community, and allow them to sign up for those events either online, or at the event.

Project Deck

Designs

Informational Architecture

Informational Architecture for Community

Wireframes

Community Wireframes

Prototype

hi-fi prototype

Design System

Community design system

Testing

Before starting this project, I stumbled upon a UX tool called Maze. Maze is a solution that allows designers to conduct unmoderated usability tests by connecting their prototype and creating specific scenarios. On the backend, a report is automatically generate with click data so the design team can see where users clicked on the prototype to fix flaws in the design. It is similar to eye tracking technology, except for clicks.

Challenges

On this user test, I experienced an issue where a majority of users fell out of the test before completing the second scenario. I looked for a pattern in the data and found that users that took the test on desktops completed the test successfully whereas all mobile users fell off.

When taking the test on my own mobile device, I found that I had forgotten to constrain the nav bar to the bottom of the page. After I had to reset the test and try again. The second test yielded much better results where all users were able to complete the user test with minimal mistakes.

Screenshot of a screen in Test 1 where I noticed something was wrong with the functionality.

Screenshot of the second test where 100% of users were able to complete a scenario.

Impact

Community will enable users to search, sign up, and keep track of community service hours for events in their local community. Users mentioned that they enjoyed the look and functionality of the app and can see themselves using this as a solution for their organizations.

Final Thoughts

What I Learned

Throughout this project, I learned that it’s good to refer back to your initial research in order to stay on track with keeping the end user in mind and to prevent designer bias from altering the outcome of the final design. 

In The Future

In future iterations I would like to add:

  • Offer incentive or rewards to encourage users to keep using the app and create friendly competition among friends and families.
  • Create a backend flow for Vendors that want to create and/or keep track of volunteer events.
Link to Prototype
Copyright © 2024 Jacob Boles. All Rights Reserved.