Fettle

Oct 2022 - Dec 2022

UI/UX Design

Individual Work

Figma

Driven by personal experiences, particularly a grandfather's experience with a chronic illness, we are designing this app in collaboration with medical professionals. This app is based on Artificial Intelligence and Machine Learning, aims to be a game-changer in the healthcare industry. Its envisioned purpose is to facilitate early detection and intervention for chronic diseases, promoting a proactive approach to healthcare.


This project was nominated for The UX Design Awards in 2023.

Background

Chronic illnesses often have complex symptoms that may not be easily diagnosed, leading to delayed treatment and negative health outcomes. Patients with chronic illnesses may need to make significant lifestyle changes, such as adopting a healthier diet or increasing physical activity, in order to manage their condition. These illnesses account for 70% of deaths in the United States and are responsible for the loss of over 1.7 million American lives each year.

In the healthcare field, artificial intelligence and machine learning algorithms are being utilized to identify patterns in medical images and patient data, allowing for more accurate predictions about the presence or likelihood of specific conditions or diseases.

How Might We use the Power of Artificial Intelligence, to let more people Detect and Avoid Disease at an Early Stage?
How Might We use the Power of Artificial Intelligence, to let more people Detect and Avoid Disease at an Early Stage?
How Might We use the Power of Artificial Intelligence, to let more people Detect and Avoid Disease at an Early Stage?

How does AI achieve that?

Initial Brainstorm

During the initial brainstorm for the app, a critical analysis was undertaken to understand the pain points individuals face within the health industry. Through surveys and user feedback, it became evident that many grapple with issues ranging from access to timely care to navigating complex medical jargon.


After that I delved into the health industry and AI through secondary research. AI's strengths in swift data processing and predictive analytics are revolutionizing patient care. However, challenges like data privacy concerns and potential misdiagnoses temper its promise. With these insights, the app's design aimed to leverage AI's potential while addressing its limitations.

Primary Research

To better understand the pain points of users throughout the entire consultation process, I conducted primary research by dividing the user experience into three parts: before, during, and after hospital. I developed three main questions to guide my research and gathered insightful results. By analyzing the data, I was able to identify the specific pain points that users face at each stage of the consultation process.

Interview

I conducted in-depth interviews with four individuals experienced in the disease and a medical student, gaining valuable insights into patients' specific challenges and pain points when dealing with medical issues. These insights informed the design of the AI and machine learning-based app.

Insights

Competitor Analysis

I conducted a thorough competitor analysis to understand the healthcare app market's competition. This involved researching and comparing the features, functionality, and user experience of several healthcare apps.

Position Matrix

User Journey Map

By identifying pain points at each stage, the app was developed to offer personalized guidance, reminders, and resources to help users navigate the healthcare system more easily. Whether it's providing users with educational resources before their consultation, offering appointment reminders, or tracking medication schedules, the app is designed to enhance the overall patient experience and promote proactive healthcare management.

User Flow

Mid Fidelity - Mobile

I designed mid-fidelity prototypes that allowed me to test the app's functionality and user experience. These prototypes included interactive wireframes and clickable designs that simulated the app's interface and functionality. This allowed me to conduct usability testing, identify potential issues, and make necessary adjustments before moving onto the high-fidelity design stage.

Mid Fidelity - Watch

User Test Feedback

Final Design

Final Design

Final Design

Ecosystem

Mobile Navigation Bar

AI Online Consultation
  1. Chat with our AI robot, Fettle, to learn more about your symptoms and possible diseases.

  2. Quickly make an appointment with a nearby hospital to receive the care you need.

AI Online Consultation

Read articles written by experts to learn basic information about your disease, including:

1. a brief introduction

2. possible causes

3. the symptoms.

History Suggestion
  1. Get a clear understanding of the detailed information

  2. Quickly access the suggestions provided by Fettle in your history.

Report Analysis
  1. The AI system will analyze the reports uploaded by the hospital, providing feedback and advice on how to improve your health conditions.

  2. The doctors will review the AI's analysis of the report, and if there are any errors, the doctor will withdraw the analysis.

Check History Reports

To view the history of check tests, click to see all the information for that specific test

Risk Warning

Once the results of your report are available, the doctor will upload them into the system, and Fettle will analyze all potential risks, notifying you of any possible future diseases.Every step of the process involves physician intervention.

Daily Goals & Reminders
  1. Check upcoming events and view further information

  2. Keep daily goals in mind to prioritize important tasks.

Add Suggestions to Daily Goals

Long press the Suggestions to add the things mentioned in the suggestions to the Daily Goals

Daily Goals Notifications
  1. Receive reminders if yesterday's goals were not completed

  2. Be notified when a certain period of treatment has been completed.

Information & Settings
  1. Change your information to allow the AI to make a more accurate diagnosis.

  2. Change basic settings.

Register Process
Character Design
watchOS Design

Shows the upcoming events on the home screen, Check Notifications, Daily Goals and Report

Check Generall Information about the event

Check & Edit Daily Goals

Clearly showed the datas and statistics of the test reports

  1. Notifications of updates of reports & Upcoming Events

  2. When apple watch detects a problem with your body condition, it will feed back to the system and you can check it out on the mobile app.

Design System

Copyright © 2024 Clayton Lin

Copyright © 2024 Clayton Lin

Copyright © 2024 Clayton Lin