Immuno

Get Immunized, stay protected.

Overview

As immunization schedules are routinely updated, many people find it increasingly difficult and troublesome to keep track of their own and their dependents’ immunization progress. Immuno aims to help those people by providing an all-in-one platform that is convenient, trustworthy, and accessible. The key features of Immuno include the ability to simultaneously keep track of multiple vaccination records, to access and update such records, and to schedule appointments quickly and easily for upcoming immunizations.

Responsibilities

Product design
User experience
User research
User testing
Branding
Illustration
Animation

Tools

Figma
Illustrator
After Effects

Team

Anna Asgaraly
Chelsea Shum
Tommy Truong
Lynn Wangchen

Duration

6 weeks

The Problem

Routine vaccinations are extremely important in maintaining a healthy lifestyle as they help prevent diseases and viruses that can cause sickness or harm to our bodies. Maintaining high vaccination rates is vital for group immunity– the immunization threshold required within a population to help impede disease outbreaks. As such, widespread vaccination has resulted in near eradication of certain diseases and a dramatic reduction in the incidence of many others. Upon researching the process, my team came to realize that many children remain under-immunized.

Some key pain points we noticed included: parents often forget that their child is due for a vaccine, some adults are unconvinced that vaccine-preventable diseases pose a real threat, and often we rely too much on the healthcare system to let us know when we need our next vaccine.

How can we design a product that makes the immunization process easier from start to finish for both parents and independents?

The Solution

Immuno is an online, virtual platform where tracking and keeping up to date with immunizations is made easy. Immuno’s key features include logging and keeping track of immunization records, reminders of upcoming and necessary vaccines or boosters, learning more about important and recommended vaccines and scheduling vaccine appointments with nearby clinics. With Immuno, everything to do with immunizations is in one place, making the vaccination process the simplest and quickest it's ever been.

An animated promotional video for Immuno that we created.

Process Summary

The Story Behind
the Product

Keeping up to date with immunizations has always been important within my family. After chatting with my family members about their everyday struggles, we came to the mutual realization that vaccine records are often inaccessible, misplaced, or poorly consolidated and that the entire vaccination process is often challenging and confusing.

Pain points of the traditional vaccine record system:

  • Easy to lose or misplace due to its material and size
  • Not user friendly; the text is extremely small and hard to read, formatting and language is challenging to understand
  • Immunization records are often spread across different databases; the paper record may not be up to date or fully complete
  • Lack of information: precise timeline dates, vaccine and virus information, travel vaccines
I initially created a mind map explore problems within the industry
My flimsy ‘vaccine record’ that can be easily misplaced or forgotten

Creating a Solid
Foundation

We began our research process by creating a PACT analysis. This allowed us to begin visualizing what we wanted to see within our product. It was useful to have a PACT this early on in the process as we were able establish a detailed framework for our product. Next, we created a MoSCoW chart to list what kinds of features our product might have. We listed our rationale for each feature and reordered the features in the chart based on their importance. After this, we created our initial Information Architecture which outlined our entire product–where each feature would fall into the product and how the information would be organized. Throughout the process, we revisited our PACT, MosCoW chart, and Information Architecture numerous times to add or change ideas according to our findings.

Final Information Architecture
View PACT Analysis
View MoSCoW Chart

What Users Think

One of the main goals of our project was to develop our project around user research. To launch this portion of our process we came up with an interview plan before heading into our user interviews. We wanted to understand users’ concerns in regards to immunization and find out what would help in making the vaccination process more accessible. The goal was to better understand the challenges users encounter with the current systems used to track vaccination progress.

In completing our user interviews we made sure to follow research ethics. We conducted five interviews through zoom, and asked each participant eight questions. Following the interviews, we highlighted six insights that were common amongst participant answers.

1. Accessibility
Many interviewees mentioned that the process of tracking immunization progress/records was inconvenient and challenging.
2. Device Use
People already keep their information on a device, they just don’t have a consolidated space dedicated to these records.
3. Dependence on the Family Doctor
Participants often rely on their family doctor for upcoming vaccine information and access to immunization records. They also find the process of booking medical appointments to be very tedious.
4. Staying up to date
Participants stay up to date with routine vaccines through external sources  that aren’t always the most adamant about reminders. They also are responsible for updating their own records.
5. Reminders/Scheduling
Many participants mentioned wanting to receive reminders or notifications allowing them to stay on track with upcoming dates or appointments.
6. Consolidation
In most cases, there was no complete record of a patient’s vaccination history. Vaccine records are scattered across physician databases and paper forms.

Understanding
Target Users

