This was one of my school projects which was researched before the Covid vaccines were widely supplied to people. Noncovi is a hypothetical interactive platform for booking Covid-19 vaccine. I spent time researching some competitors (Walgreens, CVS, etc.) and recognized a high need for vaccines. However, those apps' vague intuitiveness leads to users' frustration. Therefore, I created a holistic app with more features to help users maximize their chances of getting appointments.
​
My role: UX/UI Designer
Scope: 9 weeks as a part of UX design course in UCLA Extension.
Challenge: Create a finding Covid-19 vaccine app with features that support seniors.
​
Process:
Research: At first, I started to interview 5 users to understand their pain points and their thoughts of an ideal app. Then, I grouped those thoughts into similar categories by affinity mapping method. My takeaways from this stage were:
​
-
Users don’t know when and where the vaccine will be distributed. This makes users come and daily check on the website. âžž A feature to notify the available appointments feature.
-
None of the apps have a feature to monitor the recipient's health after getting vaccinated âžž Tracking the recipient's health after getting vaccinated.
-
Those apps weren't simple enough for old people to use âžž Elderly Support: A faster and simpler way to book appointments, the ability to access an exclusive service allowing them to health check with authorized family members.
Persona: I created a potential persona user based on the needs and goals of users. This persona was just a typical user who was created with assumptions but in a specific context, it helped me define the pain point of a user that will need to be refined.
User Flow: A user flow to show how possibly a user could book the appointment and want to track the health of the recipient after getting vaccines. The highlighted areas represent the first 2 pain points that I mentioned above.
Wireframe and testing:
I created a wireframe to conduct the first usability testing. After observing the interaction of users on my app, I used the 2x2 matrix to prioritize the most useful features.
Medium fidelity
Prototype and Usability Testing:
I created a high-fidelity and conducted the second user testing. I set up 4 specific tasks for users who interacted with my app, the first step verifying my solutions. Below are some of the developing solutions:
​Pain point #1: The feature of notifying the available appointments. Users easily notice whenever the next appointments are opened for them to book. The "adjust distance feature" supports for expanding the radius of the booking finder.
​
Pain point #2: A health tracker was created to help users easily check their family members' health within this app.
​
Pain point #3: The elderly support feature will solve the distance of not knowing how to use technology for seniors.
Iteration: After the user testing, there were mistakes in the interface that were confusing to users. I focused on revising the content as well as repositioning those features. Below are some of the findings and revisions of them.
Before
#1. I assigned users to book vaccine appointments for their parents. Some of them think the booking tool is located in Elderly Support. Users couldn't locate the right place to complete the mission. > I changed the content of CTA to “BOOK NOW”. They will meet the filter “Who is the appointment for?”
#2. Users couldn't differentiate the functions of these buttons because they were placed together without descriptions. > Each button is divided into a separate section with a clear description, which helps users define the function effortlessly.
​
#3. Users couldn't navigate where was the health tracker tool > Placing a Health tracker as a main feature in the navigation bar.
#2
After
#1
#2
#3
Before
The format of the dates made users take a long time to finish booking the appointment. > Changing the format of the calendar.
​
After
Before
#1. Putting “Health Tracker” among other features made users lose their attention on it. > Placing Health Tracker alone to emphasize it. Moving the "contact list" to the top right corner, and moving “Notifications” to the top right homepage, where it gets the most noticeable.
#2. I assigned users to notify the appointment information to their families, and 2 people could not do it properly, even with the support from the description. > The redundancy of buttons is the reason. I quickly changed the button “Notify appointments” to a share icon, and testing was 100% successful.
#2
#1
After
#1
#2
Before
Again, there were too many buttons made users confused and not sure about the function of those buttons.
> Changing these buttons into an option to choose from. Users will click on the drop-down menu and carefully read the option before making the decision.
After
 |  |  |  |
|---|