Screen from a fictional news mobile app on a blue gradient background

ScoliTrack

UX/UI DESIGN PROJECT

CONTENT

PROTOTYPE

Overview

Introduction

ScoliTrack is a mobile app that allows scoliosis patients to measure, record, and track their scoliosis to see the progress and stay motivated throughout the treatment process. People with scoliosis can feel more confident about their treatment and continue with a more positive attitude. This leads them to successfully complete the treatment and reduces the chance of surgery.

My Motivation

I was diagnosed with hereditary scoliosis when I was 15 years old. And I had gone through various treatments to treat my scoliosis. I need to do this daily treatment for 3 years to stop my scoliosis from getting worse. During the 3 years of my treatment, I could not see the progress of my treatment unless I returned to the hospital every 3–6 months for x-rays. Not being able to see the changes in the process makes me feel frustrated. When I started university, I stopped my treatment. My scoliosis worsened, and I had surgery the following year. My surgery could have been avoided if I had been more proactive in my treatment.

Tools Use

Miro: Brainstorming, heuristic evaluation, draft prototype, user test
Figma: Prototype, user test
Canva: Persona, report, presentation

My Role

UX researcher and designer

Problem Definition

Problem Statement

According to some studies, about 2–3% of the world's total population suffers from scoliosis. The prevalence rate for adolescents is even higher, at 10%, meaning that one in ten adolescents suffers from scoliosis. Treating scoliosis is a very long and difficult process. Without seeing progress, it is easy to lose confidence and motivation to continue treatment. If scoliosis patients are not involved in their treatment, it will lead to serious health problems and put them at risk of surgery.

Solution

The proposed product would allow scoliosis patients to measure, record, and track their scoliosis to see the progress and stay motivated throughout the treatment process.

Research

Problem Definition, Idea Validation Survey

During the research phase, I searched for data to support my proposed problem, which indeed needed people's attention and was worth solving. Based on the data, I established the problem definition and target users for my proposed idea.Then, I turned the proposal idea into a questionnaire and shared it with the potential users to understand their thoughts so that my future design could actually solve their problems.

Comparative Analysis

I did a comparative analysis to understand what problems the competitors in the same market were solving, what they were doing well, and what they needed to improve. From the analysis, I found out where the gap is and how I can fill it, make my proposed product different, and create a unique selling proposition.

Data Research

Problem Definition

Research Findings

User Research: Persona, User Story

According to data research, the age group most affected by scoliosis is 11–16 years old, which is also the best age to treat scoliosis. Therefore, I set my target audience at this age group of adolescents, their families and friends, and their doctor or physical therapist. They have enough motivation and need to use the features of my proposed product. Then, after getting to know these groups through surveys or interviews, I build personas and user stories.

Persona

User Stories

Design

User Experience Design: Site Map for Application, UX Theme, Journey Map, User Journey

On the basis of the persona and user story, I briefly created the features and the user experience that the application needed to provide in order to meet users’ needs and expectations. Then, in this framework, sort out the possible journey map and user journey of this application.

Brainstorming for the Site Map

Proposed Features

UX Theme

Journey Map

User Journey

User Test for Draft Prototype

Based on the development of user research and user experience design, I created a draft prototype and provided it to different groups of users for testing. I used their feedback to modify the problems in the draft prototype.

User Test Workshop

Testers' Feedback

Prototype

ScoliTrack's two most important features are Record Your Treatment and Measure Your Scoliosis, so this project started by creating a prototype of these two features. Through the prototype, users can understand how the features of the app can help them see their progress in the treatment and feel more confident in the process.

Future Goal

Reflection

  • Problem definition: Since the project idea came from my experience, I spent a lot of time thinking about what difficulties I had encountered in the past and what I would like to get help with, as well as looking for people online who face the same difficulties as me. These experiences allowed me to come up with a problem definition that hit the nail on the head.

  • Using data: In order to make the audiences who have no scoliosis aware that this is a problem that needs to be solved, I learned to use data to make my problem definition more persuasive.

  • Comparative analysis: I learned the strengths and weaknesses of my competitors' products from comparative analysis and came up with my unique selling proposition, which gave me more confidence in my products.