We created five different personas to determine our target users. This included a pregnant mother, a university student, a caregiver for an elderly person, a father figure, and an independent traveller. Each user had their own unique set of pain points and needs showing how complex the product would need to be. After establishing our target users, we created three different scenarios for each user to distinguish the features and user flows that would satisfy specific needs.

I specifically worked on persona 4 and scenarios 10-12; a father figure who struggles with keeping up with his family's immunizations schedules and hopes to better understand why vaccines are important.

Initial Prototyping

After conducting all of our research and user interviews we were ready to begin designing our wireframes. We began with simple low-fidelity iterations, then moved on to mid-fidelity wireframes and visual compositions.

Mid-Fidelity Wireframes

High-Fidelity Wireframes + Visual Compositions

Branding

We created a style guide for our product so that future iterations and promotional materials would be able to adhere to the brand’s guidelines. This includes logotype, colour scheme, typography, illustrations, buttons, iconography, spacing, layout and interactions.

Logotype

Typography

Colours

Illustrations

Iconography

Usability Testing

After creating our high fidelity prototype and visual comps, we began our user testing. We first began by setting up our objectives for each portion of the product. We then came up with a list of tasks and scenarios for each objective to tell our participants.  We interviewed three different users, and guided them through our product to see which tasks they struggled with. After analyzing the results, we made necessary changes to the UI and the UX of our product to make it more user friendly.

View User Testing Plan
View Analysis
View Reflection
View Proposed Changes

Design Challenge 1

Can users efficiently locate and access vaccine information?

From our user testing sessions we discovered that the “upcoming vaccines” list on the home page caused confusion for two out of three users. They hesitated to proceed to their profile and struggled to differentiate between “upcoming vaccines” and “recommended vaccines”. In order to solve this challenge, we decided to change the UI of the feature, by updating the wording to “coming up next” with a subhead clarifying “top 2 most urgent vaccines” in their profile’s specified colour. 

Testing also showed that users were not aware of the button like nature of the document viewer in the completed tab of the profile page. This button can be clicked on in order to view documents related to completed vaccinations. To solve this problem we updated the UI of the button by adding a light red background, making it more visible and contrasting.

Design Challenge 2

Is the product effective and efficient in managing multiple profiles?

When users were tasked with using the calendar’s profiles filter, two out of three users were confused by the filter feature as they expected that by clicking a profile, others would be deselected. This prompted us to change the UX of the feature so that it would be easier for users to learn and understand it upon first usage.

During our user testing sessions, we also realized that users may want to add recommended vaccines to multiple profiles– especially if they were ones recommended for travel. We decided to update the UX of the add to recommended form by implementing a filter allowing users to select which profiles they would like the vaccine to be added to.

Final Product

Thorough and friendly onboarding experience.
Immuno realizes the importance of collecting specific information crucial to personalizing immunization schedules. Required and recommended immunizations vary depending on factors such as age, sex, pregnancy and allergies.

Stay-up-to-date with your immunizations.
Immuno helps you keep up with what vaccines you and your family need to stay protected. Easily access your records wherever you need, whenever you need. From each profile, you can view recommended and completed vaccines. You can add vaccines to the recommended list through the search bar. You can add vaccines to the completed list by adding a record.

Search up clinics close to you and easily schedule your next vaccine appointments.
Search up clinics close to you that have the vaccines you need. From there easily schedule your next appointment and access contact information and directions for desired clinics .

Stay safe while travelling.
Immuno tells you which vaccines are recommended or required for your future destinations. From travel, you can easily schedule vaccines that you have not yet taken and learn more about why they are important.

With our built in calendar you’ll never miss an appointment.
Easily filter through profiles to view their schedules. Track and access all of your profiles appointments and receive reminders on vaccine deadlines. You may also export schedules to your external calendar.

Product Video

We also created an animated promotional video that showcases Immuno’s mission and highlights its core features.

Reflection

Immuno is one of my favourite projects that I’ve worked on throughout my studies. The biggest challenge in completing this project was conducting user interviews and testing for the first time. While it was a lot of work and was especially hard with the pandemic, the experience was extremely rewarding. Without these steps, we would not have made many of the important design decisions we did.

Another challenge going into the project was working in a team environment. Lucky enough, my team and I worked extremely well together as we completed each step of the process in unity. Through this experience, I was able to learn the importance of teamwork and collaboration. Another significant learning outcome was learning two new software: Figma and After Effects.

Going forwards, I hope to conduct user research and testing from a larger pool of users. This would help in validating our existing insights while also helping us gain new ones in the process.

VIEW MY NEXT PROJECT
Andi