Meals on Wheels Colorado has many dedicated volunteers that deliver frozen and hot meals to over 2,000 seniors in the Denver Metro Area and beyond. With Volunteers of America depending on these volunteers to address the issues of isolation and hunger, VOA must enhance volunteer experience of using paper forms by transforming them into an easy to use mobile application.
UX Design
UX Research
UI Design
Research
User testing
UI component creation
UX design
Figma
Zeplin
Invision
Volunteer confusion arises from acronyms on the route sheet, hindering effective communication. The route sheet lacks clear delivery instructions, contributing to potential errors. Furthermore, the absence of organized addresses forces volunteers to navigate the city inefficiently, wasting time and resources. Lastly, communication hurdles emerge as volunteers struggle to reach the Meals on Wheels coordinator when necessary, highlighting a need for improved connectivity and support mechanisms through a mobile app.
I began the process of research through auditing the current method of how volunteers gain information about where they are going. I also followed volunteers and did a ride along to see what pain points they encounter during the meal delivery process.
Throughout the interview process, a common complain amongst all the volunteers were that the coordinators were unreachable, certain buildings were inaccessible due to lack of pin code, keys, etc. Volunteers also commented on not knowing what meals to give to certain clients.
Affinity Map
Daily Map Sheet
It was essential to create a user flow to better understand any hiccups our user may have when they use the new app.
Current User Flow with Sheets
We started off the the current user flow: users with the sheet only. Through understanding the process it took just to get the user on board with volunteering with Volunteers of America, I learned that this method takes a long time and it is on the MOW managers to take some time to initiate the set up and get the users. going.
New User Flow with App
In the user interviews, volunteers mentioned using either google maps or Apple maps. We took a look at several different apps that can include multiple stops and shows approximately how long the routes will take.
The personas were created based off of two types of volunteers that were interviewed: veteran volunteers who have over a year of experience and new volunteers who have less than a month of experience.
Styles for the Meals on Wheels app were created based on the Style Guide and Graphic Usage Standards created by Meals on Wheels. Components were built out following Material Design while still honoring the Meals on Wheels style guide.
"Our color palette was chosen to reflect the character and spirit of our brand. The primary palette asserts our energy, our sense of urgency and the optimism found in the goodness of our services." - MOW
I started to create low fidelity mockups and then started to piece together what matters in the app and what things can be left out and were unnecessary. These features presented below are what we considered important and key to the volunteers delivering meals with success.
The route overview provides users with a preview of the route and provides the most optimal and efficient route in order to save time.
The client profile presents users with a photo of the client's home as well as what type of meal is being delivered to them. The user is able to confirm if the food was delivered or not.
Users are able to pick a substitute route if those are available and if they have the time to take on these routes.
While this app did not go into production, I appreciated the process of doing full circle UX. Being able to participate first hand and to see the volunteers truly love what they do and care for the community motivated me to bring on a product that can be used with ease and make the volunteers day just a little bit easier.