Concept · UI · UX · Mobile · Wireframing · Branding · Prototyping
Overview
During the month of June 2021 as part of the masterclass “UX Design Na Prática”, the team composed of João Marcos O. F. Barroso, Gisa Andrade, Emily Libanio, Barbara Rainov and Kauane Moreira accepted the challenge of improving people’s health, proposing an innovative solution to the problem:
“How could we help people’s health in Brazil?”
The current scenario
A topic as broad as health needs to be placed first. Currently 75% of Brazilians depend exclusively on SUS (Brazilian public health system) and the rest of the population uses private health institutions.
According to IBGE data (2019), about 63% of people in the country are above the ideal weight, 25% of the population is hypertensive, and the country occupies 4th place in the world ranking of Diabetes. Chronic diseases represent 72% of deaths in Brazil. Deaths associated with old age or lifestyle can also be developed by factors such as stress, unhealthy diet, sedentary lifestyle and heredity.
Project’s objectives
Through the scenario described, we defined the following objectives for the project:
In such a broad scenario, initially chosen, it is very difficult to imagine how each potential user could have their representation in the project. For this, we created two proto-personas with different characteristics, wishes, pains and solutions.
Proto-personas
1.
Jorge is a middle-aged man who carries propensities for heart disease and unhealthy habits. Without so much time to take care of himself for work and family obligations. He hates seeing doctors and scheduling exams on his own. He only does it when he really needs it or when his wife tells him to. He wants an easy way to manage these needs and enjoy time with his family, watching his daughters grow up.
2.
Ana works in a hospital as a nurse, and when she is not on duty, she takes care of her son. She wants to combine the work she loves with quality of life, have time to exercise and take care of herself with a healthy life style. Super connected, she can’t live without the convenience of her smartphone, she uses apps for all her daily activities and loves social networks.
Assumptions
By defining the proto personas, we highlight assumptions about their usual problems that we could somehow solve.
We mapped out the user’s steps to see how we could simplify their journey to help them reach their most important goals with the product.
Benchmarking showed that prevention apps were generally not integrated with each other or were very segmented. For example: scheduling services not focused on prevention; symptom recording services without referral to professionals; specific apps for nutrition, exercises, meditation, wellness and so on. We concluded bringing together the best of healthcare prevention apps and services, focusing on personalization and data integration.
We use some tools like the Value Proposition Canvas to specify our differences in the market and what value we offer to consumers.
Costumer Segment
Value Proposition
Features priorization (with MVP)
Wireframes
With the idea and strategy well defined, we produced the first drafts of our solution. The sketches were defined by a technique called Crazy 8, fundamental for Design Sprints.
With the medium fidelity prototype, we carried out the first usability tests. We gave the following context:
“You recently discovered that you have a family history of diabetes. Therefore, you are looking for a service that will help you to prevent yourself for having diabetes in a simple way. Its purpose is to provide your health information in the app and get monitoring”
Goals:
UI Design
Style Guide
With the results in hand, we defined the style guide to consolidate the app.
Colors: Choice of cool and warm tones. Commonly associated with health, turquoise is a color that refers to calmness, hygiene and cleanliness, while orange to human warmth and youth, creating a good contrast and pleasing to the eye.
Typography: Roboto. Only font of the project, as it is accessible, available on Google, a versatile, readable and visually pleasing sans serif thanks to its rounded shapes.
High fidelity prototype
Based on the wireframes and the proposed style guide, the high-fidelity prototype was then created.
We defined the prototype (MVP) for its essencial features: the record of information given by the user and the services offered.
You can see the high-fidelity prototype here
Conclusion and learning
With this, I present the work, which represent an undergoing process of constant improvement. New usability tests and research will always be necessary for the evolution of a product like this.
Credits
The whole team was present in some stages of the project, but I was the only responsible for the UI Design, Prototyping and Information Architecture. Masterclass: “UX Na Prática” by Allan Cardozo Team: João Marcos O. F. Barroso, Gisa Andrade, Emily Libanio, Barbara Rainov and Kauane Moreira.