Please view this site from a desktop device for better UX.

Telecare

Telecare is more than just an app – it’s a tool that helps users take control of their health journey. With its Digital Care Programs, Telecare puts you in charge by providing personalized programs designed to improve your wellbeing and track progress over time with an easy-to-use diary feature.

DCPs are programs designed to improve disease management using technology.

The main focus of the app is centered around daily activity management through a journal that allows users to organize and keep track of daily activities outlined in their DCP, in order to achieve more effective results and monitor progress over time. An empowering resource for managing illnesses or diseases on the go!

My Role

UX/UI Designer

Time

6 Months

Tools

Figma, Miro

App Features

  • Vision and management of the DCP assigned by the doctor
  • Completion of questionnaires related to the assigned health program, which will be sent to the doctor
  • Monitoring of vital parameters, such as blood pressure, heart rate, body temperature, etc.
  • Option to report any symptoms, as in the case of the DCP dedicated to Covid-19
  • Insertion of personal notes to evaluate the psycho-physical state and provide details about day, health status, and sensations
  • Access to educational content related to the pathology or treatment plan, through microlearning
  • Personalized notifications to remind about activities to be carried out during the day, such as medication administration, physical exercises, or measurement of vital parameters

Goals

  • Ensure that the app's features allow the user to easily perform the activities outlined in their Digital Care Program
  • Provide an engaging user experience that is helpful for users in effectively managing their health
  • Make the app contents clear and easily understandable for the user
  • Design a well-structured and easy-to-navigate user interface, ensuring good app usability

My Role

As the only UX/UI designer working on Telecare, I collaborated with the CPO and Product Manager to oversee the entire user experience design of the application, starting from analyzing functional requirements and going on to design the user interface.

Specifically, I performed the following tasks:

  • Conducted benchmark analysis and developed user flows, providing detailed descriptions of the app processes and functionalities, ensuring that users could carry out their Digital Care Program tasks in a simple and intuitive way
  • Created wireframes and mockups of the user interface to define the app structure and how users would interact with it
  • Designed the app design system and user interface, applying principles of usability design and ensuring that the interface was consistent throughout the application
  • Oversaw the app development and testing process, collaborating with developers to ensure that the user interface was correctly implemented and that all app functionalities were accessible to users

Team

Chief Product Officer

Nicola Mattina

Junior Product Manager

Francesca Sgambato

Junior UX/UI Designer

Luca Casamassima (me)

UX Researcher

Lia Alimenti

Stakeholders

I worked closely with the application developers, including the CTO, throughout the entire development process. Specifically, I worked with them to ensure that the user interface and all the app features were implemented correctly and met the needs of the users.

Additionally, I worked closely with the development team to address any usability issues that may have arisen during the app development.

User Persona

User Persona

Details

Name: Laura

Age: 50

Location: Milan, Italy

Goals

For the user to consciously monitor and manage her own health

For the user (i.e. the caregiver) to monitor and manage her mother’s illness

Bio

Laura has an active and dynamic lifestyle and works long hours. She is generally in good health, but she needs to manage her blood pressure and stress levels which often affect her well-being.

She likes to keep up to date with new developments related to her health and the best practices to follow to improve it. Laura uses her smartphone to manage much of her life and expects the apps she uses to be easy to use and able to meet her needs efficiently.

Frustrations

– Difficulty finding time to follow a care plan

Feeling of loss of control over her health due to work commitments

– Lack of access to detailed and reliable information about her health and the best practices to improve it

– Difficulty following medical advice and maintaining a healthy lifestyle due to a hectic daily routine

Benchmark Analysis

For the Telecare benchmark analysis, I studied several apps available on the market that offer similar features. The aim was to understand which features had already been developed by other apps, in order to evaluate the best solutions and improve them, adapting them to the specific needs of Telecare users.

Looking at various applications on the market offering similar features to Telecare, it became apparent that none had all the desired features – making my task more difficult! Nevertheless, by studying each app and analyzing how their individual functions were integrated into them helped me to evaluate potential solutions and adapt those which would work best for our customers.

User Flows

Working with the product manager, I helped develop Telecare’s user flows by identifying and defining users’ goals for the app. We outlined each task that would need to be completed within the app, allowing us to map out all potential interaction paths – from which we could then select ideal solutions. Our aim was always to make sure these pathways provided an easy-to-navigate experience so as to maximize effectiveness in helping users meet their needs.

Wireframes

After taking existing user flows as a foundation, I designed the Telecare app interface with one goal in mind – to make it easy for users to access information and features.

For improved clarity and intuitiveness in navigating through screens, users were invited to participate in usability tests facilitated by our UX Researcher where their valuable insights helped me to make improvements that would eventually benefit every aspect of this intuitive interface.

