VaxTrax
A web app focused on recording vaccines an individual or group has received and will need to get in the future.
My role:
Research • Interview • Design
Team: Tom York, Beth Dunford, Payton Cheney, and Zoey Kaelberer
May 2020 - July 2020
Goal: to help people make healthy choices in regards to immunizations
The first step we took was to identify assumptions, research the needs or problems and questions needed to answer them.
Our assumptions:
People are split into three categories - Pro, Neutral, Anti
Immunizations are only a conversation for parents (what about single people and older adults?)
People are split on the health consequences (pros/cons) of vaccines
People are confused and on the fence about what to do
People make decisions based on family, friends, their doctors, social media, or etc
Persona
We created a survey with the questions based on the assumptions above and conducted a few interviews to create our persona. To gain more insight on the different opinions, I held interviews with someone who was against
We had over 200 people take the survey, which we used to create our persona: Charlotte, a married mother of two who wants the best for her children but some frustrations are keeping track of whats required while staying up to date and a concern with side-effects.
We selected a mother as our persona since 88% of our respondents were mothers and most mothers handle and organize this information for themselves and their family. Also with the intention of building this app to be simple enough for a busy mother to use, this would assist us in designing functionality with a high level of ease to use.
Interpretation & Ideation
The three main goals were to log, learn, and listen. Based on our persona and the data collected we started a journey map based on the goals and frustrations of our persona on Miro. The three goals were to maintain health and to protect family, stay informed about new and past vaccinations and have more immediate access and control of immunization records.
Log was to be able to log immunizations for the user and family members, this was focused on Charlotte's frustration of keeping track of required vaccines that her family has or will need.
Learn was an active interaction where the user would learn about different immunizations and get email updates on upcoming required immunizations as well as new ones coming available.
Listen was more passive in that they would be able to see what was going on in the world and what doctors or people were saying about vaccinations in what they've researched and also their own experiences. We added this because we felt it was important to focus on research, peer reviewed articles and unbiased news since a lot of exposure people have is on social media and biased media accounts. Especially since one of Charlotte's frustrations was fear and concern about the side-effects of vaccines.
Lo-Fi Prototype
We sketched out wireframes based on our user story map and divided the work and sketched out the pages based on the three main user tasks and the pages we felt were most valuable and held usability tests, both unmoderated and moderated.
Initially we wanted the main goal of the homepage to be a sign up page, but quickly learned in testing that people are more likely to have incentive and sign up if they can see value in a product or service. We focused on the main wireframes that we needed which were the home page, the goals, and signing up and the interaction pages in between that would lead to each page.
Usability Tests
Our research goal was to fully observe and improve the overall VaxTrax website user experience. So we conducted formative usability tests to identify problems that needed improvement, observed participants conducting a variety of typical tasks while using the website and gathered real-time feedback for iterative design updates, and developed short and long term solutions to improve overall experience. We had 6 tasks for our users to go through, below is a list of our tasks, the feedback received, and the quantitative metrics.
We had six tasks we asked users to complete.
Task #1: Create an account - need to update "About Us" page; overall high marks
Task #2: Update your profile - need to make arrow more prevalent
Task #3: Learn more about a vaccine - banner blindness of "Learn" in main menu; need to add content that defines what this is
Task #4: Log a vaccine - easily found after learning system setup; should include list of vaccines instead of scroll option
Task #5: Add someone to family - need to make plus button much more prevalent
Task #6: Modify vaccination schedule - need to add a "save" button; need to include a notification option
Quantitative Metrics
Task Success: 16/18=85% (66%-98% confidence interval)
SEQ: Average 6.41 (5.9-6.93 confidence interval)
TOT: Geo Mean: 14.84 (8.4 - 26.3 confidence interval)
NPS: Overall score of 20
SUS: Overall score of 90.8
Our second round of testing, we did hi-fi prototypes and most of the feedback we received were on copy and clarification. We created a brand/style guide so that the different pages we all worked on would look consistent. We chose the colors teal and orange because it felt modern but also professional.
After reviewing and going over our feedback from our second usability test, you can view our final prototype here.
My main takeaway from this was how important it is to listen to the user and how important their feedback is. As designers we have so many biases and tend to design for ourselves. I also learned why research is so important in UX design, we have to gather data and use that to develop personas and draw back on that research and persona throughout the whole design process. In the future what I would do differently is create a more cohesive brand guide so it would be easier for everyone to follow and make sure communication between team members is prioritized. We had a view times where a team member would go rogue and make changes based on their own biases without letting others know and some mockups wouldn't be the same design as what others were working on.