UX / UI

Digital Tool Redesign for Monitoring Nutritionists' Patients

SUMMARY
This project aimed to create a mobile application where nutritionists could keep better track of their clients' progress, nutritional plans and establish a direct communication channel with their clients.
My role
UX/ UI designer
Branding
year
2019

The goal

The client had an initial proposal that was conceptualized with professional nutritionists. However, they reached a point where they needed help to improve the usability and interface design of the proposal. The goal was to create a high-fidelity prototype to continue with the validation process with potential users.

The “Before”

The clients were focused on the business model and the basic functionalities of the application. They worked on a few wireframes to validate their hypotheses with potential users.

Current user flow analysis

With the screens provided by the client I made a diagram to evaluate the user flow. This exercise allowed me to identify problems in the hierarchy of information, missing scenarios, and misused design patterns that affected the usability. With this diagram we were able to address doubts, identify points for improvement and have a macro view of the work to be done.

For this analysis I used different colours to take notes on design aspects, interface problems, questions and other observations. It was a very useful tool to review with the client each point and easily highlight interface problems.

User flow redesign

After analyzing the current architecture and conducting a competitor analysis, I started doing sketches to improve the user flow. This was an iterative and co-creative process with the clients.
During the redesign it was important to involve the client in the process since they had done all the previous research and requirement taking with the nutritionists. The following diagram is a sample of the new user flow.

Wireframes

After designing the new user flow, I worked on the detail of the wireframes to test interface elements and choose the right design patterns to ensure the usability of the app.

Visual design

To define the visual language, I first gathered some references of existing products. Together with the client, we decided which style was most suitable for the brand and pointed out the styles we wanted to avoid. We decided to use a clean aesthetic and functional colour palette, focusing on the use of colour mainly for status indicators.

Style guide

I created a style guide with all the components and product specifications. This allowed me to create consistency throughout the product, standardize elements and facilitate communication with the developer.

Patient history and statistics to track their progress

Assign a meal plan based on the patient's goals

Schedule and manage patient appointments

Project learnings

1. Always ask why
When I started this project, the client assured me that he had already done all the necessary research. Even though I was only asked to do the interface design, it was necessary to understand all the "whys" of the solution. Not always what the client requests is what is needed. Ask as much as you can, investigate and question everything the client tells you.

2. Sell the process not the outcome
This was my first project as a UX/UI freelance. Although the client was satisfied with the result, due to lack of budget, I could not follow up on the validation and implementation phase. If I could turn back time, I would suggest the client to invest in an iterative process instead of investing in high fidelity wireframes.
FABIOLA CHACÓN
Feel free to reach out for collaborations
fabi.chacon.id@gmail.com