New subscribers are required to go through multiple steps, such as taking a style quiz and adding items to their wishlist, before their initial shipment. However, the existing onboarding process is lengthy. To address this, I created a streamlined onboarding experience for both the website and mobile app. This approach ensures we gather essential data for AI-driven recommendations while minimizing the time and effort required from new subscribers.
SKILLS
UX/ UI design
TEAM
Developers, Product
manager, Stylist
PLATFORM
Desktop, Mobile App
COMPANY
Taelor
New subscribers must complete an style quiz detailing their body measurements, color preferences, and style choices before receiving their initial shipment.
Minimize onboarding duration and reduce overwhelm
Enhance user satisfaction and engagement
Style quiz is overly extensive, potentially overwhelming users with too many questions.
I conducted interviews with 5 new subscribers signing up within one month.
1. What is the most confusing or challenging part during on boarding?
2. Which section consumes the majority of your time?
Participant 1:
I don't know how to do measurement correctly.
Participant 2:
The choices for color selection are somewhat restricted, and I would prefer to provide more detailed responses.
1. New subscribers experience fatigue due to the length and complexity of the onboarding quiz.
2. Essential data for AI recommendations is often incomplete due to early drop-off rates.
How might we
Help new subscribers go through the onboarding process with lower effort while collecting the data we need?
%201.png)
1. Simplify initial Data Collection: Focus on essential information upfront
2. Gamification Elements: motivated users to provide more comprehensive data.
3. Visual aids and interactive elements: significantly enhance user engagement compared to text-heavy instructions.
Users are fatigue due to the length and complexity of the onboarding quiz.
1. Segment the Quiz: Breaking it into smaller, thematic sections. This can make the quiz feel more manageable and less overwhelming.
2. Allow Users to Save Progress: allows users to save their progress and return later to complete the quiz can significantly reduce fatigue.
3. Shorten the Quiz: Review the quiz and identify questions that are absolutely necessary.
4. Simplify Questions: Ensure that the questions are straightforward and easy to understand.
Consequently, we have reduced the questions to a total of 14 and organized them into categories to minimize cognitive load. Additionally, we collaborated with a copywriter to ensure that the questions are easily understandable.
Some style questions are hard to answer due to unclear definitions, specific jargon.
We are considering adopting a Tinder-like approach, allowing users to swipe left or right to indicate their preferences, focusing their attention on one outfit and style at a time, rather than presenting all options simultaneously.
The trade-off with this swipe-based approach is that it might decelerate the user's decision-making process. Therefore, we'll need to collaborate closely with our stylists to ensure balance between user engagement and efficiency.
Some style questions are hard to answer due to unclear definitions, specific jargon.
We incorporated graphics to enhance user understanding and engagement with our style quiz.
We did five user testing with non-subscribers. Average process completion time reduced 30%. 95% testing users are satisfy with the new style quiz.
Senior designer feedback:
1. More consistent selection style throughout
2. Breakdown conditional questions.
Before
Dropdown input is not mobile friendly. Take off the drop down treatment. Use type and select instead.
After:
Take off the drop down treatment. Use type and select instead.
During the user testing phase, users expressed their satisfaction with the intuitive and seamless overall experience. While the majority of interactions and wording received positive feedback, we did identify a few areas for potential improvement. And we mentioned in front paragraph.
Pay attention to detail:
Through this project, I realized how the interaction and visual could influence users' experience and impression to a service. I need to move my level from ok to use become perfect.
Learn how to create UI Components/ design library:
As we have longer surveys, I discovered that creating UI components can facilitate and expedite the process of making changes. Additionally, it aids other designers in achieving visual consistency across all elements. This allows us to allocate more attention to the content itself.
