COVID Wellness
End-to-End Design
Project Overview
Project Background
COVID Wellness is an app that is focused on providing support to long-haul COVID survivors through connecting with other survivors as well as receive information from healthcare providers.
Challenge
Users need to be able to know how to manage long-haul COVID symptoms, but this requires a means to connect with other survivors as well as have information disseminated by healthcare providers.
Role
UX Designer
Solutions
Create a means to connect with other long-haul survivors
Create a tool that enables healthcare providers to disseminate Covid information to users
Project Scope
End-to-end app design
Tools
Figma
“Just getting up was exhausting. It's like the worst flu that you've ever had...that kind of exhaustion times ten.” — COVID Survivor
Empathize
Research Plan
It was essential to conduct research in order to have a deeper understanding of the user of the COVID app. This will enable me to have an appreciation for their needs, frustrations, goals, and motivations.
Before initiating the research process, I wanted to first begin by determining a research plan to ensure that the research is on track. The research plan that I created involved making goals, developing questions, assumptions, and methodologies. This served as as a guide when completing the research process. I will first begin with the secondary research to develop a stronger sense of the market prior to delving into primary research.
Research Goals
Identify additional information regarding target user base and demographics
Determine how to manage four most common long-haul COVID symptoms
Develop an understanding of how these symptoms may impact Activities of Daily Living (ADLs)
Uncover users current ability and methods to manage symptoms
Understand the social support network COVID long-haulers typically have
Better understand the resources that COVID long-haulers typically have
Research Questions
Who comprises of the target user base?
How can long-haul COVID symptoms be managed?
How can COVID symtoms impact an individual's activities of daily living (ADLs)?
How are individuals currently managing their symptoms?
What kind of a social support network do long-haul COVID survivors have?
What type of resources do long-haul COVID survivors have?
Assumptions
Individuals will not know how to cope with their current symptoms
Individuals' long-haul COVID significantly impacts their activities of daily living (ADLs)
Individuals will want to connect with others who have had long-haul COVID
Methodologies
Primary
1-1 interviews
◦ Complete via phone/in-person with audio recording
◦ Interview individuals who have had COVID
Secondary
Market Research
◦ Determine information about target demographics
Competitive analysis
◦ Determine who provides similar apps
◦ Identify the strengths and weaknesses of each
Provisional persona (based on Market Research)
◦ Determine typical users of the app and proceed to interview process
Market Research (Secondary)
Conducting market research will provide a foundation for understanding who the customer is and better appreciate the topic at hand. Furthermore, it would assist with creating the provisional personas and help with formulating appropriate interview questions during the primary research process. This section covers the background, statistics and facts, as well as demographics of individuals who are at greater risk of long-haul COVID.
Background
Post-COVID conditions, a term coined by the Center of Disease Control and Prevention (CDC), describes the lasting effects of COVID that exist for more than four weeks after an infection with the SARS CoV-2 virus.
A number of post-COVID issues exist, including but not limited to: tiredness, difficulty thinking, rapid heart rate, headache, loss of smell/taste, dizziness when standing, chest pain, and shortness of breath.
Current evidence suggests that the cause of long-haul COVID is due to changes in gene expression-- where the spike protein impacts healthy cells, leading to long-term symptoms.
Statistics & Facts
Long-haulers had an increased risk of blood clots, stroke, diabetes, and breathing difficulties
Survivors who developed long-term symptoms had increased signs of heart, liver, anxiety, depression, kidney damage, and memory problems
3⁄4 of coronavirus patients admitted to the hospital faced ongoing symptoms after three months
More than 1/3 of individuals with COVID-19 experienced difficulties with basic ADL's (Activities of Daily Living).
The most commonly reported issues after COVID are fatigue (85%), dyspnea (46%), chest pain (37%) and joint pain (15%)
Demographics
COVID-19 symptoms may impact anyone, however certain populations are at greater risk
Being older increases severity risk
Older adults are more likely to have long-term health problems that increase their risk of serious illness. Their immune systems are weaker, they have less elastic lung tissue, and their lung inflammation can be more intense.
Age distribution of cases
Individuals 20-44 years old (29%) made up the bulk of cases, followed by 45-54 years old and 55-64 years old (both 18%)
Competitive Analysis (Secondary)
I also completed a competitive analysis in order to determine the strengths and weaknesses of both direct competitors and indirect competitors. The direct competitors reflect competing companies that offer the same service (WebMD, MayoClinic) whereas the indirect competitors offer similar services (MayoClinic, Cedars Sinai, Teladoc, Dr. on Demand). I conducted personal research and analyzed each of these and was able to uncover positives and negatives of each.
A couple takeaways from this process are that: (1) WebMD and MayoClinic provide news articles regarding long-haul COIVD but do not provide a feature to connect with others and that (2) TelaDoc and Dr. on Demand provide 24/7 non-emergency consultations with physicians but are expensive without insurance ($75/15 min for consultation with an appointment without insurance).
Strengths
Free services for users
Provides news articles regarding long-haul COVID
Weaknesses
Does not go into detail regarding managing symptoms
Does not have a messaging feature to connect with others with long-haul COVID
No designated section for COVID
Strengths
Has a COVID-19 section for COVID updates, booking an appointment for in-person or virtual care
Provides news articles regarding long-haul COVID
Free service for users
Weaknesses
Does not have a messaging feature to connect with others
Strengths
Provides in-person clinical team to assist with treating COVID long-haul symptoms
Provides news and updates regarding COVID-19
Weaknesses
In-person treatment requires physician referral, reducing ease of access to treatment
Does not have a messaging feature to connect with others who have long-haul COVID
Strengths
24/7 for non-emergency
Easy and convenient means of accessing healthcare
10 min average doc wait time
Weaknesses
High cost ($75/15 min appointment for a medical ppt without insurance)
Does not provide resources specifically for long-haul COVID
Does not provide a messaging feature to connect with others who have long-haul COVID
Strengths
Provides 24/7 consultations with physicians
No monthly/yearly fees
COVID section discusses different types of COVID tests that can be administered, self-assessment tool, video visit with doctor
Weaknesses
High cost (75/15 min appointment for a medical appt without insurance)
No messaging feature to connect with others that have long-haul COVID
Provisional Personas (Secondary)
After determining the target demographic through my market research, I was ready to create provisional personas. I was able to determine that millennials and baby boomers would be the primary users of this app based on the information gathered. I determined the goals and pain points of these demographics, which would allow me to better empathize with each and recruit individuals to interview that would fall under each category. In this case, the working millennials and retired baby boomers would be the primary target demographic for the COVID wellness app.
Working Millennials 25-40 years old
Goals
Be able to return to working normally without impediments from long-haul COVID symptoms
Keeping up-to-date with COVID news
Pain Points
Connecting with other individuals who are of similar age in the COVID support group
Finding news from reputable sources
Retired Baby Boomer 55-74 years old
Goals
Being able to connect with others who have had long-haul symptoms
Understanding how to treat the long-haul COVID symptoms that are currently present
Pain Points
Being able to understand medical jargon
Having easy-to-access and easy-to-implement solutions to long-term COVID symptoms
1-to-1 Interviews (Primary)
The provisional personas that I had created served as a guide to determine who to recruit for my 1-to-1 interviews. I wanted to conduct these interviews to determine motivations, frustrations, goals and needs of individuals who fall in the target demographic. I aimed to use open-ended questions in order to encourage story-telling and obtain as much information as possible. These interviews were conducted remotely due to COVID limitations. This process would be the precursor to completing the research synthesis via an empathy map.
Examples of questions posed included:
1) Can you tell me about COVID symptoms from when you were first symptomatic to now?
2) Tell me about your current symptoms after having had COVID-19.
3) Tell me about any resources you have explored to help you cope with COVID-19 symptoms.
4) Tell me about how your symptoms impact your day-to-day life.
5) Can you tell me about your social support network that you have had while coping with COVID-19?
Empathy Map
Synthesizing the information gained from my interview transcripts was the next step. I referenced the transcripts to determine patterns, which I then clustered into different groups, and finally translated into insights and needs. These needs enabled me to have a deeper understanding of the user persona. Four insights and needs were developed for this particular project.
Needs
Users need to manage several long-haul symptoms to mitigate the impact on their day-to-day life
Users need a social support system to cope with COVID
Users need COVID information that is relayed from a healthcare provider
Users need to learn about how COVID can influence an individual's Quality of Life
Insights
4 out of 5 COVID survivors had a variety of long-haul symptoms that impacted their daily life
5 out of 5 COVID survivors received assistance from others in order to cope with their COVID symptoms
3 out of 5 COVID survivors refer to a healthcare provider for their COVID knowledge
4 out of 5 COVID survivors felt that the disease influenced their Quality of Life
Persona
After developing my empathy map, I was able to establish a user persona. This user persona reflects the typical COVID Wellness user and determines the goals, needs, motivations, and frustrations of that individual. In this circumstance, the persona is Jordan Williams, a 27 year old nurse. The additional stages of the design process would be focused around this individual.
Jordan Williams, 27, San Francisco, CA
Nurse
Goals
Learn how to manage long-haul COVID symptoms to minimize impact on daily life
Develop a social support network to help cope with COVID
Gain knowledge regarding COVID from healthcare professionals
Learn about how COVID influences the quality of life of survivors
Motivations
Have a support group to help deal with COVID
Being able to return to previous quality of life
Needs
To manage long-haul COVID symptoms to mitigate impact on daily life
To have a social support system to cope with COVID symptoms
To have COVID information that is relayed from a healthcare provider
To learn about how COVID can influence an individual's Quality of Life
Frustrations
Lack of reputable resources to learn about COVID
Having the means to adapt to changes after having had COVID
Define & Ideate
POV & HMW Questions
After creating the empathy map and persona, I had insights and needs that could translate into POV statements and How Might We (HMW) Questions. This process involved first translating the statements into POV statements from the perspective of Jordan, our persona, and then translating the statements into HMW questions. This process enables us to better empathize and appreciate Jordan’s perspective and the issues at-hand. The last column, HMW Questions, is the bridge to both the brainstorming process as well as the define phase.
POV
1) Jordan needs to have an app that addresses how to manage long-haul COVID symptoms to minigate impact on daily life because he has a variety of long-haul symptoms that impact daily life
2) Jordan needs to have a social support system to cope with COVID symptoms because he received assistance from others in order to cope with his COVID symptoms
3) Jordan needs to have an app that provides COVID information that is relayed from a healthcare provider because he refers to healthcare providers for their COVID knowledge
4) Jordan needs to learn about how COVID can influence an individual’s quality of life because COVID has influenced the quality of life for survivors
HMW
1) How might we help Jordan manage his long-haul COVID symptoms to minimize its impact on daily life?
2) How might we help Jordan have a social support system to cope with COVID symptoms?
3) How might we help Jordan receive COVID information that is relayed from a healthcare provider?
4) How might we help Jordan learn about COVID’‘s impact on quality of life?
Brainstorming
With the HMW questions formed, the next step was to develop potential solutions to the different questions posed. This brainstorming process involved the mind-mapping process, where there were two rounds of three-minute brainstorming for each question posed. The most realistic solutions were further developed in subsequent steps. I was excited to uncover a plethora of potential solutions to each HMW question - below displays potential solutions to three of the four questions.
Business & User Goals
After the brainstorming process was complete, I could then focus on creating a venn diagram of the business and user goals. I wanted to then utilize the project brief to extract the business goals, determine the user goals based on the persona, and establish the similarities between both. This process enabled me to determine which features to prioritize. In this particular case, one discovery was the mutual goal of addressing long-haul COVID symptoms, and for this to be strongly considered when creating the product feature roadmap.
Product Feature Roadmap
With the assistance of my business and user goals, I determined which features were needed and how to prioritize them. This process assisted with creating a Minimal Viable Product (MVP). Different factors that I considered included: level of importance, number of goals the feature addresses, and the time intensity to create each feature. This process enabled me to understand where to focus my efforts and provided a clearer picture of the next steps. Furthermore, I was able to determine that features such as a forum board and news section were critical components of this app.
App Map
While referring to my product feature roadmap, I created an app map that had both parent and child screens in order to have a better understanding of the layout of the app. This was a precursor to the wireframing process and also serves as a reference when creating task flows. For this COVID wellness app, I was able to determine that parent screens of a forum board, home page, and news section would exist. The forum board would have discussion topics that COVID survivors could discuss such as the Quality of Life After COVID. The home page would have the COVID-friendly support group meetups, which would comprise of both outdoor and online activities. Finally, the news section would contain a number of articles that would be written by healthcare professionals.
UI Requirements & Task Flows
I created a UI Requirements document that outlines different tasks to be completed for the task flow. The UI Requirements outline what elements are needed for each page in order to ensure that all essential components are included. It includes both the high level requirements as well as more detailed requirements of what would exist on each page.
While referencing the UI requirements, I created multiple task flows to reflect the different steps a user would do in order to complete different tasks. These steps reflect both the pages and actions that a user would undergo.
Task #1: As a user, Jordan, I want to view the “COVID-19 Impact on daily life” bulletin board
Task #2: As a user, Jordan, I want to turn on push notifications for messages
Task #3: As a user, Jordan, I want to stay up-to-date with COVID news by reading a news article
Task #4: As a user, Jordan, I want to sign up for the support group meet-up
User Flow
After completing the task flows, I combined them using Figma and created a user flow in order to demonstrate the different pathways that Jordan could take. I considered several different avenues that Jordan may undergo, including whether he would want to view more articles under the news page and whether he would want to view more topics under the forum board page. This is a much more comprehensive visualization of all the different possibilities.
Wireframe Sketches
With the app map and task/user flows completed, it was time to create the wireframe sketches. The research that I conducted indicated that the Android phone was the most popular for this demographic, and thus I designed it for Android. During this process, I referred to competitor apps and also included novel ideas—such as having meetups on the home page— that would go through usability testing. These wireframes present the login, home page, forum board page, settings page, and news page.
Mid-fidelity Wireframes
After creating the low-fidelity wireframes, I wanted to digitize what I had drawn by creating midfidelity wireframes. These were created in black and white in order to focus on the content first prior to the visual design elements. For this COVID Wellness App, I wanted to ensure that the meetups were easily accessible and organized and that the bulletin board and news page followed an existing schema, or mental model, of how such pages would be expected to look like. Keeping these elements in mind, I was able to create the midfidelity wireframes prior to moving on to the high fidelity wireframes. Examples of the different screens are presented below.
Prototype
To initiate the usability testing process, I needed to create connections between the different screens on Figma so that users could complete different tasks. The prototyping process allowed me to view how the users would interact with the prototype in a functional way. I would then undergo the usability test planning phase prior to embarking on my usability test with users.
Usability Testing
Prior to conducting the usability test, I began by creating a usability test plan in order to lay out the objectives, test methodology, test methods, participants and tasks. This provides a structure and understanding of what will be executed, how the test will be conducted, what metrics would be captured, and what tasks the users would complete. For this circumstance, I am expecting there to be a 100% completion rate because the set-up of the app was created in reference to apps of similar services. The error-free rate of 90% was determined because it is not a fully functional prototype.
Usability Test Plan
Objectives
1. Determine the user's ability to complete four user scenarios
2. Identify user's pain points
3. Determine each user's thought processes while completing tasks 4. Improve design functionality based on feedback
Test Methodology
Evaluative Research
Test Methods
Think aloud usability test. This usability test will be conducted via Zoom and/or Skype. There will be an audio recording of each user stating aloud their thought processes while completing each task.
Participants
Number of participants: 5-10
Age range: 25-40, 55-74 years old Gender: Female and male
User traits: Has had COVID
Tasks
Scenario 1: You are curious about what comments are on the “Quality of Life After COVID-19” bulletin board.
Task: View the Quality of Life after COVID-19 bulletin board
Scenario 2: You want to receive notifications for when users comment on forum post
Task: Turn on push notifications
Scenario 3: You have been wanting to stay up-to-date with COVID news and realize you can use the Coping with COVID app to do so.
Task: View the Coping with Long-haul Fatigue article
Scenario 4: You heard there is a Support Group Meetup that you can attend through the Coping with COVID app and you are interested in attending.
Task: Sign up for the Coping with COVID Support Group
Affinity Map & Priority Revisions
In order to synthesize the information that I had gained from the usability test, I created an affinity map. Each participant is reflected with a unique post-it color and if multiple individuals had similar comments, those comments would be stacked together under the respective quote. This affinity map reflected patterns, insights, and recommendations. The recommendations were then prioritized based on the number of participants who had a problem with each issue. The priority issue in this circumstance was finding the quality of life bulletin board and the secondary issue was finding push notifications.
Patterns
1) Users had difficulty with finding the Quality of Life Bulletin Board
1) Users had difficulty with finding push notifications
Insights
1) Finding the “Quality of Life after COVID-19” Bulletin Board was not intuitive and it was confusing users
2) Finding push notifications was not intuitive and was also confusing users
Recommendations
1) Modify the caption “forums” to “bulletin board” (highest priority)
2) Provide a dialog pop-up that notifies users how to enable push notifications. (medium priority)
The affinity map uncovered the importance of changing the term “forums” to “bulletin board” in order to make the purpose of this section more straight-forward. Thus, I initiated the priority revisions by first modifying “forums” to “bulletin board.”
Original
Revision
I then addressed the second issue — creating a dialog guiding users on how to enable push notifications so that any user would have clear instructions when first using the app as to how the push notifications would be enabled.
Moodboard
After making the appropriate adjustments to the wireframes based on the input received, it was now time to create the look and feel of the app. This was done through a Pinterest Moodboard, which enabled me to establish key attributes for the app: modern, unique, original, innovative, and helpful. I then associated these attributes to the color, typography, imagery and logo. This allowed me to establish a brand identity and was a precursor to the style tile.
Style Tile
Now with the mood board complete, the look and feel was set-up and work on the brand logo and style tile can be initiated. I originally had the name of “Coping with COVID” for this app, but while making the brand logo it was quickly discovered that the name was too lengthy and impeded my ability to create the best logo. After some thought, it was renamed to “COVID Wellness” and I was able to sketch and create a brand logo for it. After this was established, I incorporated it into my style tile, which also contained the color palette, typography, and images.
Style Tile
High Fidelity Prototype with Revisions
After establishing the look and feel of the app through the mood board as well as making necessary revisions, I was ready to create the high fidelity prototype. This was completed by referencing the mood board and style tile and incorporating the essential visual design elements in order to have a high fidelity prototype. Examples of the final wireframes are shown below.
Sign up Page
Home Page with Notification
Entry Page
Home Page
Entry Page
Bulletin Board
Login Page
Bulletin Board (continued)
UI Kit
I finally created a UI Kit in order to further demonstrate the visual design. This would show how other critical UI components would appear in the high fidelity wireframes, including the form fields, icons, cards, modals, and more. This UI Kit is a valuable tool that would be utilized when making modifications to the app and would allow for clear communication to other disciplines as to what the different elements involve.
Summary
This process has enabled me to learn how to initiate and execute an independent project as opposed to referencing an existing brief for guidance. It was challenging but rewarding and I found it particularly exciting to do a project on COVID, given that it is currently a world-wide pandemic.
For this particular project I had to really challenge myself to look at design trends and be comfortable with several iterations to get a better end product.
Next Steps
The next step would be to pass off my work to programmers in order for the app to be functional and usable.
Future modifications will likely be needed and the UI kit will be utilized in order make changes as appropriate.
Meetups, for example, will be added and removed
Craving for More?
Spotify
Adding a feature to Spotify’s platform
Amia Bakery
Intuitive Checkout for Bakery Website