Contrak

Category
UX/UI
Client
Contrak- Concept Project
Year
2020

Overview

An end to end app to help in the fight against Covid-19 from research through prototype

No items found.

Problem

How might we create provide a digital solution to contact tracing so that we can significantly improve the success of current traditional contact tracing methods and ultimately decrease exposure to individuals with Covid-19

Research ​

I completed a Competitive Analysis to dive deeper into current apps available and to learn more about the new technologies developed. Through this process, I learned that all of the apps (mostly national and state-dependent) were very fragmented from one another and lacked cohesiveness. This presented a challenge as these apps did not work independently of one another. I conducted Secondary Research to learn more about traditional and digital contact tracing methods and the strengths and challenges happening within that landscape. This research revealed traditional contact tracing methods to be very time-consuming and included inaccurate or incomplete information. There is a lack of information from local state and national governments regarding coordination and information. Data privacy was also a major issue throughout the secondary research across both traditional and digital methods. 

​After completing the competitive analysis and conducting the secondary research,  I sat down with individuals to complete interviews and had some great discussions about Covid-19, contact tracing and was able to learn more about their needs, frustrations, goals and expectations.

Research Goals

1) Understand individuals interactions with Covid-19 Data and information to determine how information can disseminated most effectively through the Contrak app

2) Understand the challenges, frustrations, and limitations of Covid-19 so I can determine how it impacts individuals quality of life

3) Understand the concerns that individuals have regarding date and privacy so that I can better determine the privacy guidelines within the Contrak app.

4) Understand the current contract tracing efforts so that I can design the Contrak app to function with those guidelines in place

Competitive Analysis

Users

Through the analysis of the user interviews, I began to develop personas and empathy maps based upon the user data to integrate the users' pain points, challenges, and expectations. Jose and Devon were two of the individuals that were interviewed.  Devon was a single mom of 3 children who not only had concerns for herself, but for her young children as well.  Based on Devon's persona and empathy map, I quickly learned the importance of how the design of the Contrak app needed to be of little cost (if any) and very easy to use. It needed to be easily used for people who are not technology-focused. They are looking to be able to quickly use the Contrak app right out of the gate with little explanation needed. In the analysis of Jose's research data, I also began to build a persona and empathy map to further guide me through the design process. Jose was very concerned about the privacy and safety of his data and even more concerned with any sharing of his data with any government entities.


These results guided the design of the app to limit and protect the amount of data needed for him to functionally use the app. In addition, Jose shared the importance of having an app that he would be able to use on the backend for the customers of his business. This started to look at building a customer-facing side of the app for venues and testing locations to utilize.

What I Learned

1) Many of the users were concerned about their data and privacy being easily exposed and felt they had to take extra steps to protect it.

2) Users had a very limited understanding of contact tracing

3) All users wanted to be updated regarding the current Covid-19 data

What I did

1) Incorporated data and privacy standards, which included a privacy policy, using QR codes and unique ID instead of personal information.

2) Developed a concise explanation of how contact tracing within the app worked in the onboarding process

3) Incorporated real-time local, state and national data pages within the app to keep users informed

Interaction Design

After I got a solid understanding of our users' needs, frustrations and expectations, I begin to start to think about how users were going to interact with the app. I started designing the app map to get a view of each of the screens at the same time, being sure that I could discuss this with an engineering team to be sure we were on the same page prior to moving the project forward. This helped me to create a foundation to build upon. I broke down the app map into 5 main screens which included real-time data, symptom checker, profile, testing, and venue check-in.

I designed task and user flows to get a better understanding of how each user would move through the app. Keeping in mind the specificity of the onboarding experience being sure it was concise and yet easily understood. Also looking at where they had to make decisions and how interactions would be affected in each of those scenarios. I also wanted to look at each decision that needed to be made when using the app and be sure to include all of the possible outcomes. 

In addition, I designed the task flows based on Jose and Devon's experiences. Devon's task flow showed the interactions of checking her symptoms on the app to see if she should proceed with getting tested or not. The two decision points included wanting to check symptoms and wanting to find testing locations. In regards to Jose, I looked at the interactions needed to scan customer's QR codes to be in compliance with state and local contact tracing effects. The decision point here determined whether or not Jose wanted to scan a customer's QR code to enter the manual code given when the user onboarded. 

Sketches & Wireframes

After designing the app map, user and task flows, I sketched out various ideas and concepts based on the research and deliverables I completed thus far. This allowed me to iterate on the best options. Then I was able to build out the wireframes to design the blueprint of the app. This allowed me to get more granular in regards to what each screen would include. I designed the onboarding, login, real-time data, profile, settings, symptom checker, venue check-in, and testing location flows. I also included a brief venue-facing flow of the app.

Crazy 8 Sketches

Wireframes

Onboarding Flow

Visual Design

Once the wireframes were completed. I developed a mood board with some ideas I felt conveyed the Contrak brand and incorporated insights I had learned from the user research. I then began to look at what visual design elements were needed to develop a brand identity for Contrak. I started out by choosing adjectives that portray the design and tone of the brand. I decided on secure, trustworthy, peaceful, calm, and informational. These adjectives then drove the design decisions for the UI kit. This included various UI components, typography, colors, illustrations, and iconography. Lastly, I begin to sketch out some initial iterations of the Logo Design. Once I found some sketches that portrayed the brand, I began to digitize the sketches and continue the iteration process. Through the iterative process, I was able to finalize the logo design.

Usability Testing

Once the wireframes and UI kit were completed, I was able to design the high-fidelity prototype and start usability testing. Six usability tests were completed to test the Contrak prototype.Testing took place on zoom over desktop and phone.. Participants participated in 3 scenarios and provided additional feedback regarding their experiences. The scenarios included completing the onboarding process, using the symptom checker, and finding a testing location. Upon completion of usability testing, An affinity map was developed to analyze the user testing results. The affinity map helped to lay out all of the responses, which led me to develop actionable solutions.

Final Iterations

Lessons Learned

1) More research needs to be done on the business owner face of the app. Since the app allows users to "check in" at venues, business owners need a more effective solution

2) The data flow of the app also needs further iterations, user testing, and updated visual designs to enhance user experience when viewing the data

3) Since the app is more useful with more people using it, a further strategy needs to be researched for how to get more people to use it and how to incorporate it into other apps.

Other Projects
selected work
No items found.

Pride Places

Pride Places

UX/UI
No items found.

Duolingo

Duolingo

UX
No items found.

P Street Realty

P Street Realty

UX/UI