Design System

I designed the Telecare app system to create a good user experience by constructing a cohesive set of colors, fonts, and styles that respected the brand. All interface elements such as buttons, icons, input fields and menus were also given their own unique graphic style in order to maintain stylistic consistency throughout all elements of the application.

I also established guidelines for organizing information, grids, icons and all the different elements, so that the user experience was always intuitive and consistent in every part of the app.

I created an easy-to-follow document to ensure both the developers and I had a clear roadmap while they crafted our app interface. This ensured that each page within the application was seamlessly consistent with its user experience – allowing users to navigate through it effortlessly.

Home (Diary)

Telecare offers users an interactive diary of their Digital Care Program, designed to be the focal point of the user experience. Each day’s activities are carefully arranged and tailored to fit seamlessly into everyday life – providing a helpful guide through any health journey!

Aiming to provide users with a seamless and straightforward experience, we crafted an approach that guides them every step of the way from start to finish. This enabled us to create something easy-to-navigate yet comprehensive informative for our valued customers!

By using simple icons and vibrant colors, I’ve designed an interface that is both intuitive and enjoyable to use. With this user-friendly layout, users can quickly find their way around the app with no trouble at all!

Home has been upgraded with helpful widgets and notifications – providing users with an easy way to stay organized, informed about tasks that need attention and up-to-date on their Digital Care Programs.

DCP Dashboard

I designed the structure of the dashboard, organizing the sections in a logical and coherent way.

To ensure that users always have a complete understanding of their program, I implemented a to-do list at the top of the screen; so that they can easily keep track of all tasks.

Inside the DCP dashboard, there are several sections dedicated to each activity planned in the program:

  • Questionnaire section, in order to have a complete overview of their situation
  • Learning section, to provide the user with a collection of useful information to follow their care path through microlearning
  • Measurements section, to allow the users to keep track of all measurements entered.

Finally, the dashboard includes program shortcuts that offer users a series of quick, customized actions to change the status and progression of the program.

Questionnaires

The questionnaires have been designed with convenience and accuracy in mind allowing users to obtain precise answers quickly in the most streamlined process possible.

Each question is presented one at a time to avoid cognitive overload for the user and to allow for accurate and considered responses.

In order to ensure the best possible care for patients, every response is stored and then sent directly to their doctor. This way, doctors can track a patient’s well being much more efficiently in real time.

Questionnaires

Entering Measurements

Recording vital parameters in Telecare can be done in two ways: manually or through automatic synchronization with supported devices via Bluetooth.

In the first scenario, through a bottom sheet, users can now easily enter their vital statistics such as blood pressure, heart rate and oxygen saturation levels to monitor health.

In the second scenario, the users can choose to connect their vital parameter monitoring device compatible with Telecare. I’ve developed onboarding to make linking up and syncing data a breeze – guiding the user every step of the way so they don’t have to worry about manually entering any information, making the user experience even easier and faster. 

Microlearning

Microlearning is an innovative way of providing instruction which delves into the details, offering learners smaller pieces of content to digest one at a time. This approach makes education more manageable and allows for greater absorption by breaking down complex topics into bite-sized chunks.

We have chosen to use Microlearning to educate users about relevant health topics. Through concise lectures of a few minutes each, people can stay informed and up-to-date with important topics related to health care.

As users progress through the lessons, they are presented with short and informative quizzes to test their understanding of key concepts. This gradual approach helps them gain a greater awareness of their illness as well as strategies for effectively dealing with it – empowering both knowledge and confidence.

Notes

With Notes, users can track their mental and physical well-being with ease! This feature provides a simple yet powerful way to measure the overall health – simply rate the current state from 1 to 5.

The users also have the opportunity to add notes regarding reflections or ideas that come up throughout their journey – a helpful tool for vibrant self-care!

Through this solution, users can easily track their progress and measure any changes in health status. And if needed, they have the flexibility to share updates with a doctor or loved one for quick action.

What I Have Learned

Telecare was the first project in which I worked as sole UX/UI Designer. In this experience I made several mistakes and learned many useful notions:

  • The process of designing and developing a complex application, from analyzing user needs to defining requirements and workflows, designing the user interface and creating a consistent design system
  • Working with other team members, including developers and product managers, to build a high-quality product
  • The ability to adapt and modify your own ideas and solutions based on user and team feedback
  • The importance of understanding the social impact an application can have on users' lives, in this case providing support and assistance to people living with potentially chronic diseases
  • The ability to work under pressure, meeting deadlines and targets, but also to maintain high quality work and attention to detail