Screen from a fictional news mobile app on a blue gradient background

ScoliTrack

UX/UI DESIGN PROJECT

CONTENT

PROTOTYPE

Overview

Introduction

ScoliTrack is a mobile app that allows scoliosis patients to measure, record, and track their scoliosis to see the progress and stay motivated throughout the treatment process. People with scoliosis can feel more confident about their treatment and continue with a more positive attitude. This leads them to successfully complete the treatment and reduces the chance of surgery.

My Motivation

I was diagnosed with hereditary scoliosis when I was 15 years old. And I had gone through various treatments to treat my scoliosis. I need to do this daily treatment for 3 years to stop my scoliosis from getting worse. During the 3 years of my treatment, I could not see the progress of my treatment unless I returned to the hospital every 3–6 months for x-rays. Not being able to see the changes in the process makes me feel frustrated. When I started university, I stopped my treatment. My scoliosis worsened, and I had surgery the following year. My surgery could have been avoided if I had been more proactive in my treatment.

Tools Use

Miro: Brainstorming, heuristic evaluation, draft prototype, user test
Figma: Prototype, user test
Canva: Persona, report, presentation

My Role

UX researcher and designer

Problem Definition

Problem Statement

According to some studies, about 2–3% of the world's total population suffers from scoliosis. The prevalence rate for adolescents is even higher, at 10%, meaning that one in ten adolescents suffers from scoliosis. Treating scoliosis is a very long and difficult process. Without seeing progress, it is easy to lose confidence and motivation to continue treatment. If scoliosis patients are not involved in their treatment, it will lead to serious health problems and put them at risk of surgery.

Solution

The proposed product would allow scoliosis patients to measure, record, and track their scoliosis to see the progress and stay motivated throughout the treatment process.

Research

Problem Definition, Idea Validation Survey

During the research phase, I searched for data to support my proposed problem, which indeed needed people's attention and was worth solving. Based on the data, I established the problem definition and target users for my proposed idea.Then, I turned the proposal idea into a questionnaire and shared it with the potential users to understand their thoughts so that my future design could actually solve their problems.

Comparative Analysis

I did a comparative analysis to understand what problems the competitors in the same market were solving, what they were doing well, and what they needed to improve. From the analysis, I found out where the gap is and how I can fill it, make my proposed product different, and create a unique selling proposition.

Data Research

Problem Definition

Research Findings

User Research: Persona, User Story

According to data research, the age group most affected by scoliosis is 11–16 years old, which is also the best age to treat scoliosis. Therefore, I set my target audience at this age group of adolescents, their families and friends, and their doctor or physical therapist. They have enough motivation and need to use the features of my proposed product. Then, after getting to know these groups through surveys or interviews, I build personas and user stories.

Persona

User Stories

Design

User Experience Design: Site Map for Application, UX Theme, Journey Map, User Journey

On the basis of the persona and user story, I briefly created the features and the user experience that the application needed to provide in order to meet users’ needs and expectations. Then, in this framework, sort out the possible journey map and user journey of this application.

Brainstorming for the Site Map

Proposed Features

UX Theme

Journey Map

User Journey

User Test for Draft Prototype

Based on the development of user research and user experience design, I created a draft prototype and provided it to different groups of users for testing. I used their feedback to modify the problems in the draft prototype.

User Test Workshop

Testers' Feedback

Prototype

ScoliTrack's two most important features are Record Your Treatment and Measure Your Scoliosis, so this project started by creating a prototype of these two features. Through the prototype, users can understand how the features of the app can help them see their progress in the treatment and feel more confident in the process.

Future Goal

Reflection

  • Problem definition: Since the project idea came from my experience, I spent a lot of time thinking about what difficulties I had encountered in the past and what I would like to get help with, as well as looking for people online who face the same difficulties as me. These experiences allowed me to come up with a problem definition that hit the nail on the head.

  • Using data: In order to make the audiences who have no scoliosis aware that this is a problem that needs to be solved, I learned to use data to make my problem definition more persuasive.

  • Comparative analysis: I learned the strengths and weaknesses of my competitors' products from comparative analysis and came up with my unique selling proposition, which gave me more confidence in my products.

