How might we make the overseas volunteering experience streamlines by creating and all inclusive onboarding system
This product is a mobile app for onboarding volunteers in a digital and streamlines process. Our design tackles users' pain points by breaking down problems into smaller sections and helps them build a mental model of the process.
View Prototype
The team conducted two interviews, one with a volunteer coordinator and one with a volunteer who had previously gone through the onboarding process. We asked them to walk us through the onboarding experience and tell us what they were thinking and feeling during the process. We chose this research method because the only source of primary research we had access to were the two volunteers and with a short timeframe, we wanted to get as much qualitative information about the process as we could. We achieved our research goals by interviewing the volunteers, however, first handed observational data or a diary study would have given us more accurate information if time allowed.
To synthesize our interview data, the team created a user journey diagram that mapped out what the participants experienced throughout the process. We did this because the experience we were designing for was a linear process, with clear steps and this would be a simple way to look at the process as a whole and identify where the journey was broken, or could be improved. By analyzing the user journey we were able to pick out key problems that were causing our participants stress, confusion, or disorganization.
1. Lack of organization
2. Overwhelming process of fundraising
3. Lack of communication between coordinators and volunteers
4. Having to submit all papers in person
1. We used a hub and spoke style to break down information into categories and keep track of users' progress in each step
2. We made fundraising the main landing page and included a progress tracker and a QR code to streamline the donation process
3. The app is self contained to minimize the need to contact coordinators for things like extra copies of paperwork, or dates for workshops
4. The app allows all paperwork and vaccine confirmation to be submitted and approved digitally, again minimizing human error and the need to track down a coordinator
A Mobile App that simplifies and consolidates the entire process of becoming a Brigadier. A complete journey from fundraising, preparing your paperwork and health status, to providing information about important workshops and external resources.
On the homepage, users can see their progress across the entire process and quickly navigate to each part by tapping the list or tapping left or right on the main bubble element.
The team did a high-level layout of how the app would be structured to prioritize information, pages and features. This helped us think about what the purpose of the app would be and give easier access to the information that would be needed the most. By doing this we made sure that the team all had an understanding of the different parts of the app while we worked on our separate parts and we also had a diagram to refer back to through out the process.
After laying out how the app would be structured, I put together user flows, to guide me before beginning the prototype. The user flows were an important step because the app layout was high level and likely would have resulted in confusing flows if they weren't properly laid out. By deigning the user flows I was able to make sure that the app would be usable from a structural standpoint, and save time in the future by not trying to rearrange flows while creating wireframes.
To begin building the interface of the app, we used the designed user flows and started building a UI that connected these pages and navigated in an intuitive manor. By creating the wireframes first we were able to manipulate and test different navigation styles before landing on a hub and spoke style, which we felt suited the user needs best by providing categories that were easy to access. The result was a low-fidelity layout with intuitive navigation and accessible information design.
A Mobile App that simplifies and consolidates the entire process of becoming a Brigadier. A complete journey from fundraising, preparing your paperwork and health status, to providing information about important workshops and external resources.
On the homepage, users can see their progress across the entire process and quickly navigate to each part by tapping the list or tapping left or right on the main bubble element.
We used the current visual style of the MGEB group to develop a high fidelity prototype. We did this to better communicate the full experience of using
After the mockups were complete, we used XD to create a working prototype. By doing this we were able to show the functionality of the app, including the navigation system. This also allowed users to test the user flows created.
We clearly identified that fundraising in a priority for end-users, giving users access both a QR code and copy a donation link to their clipboard right on the dashboard allows them quickly share it for donations on the fly. This facilitates ease of use and allows users to quickly check their fundraising status at any point during the process.
We also established that users have a lot of things they have to submit. Things like waivers, consent forms, other mandatory paperwork need to be submitted before trips and verified by organizers. Giving users the freedom to do this from their own device and using notifications to alert the user about problems or confirmations give them peace of mind.
Health concerns are also a pretty big priority for users and need to be dealt with weeks in advance. We gave users the information on what shots are required/recommended as well as allowing them to upload proof of vaccination directly in the app.
