© 2022 Fion W.LC. All rights reserved.
Case Study
Registrations Various Opt-In
Reducing the customer registration time from ten minutes to three.
Where can new users opt-in?
- Social Media
- Redirect from Binary and Uni-Level Tree
- Unique Link
ROLES
PRODUCT DESIGNER • UX DESIGNER
problem statements
Rafiki The Maker does not permit any random user to sign up for their platform and gain access. Recruiting new members is restricted to those with verified referral and management credentials. Without the unique referral ID, the registration process cannot continue.
Based on the first version of the registration form that was conducted, as depicted in the image below, I had gathered a few user pain points.
Considering that the concept of the platform is rather new, everybody who signed up with us would require additional instruction. After concluding a conversation with their reference, users will often be directed to the registration page. The majority of users were easily overwhelmed by the amount of material they were expected to absorb; as a result, the compositions caused them to experience some stress while attempting to complete the procedure.
As a user, I should never have to devote a millisecond of thought to whether things are clickable – or not.
— Steve Krug
the design Solution
Focusing on a single objective at a time is the greatest way to assist our users in completing their journey tasks. It would be more comprehensible if there was only one goal to focus on per screen, as opposed to several objectives. These are the goals users would attempt to complete throughout the form;
- Users Sign Up Referral Verification
- Sign Up Subscription
- Create Account
Before proceeding, the layout composition was structured to ensure consistent implementation across each registration screen. To help users understand their registration journey, a secondary bar was created beneath the primary menu. This allows users to track their progress and anticipate their next steps.
The two columns displayed in the screenshot are designated for entering the majority of user information. This two-column layout reduces the need for lengthy scrolling and enhances focus on the page’s content.
“Reminder” and “predict and auto-filled” will be implemented as the primary design solutions for the registration journey. It is crucial that users are reminded of their actions on each screen and are always aligned with their primary focus.
The below timeline journey is one of the elements that serves as a reminder for the user by highlighting each title and step. Leaving the steps in place assists users in preparing for and anticipating the next phase of a process.
Additionally, a thank-you screen was included, featuring potential support information for users to refer to if needed. This screen is crucial, allowing users to opt-in for different information via email based on their referral type and providing future flexibility for various possibilities.
Research indicates that reminding users of their options at each step reduces emotional stress, making this feature beneficial beyond its primary purpose.
The subsequent experience for users involves verifying their referrer IDs. Predictive and auto-fill capabilities were implemented to help users quickly locate their referrer. These features ensure that IDs are correctly validated or auto-filled if accessed via a unique link.
This type of verification enables a faster registration process. The behavior of the referrer may vary depending on the type of opt-in user.
These were also implemented on other screens along the user experience, where they support the auto-filling of account creation information. On the screen where one creates an account, the first choice of country determines the currency symbol and phone country code.