University of Michigan | School of Information User Experience Capstone Project
Honorable Mention | Zell Lurie Institute Innovation and Entrepreneurship Award | 2020 Spring Virtual Student Project Exposition
About
BackPac is a mobile application that allows users to easily find local volunteer opportunities in their neighborhood.
The Partner Application we created allows Volunteer Coordinator's the opportunity to on-board their non-profit organization to the BackPac platform to post opportunities and gain exposure for upcoming outreach events.
Project Goals
Create a mobile design solution that provides a sustainable and intuitive experience for Volunteer Coordinators to market their upcoming outreach events.
Explore the challenges a mobile interface poses on volunteer recruiting, and understand how design elements, like help text, can help the platform steer clear of user confusion and prevent drop-off.
Recruit current Volunteer Coordinators from local non-profit organizations to test and provide feedback about the overall usability, aesthetic and architecture iteratively throughout the design process.
Research
Informal Competitive Analysis
Identified direct, indirect and analogous competitors to understand the different recruiting platforms available to Volunteer Coordinators in the State of Michigan.
Heuristic Evaluation
Assessed the iOS Beta Version of the Partner App against nine heuristics to gauge how our design requirements will improve the app's overall experience.
Informational Interviews
Conducted six phone call interviews with Detroit based Volunteer Coordinators to understand their business needs and current recruitment practices.
Micro-Usability Testing
Performed five micro-usability tests of the Beta version of the interface on School of Information students to identify pain points so that our design provided a more advanced, easier to understand user flow.
Findings
We found that at that time, most volunteer recruitment took place through email on a desktop computer. This shifted our design perspective since we knew that of our small sample of volunteer coordinators, none had recruited using a mobile application. We needed to make sure that no matter the Volunteer Coordinators background or experience, they are able to achieve their goals in the Partner App.
To learn even more about their process, we reached out to talk to current Volunteer Coodinators in the field and conducted usability interviews with our high fidelity prototype.
We were able to identify our essential UX requirements from these tests and by keeping these perspectives in mind throughout the design process.
UX Requirements can be found here.
Design
Paper Prototypes
Based on our UX Requirements identified during the research phase, we created paper prototypes and performed user tests to inform our next phase of design: wireframes.
Wireframes
Using balsamiq we created basic wireframes to digitally create our new user flows based on our research.
High Fidelitiy Prototype
.png)
.png)
.png)
After user testing our wireframes, we created our High Fidelity Prototype on Figma.
Validation
While we were creating our High Fidelity Prototype on Figma, a virus made its way to the US and posed a challenge on the ways in which we could test our prototype in the Validation stage.
With new stay at home orders enforced and social distancing a must, we conducted eight usability tests with Volunteer Coordinators remotely.
This new way of testing was unfamiliar to me, but I learned that providing a little extra direction to the test subject and asking direct questions made all the difference in understanding what was going through the users mind during the interaction. The cursor Figma provides on its prototype environment was also SUPER helpful.
Findings
After we conducted all eight usability tests, we brought all our feedback together and yielded several helpful takeaways.
-
Users were able to find essential buttons to achieve their goals quickly.
-
The experience of getting an event approved was confusing to users.
-
Event History was something users were interested in, but many users pressed several buttons until they found the correct one to access their event history.
Reccomendations & Hand-Off
We created a list of reccomendations that we were able to provide to our client that outlined our findings from our Validation tests. We wanted to make sure our clients understood and had access to the work we completed and our reccomendations as to how we felt the project should move forward.
School of Information Exposition Poster