Screen from a fictional news mobile app on a blue gradient background

ScoliTrack

UX/UI DESIGN PROJECT

CONTENT

PROTOTYPE

Overview

Introduction

ScoliTrack is a mobile app that allows scoliosis patients to measure, record, and track their scoliosis to see the progress and stay motivated throughout the treatment process. People with scoliosis can feel more confident about their treatment and continue with a more positive attitude. This leads them to successfully complete the treatment and reduces the chance of surgery.

My Motivation

I was diagnosed with hereditary scoliosis when I was 15 years old. And I had gone through various treatments to treat my scoliosis. I need to do this daily treatment for 3 years to stop my scoliosis from getting worse. During the 3 years of my treatment, I could not see the progress of my treatment unless I returned to the hospital every 3–6 months for x-rays. Not being able to see the changes in the process makes me feel frustrated. When I started university, I stopped my treatment. My scoliosis worsened, and I had surgery the following year. My surgery could have been avoided if I had been more proactive in my treatment.

Tools Use

Miro: Brainstorming, heuristic evaluation, draft prototype, user test
Figma: Prototype, user test
Canva: Persona, report, presentation

My Role

UX researcher and designer

Problem Definition

Problem Statement

According to some studies, about 2–3% of the world's total population suffers from scoliosis. The prevalence rate for adolescents is even higher, at 10%, meaning that one in ten adolescents suffers from scoliosis. Treating scoliosis is a very long and difficult process. Without seeing progress, it is easy to lose confidence and motivation to continue treatment. If scoliosis patients are not involved in their treatment, it will lead to serious health problems and put them at risk of surgery.

Solution

The proposed product would allow scoliosis patients to measure, record, and track their scoliosis to see the progress and stay motivated throughout the treatment process.

Research

Problem Definition, Idea Validation Survey

During the research phase, I searched for data to support my proposed problem, which indeed needed people's attention and was worth solving. Based on the data, I established the problem definition and target users for my proposed idea.Then, I turned the proposal idea into a questionnaire and shared it with the potential users to understand their thoughts so that my future design could actually solve their problems.

Comparative Analysis

I did a comparative analysis to understand what problems the competitors in the same market were solving, what they were doing well, and what they needed to improve. From the analysis, I found out where the gap is and how I can fill it, make my proposed product different, and create a unique selling proposition.

Data Research

Problem Definition

Research Findings

User Research: Persona, User Story

According to data research, the age group most affected by scoliosis is 11–16 years old, which is also the best age to treat scoliosis. Therefore, I set my target audience at this age group of adolescents, their families and friends, and their doctor or physical therapist. They have enough motivation and need to use the features of my proposed product. Then, after getting to know these groups through surveys or interviews, I build personas and user stories.

Persona

User Stories

Design

User Experience Design: Site Map for Application, UX Theme, Journey Map, User Journey

On the basis of the persona and user story, I briefly created the features and the user experience that the application needed to provide in order to meet users’ needs and expectations. Then, in this framework, sort out the possible journey map and user journey of this application.

Brainstorming for the Site Map

Proposed Features

UX Theme

Journey Map

User Journey

User Test for Draft Prototype

Based on the development of user research and user experience design, I created a draft prototype and provided it to different groups of users for testing. I used their feedback to modify the problems in the draft prototype.

User Test Workshop

Testers' Feedback

Prototype

ScoliTrack's two most important features are Record Your Treatment and Measure Your Scoliosis, so this project started by creating a prototype of these two features. Through the prototype, users can understand how the features of the app can help them see their progress in the treatment and feel more confident in the process.

Future Goal

Reflection

  • Problem definition: Since the project idea came from my experience, I spent a lot of time thinking about what difficulties I had encountered in the past and what I would like to get help with, as well as looking for people online who face the same difficulties as me. These experiences allowed me to come up with a problem definition that hit the nail on the head.

  • Using data: In order to make the audiences who have no scoliosis aware that this is a problem that needs to be solved, I learned to use data to make my problem definition more persuasive.

  • Comparative analysis: I learned the strengths and weaknesses of my competitors' products from comparative analysis and came up with my unique selling proposition, which gave me more confidence in my products.