Cuidémonos

Mobile Wireframes Userflows Usability
  • Year: 2020 - 2021
  • Client: Various
  • Team:
    • Project manager
    • Three designers (including me)
    • Developers
My role in the project:
  • Proposing user flows in early stages of the project.
  • Reviewing user interactions through Hotjar.
  • Coming up with usability improvements.
  • Guiding the design team throughout the entire process.

Context

At the beginning of 2020, SARS-CoV-2 virus expanded around the world, casuing a pandemic that forced people to adapt to a life where their home was the main place of work, education and free time; and it forced companies and institutions to opt for a remote mode of work. The traceability and update of each employee's health status became fundamental, which derived in Unholster ideating and developing a mobile application for this purpose.

Handwritten notes about what the app should monitor.
Screenshot showing an update about coronavirus in the UK. Below: A screenshot of the first coronavirus case in Chile.
Above: Update about coronavirus from national health service from the UK (NHS). Below: News about the first case of coronavirus in Chile.

References

For guidance we looked at different health apps, whether they offered to check symptoms or report your health status.

Distintas pantallas que muestran las apps Ada Health y NHS Covid-19
Above: Ada Health app. Below: NHS Covid-19 app.

Goals

Main goal: Tracing, monitoring and managing cases of coronavirus infections inside organizations.

Specific goals:

  • Checking in daily with employees.
  • Monitoring cases, quarantines and exposed contacts inside organizations.
  • Communicating safety measures and protocol at an organizational level.

Users

  • Employee: Employed person between 18 and 65 years old.
  • Administrator: Employed person with a manager or leading position.

Process

At the beginning the team focused on two features: monitoring temperature and knowing if the person left his/her/their house.

The app would be a simple questionnaire where the user would answer to these questions:

  • Did you have to leave your home today?
  • What is your current temperature?

Initial check-in flow for Cuidémonos.
Initial check-in flow for Cuidémonos.

As the pandemic was new for all of us, we started learning about the most common symptoms as time passed, along with what a risky environment entails and the way we could prevent spreading the virus. With this the user flow of the app changed and we started asking if the person had a fever, if they had symptoms and what means of transport did they use in case they left their home.

Diagram showing a list of symptoms.
Diagram showing the closest thing to the current user flow of the app.
Screens showing the initial design of the UI.

Experience analysis and adjustments

The app could be used either in a smartphone (as a native app) or a computer (through a browser). The browser version can be monitored using Hotjar, so we could watch users interacting with the app without violating their privacy (thanks to Hotjar anonymizing the data). This allowed us to detect any confusion the user could have and that was visible through their behaviour with the app, any usability problems and any front-end or back-end errors when the app was in the early stages of development.

Screen with arrows pointing to sections of the UI to explain where they take the user if they click them or tap them.
Diagram to understand app sections better and communicate where each button or link should take the user.
Screenshot of the desktop version of the app with the user's cursor trailing path in a red line.
Screenshot of the desktop version of the app with the user's cursor trailing path in a red line.
Screenshot of the desktop version of the app with the user's cursor trailing path in a red line.

To deliver feedback to the development team (in remote mode), I usually took screenshots from Hotjar during key moments and I would number these interactions, explaining the problem and the solution I would propose. At the beginning there were a lot of front-end bugs that needed to be solved so we could focus on the actual user interaction with the app we designed.

Pantallazo de Slack con el feedback dado al equipo.
Pantallazo de Slack con el feedback dado al equipo.

Learnings

In 2021 the pandemic is still affecting the world and Cuidémonos keeps evolving and improving. My experience working on this app wasn't very visible at the end of the project, meaning I was just involved in the UI during the early stages, but my role was one of guidance and evaluation of the experience we wanted to achieve with the app. This is the part of the design process I enjoy the most.

I feel like putting ourselves in our users' shoes was easier this time because we were all pretty much experiencing the same things, as the pandemic affected the entire world.

I defnititely think we were aiming for a bigger and more ambitious project where technology like GPS was involved to know where the employees where or things like that, but as the months went by we could simplify that and we realized the process didn't have to feel tedious or invasive in a certain degree.

Screens with the final look of the app.
Two phones floating, showing the app in their screen.