Due to the expansion of digital in the modern era, there is plenty of different routes that individuals can take to acquire new opportunities. At Rafiki The Maker, I had the chance to work on a project that cut the time it took to register a new customer in half, from ten minutes to three.
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
Before moving further, I structured the composition of the layout that will be implemented consistently in each registration screen.
To help our users in understanding their registration journey, I created a secondary bar beneath the primary menu. Users are then able to keep track of their status on each screen and better anticipate their next action.
The two columns displayed in the screenshot are where the majority of the users’ information will be entered. Using two columns may lessen the likelihood of a lengthy scrolling behaviour on a screen and also improve the emphasis 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.
In addition, I included a screen with thank you message that includes potential support information to which users may refer if necessary. This is a major screen that allows users to choose to receive different information via email based on the opt-in referral type. It may also provide future add-on flexibility for various possibilities.
Other than fulfilling its purpose along the journey, research indicates that reminding users of each pace’s options reduces emotional stress.
The subsequent experience that a user may encounter is the verification of their referrer IDs. I had implemented the predict and auto filled capabilities to assist users in quickly locating their referrer. The advantages are to assist the user in validating that the IDs entered are correct or are auto-filled if clicked from a unique link.
This type of verification allows users to move through the registration process more quickly. The referrer’s behaviour 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.