Since the nail measurement process starts with fingers and then moves to thumbs, it's important to begin finger measurement from the table edge. This prevents issues with lifting the thumb off the table.
myEDIT
Optimize the tutorial page to improve the success rate of nail measurements
overview
In 2022, I worked at Kiss Products, a leading company known for its fake nails. Each nail set includes 28 nails designed to fit various sizes, resulting in many nails going unused and discarded when they don't fit consumers' nail sizes. This not only leads to unnecessary production costs but also negatively impacts the environment.
To tackle this, Kiss introduced myEDIT, an AI-powered nail measurement service. I was part of an ambitious beauty-tech project to improve the nail measurement experience.
Product
ios
What I did
User research & testing
Product design
Interactive prototyping
My Role
Product Design lead
Timeline
July 2023- Present
Summary
Motion graphics for
clear nail measurement
Text-based tutorials led users to quickly skip through content, resulting in various nail measurement issues. To address these issues, motion graphics were used to deliver how to capture nail, achieving a 96.6% success rate.
Challenge
Easy nail measurement process
This project aimed to help customers easily find the perfect nail fit using AI technology. We focused on creating a simple nail measurement process to ensure an enjoyable experience.
Goal
Our high-level goals are...
1. Make it easy and enjoyable for everyone to use
2. Be the platform that provides accurate nail size result
Kick off
Testing the measurement process in initial app
Before I joined, the project focused on improving the accuracy of the ML model, which resulted in weak visual communication.
I worked with our UX researcher, to run usability tests on the app with 6 participants experienced in using fake nails.
Our goals were to identify potential issues during the measurement process.
Insight from UT
Attempts to measure their fingers on the tutorial page
The tester mistook the tutorial page for the nail measurement page due to the camera button and clicked the camera icon multiple times.
Begins finger measurement from the center of the table
There were no guidelines for measuring fingers at the table edge, which led to the error of lifting the thumb off the table.
Problem
Text-based tutorials ignoring fingers and thumb characteristic cause measurement issue
Skip tutorial quickly
People tended to skip tutorial pages without reading the text.
Lift thumb on table
Those who started measuring with their fingers in the middle of the table tended to lift their thumb when measuring.
Solution
Tutorial Redesign
Make users watch, not read
In the era of short-form content that favors quick information consumption, we aim to deliver the nail measurement process easily and efficiently through motion graphics
Measure fingers from the edge of the table
Show Good → Bad example
Show the correct and incorrect examples of thumb measurement in sequence to visually communicate that the thumb should be placed on the table.
The Beta launch
Meet users through QA test
During the 3 months since I joined the project, the myEDIT team made numerous adjustments to the tutorial page to effectively deliver the new AI-based nail measurement experience.
In January 2024, we were able to present the beta version to consumers. As this was the first release of the myEDIT app, I, as the design lead, was keen to see the initial impression it made on users and whether the nail measurement process proceeded smoothly.
myEDIT beta app link shared by the developer
The impact
Positive result in
nail measurement
89 people participated in the QA test, and their feedback on the clarity of directions was highly positive.
success rate
96.6%
86 people successfully completed the nail measurement.
Clarity of app directions
81.3%
72 people indicated that the app's direction is clear.