Redesigning User Onboarding: UI UX Case Study
In this article, I am going to share the process I followed while redesigning the user onboarding of a community-driven Professional Network platform called IPN. The reason behind redesigning is to make the onboarding process quick, easy, and user-friendly. So that more people can sign up and connect with other professionals.
Importance Of Onboarding Process
First impressions are rough. On average, nearly one in four users will abandon a mobile app after using it just once. Ouch. And once they’ve tried your app and left — they’re gone. That’s why it’s absolutely essential to give your users the right-sized onboarding experience for your product.
Objectives
The main aim behind the redesigning is to make the onboarding process simple and user-friendly. We also need to value users’ time so making onboarding quick is also as important. And the third lastly, to motivate people to sign up. The more people will join the platform, the more it will help others and themselves.
Potential Issues And My Solutions:
1. Sign Up Options:
For the landing screen, I assumed that platform might want users to sign up via LinkedIn so that the user’s profile will be up to date and sync with LinkedIn. So I kept the first option as a LinkedIn signup.
I shared the motive and benefits of the platform with the users to motivate them to sign up for the platform. Also, provide contact information which gives a kind of trust from the platform to users.
2. Personal Information Form:
For the first step for the sign-up process, I choose to provide a form regarding information for email and password rather than personal information. This is what most of the websites follow and most of the users expect.
3. Email Verification:
I choose not to distract users by forcing them to proceed with further onboarding from their mailbox. There will be a chance to lose a potential user from our website. The OTP verification process is very straightforward and most commonly used by many known websites. It will also not break the user flow in the onboarding process.
4. Professional Information Form:
To simplify the process I break down the form into two parts. The first form asks for personal information from the user and the second form requires professional details from users.
For the student users, I added the dropdown option at the beginning. By selecting YES, the form will include education fields and make professional job fields optional.
Conclusion
For the redesigning process, I tried to keep users always center of my every design decision. Sometimes the smallest design improvements make the biggest difference. I learned a lot of things during the process and It doesn't end here. I am always open to critiques for my design and I look at them as more room for growth.
I hope you enjoyed reading it too. Be sure to 👏🏽 clap below (You can give 50 claps at once, click and hold on the clap button) and leave your comments and suggestions. If you have any feedback or want to chat with me, drop me a message at gadhiaamish@gmail.com or connect on LinkedIn.
