Timeline
April - May 2021 (2 months)
Team
Product Manager
Business Development Manager
CTO + 2 Developers
Tools Used
Adobe XD, Ideate, whimsical, pen and paper, Zoom
Role
UX/ UI Designer- User Research, Data Analysis, Project Management, UX Design
"I don't have a Canadian Number"
"I travelled back to China recently and forgot my password, but I can't reset my password without a Canadian number receiving a verification code"
"Is there a way to save my password?
"I gave up because I couldn't signup without a Canadian number"
"I want to see what the app does first before signing up"
1. Registration Process
Youpi's redesign allows users from Canada and China to create a Youpi account. The form is kept short so users can quickly browse the app without spending much time at the registration. The phone number is used as the main identifier of the user as it is more unique, and an email is used as a secondary identifier that will mostly be used for account retrieval.
2. Login Process
Each user is identified based on their phone numbers, as it is more of a unique identifier while compared to an email. An alternative login method for Youpi's login process was wanted as the H5 platform didn't save passwords, which frustrated the users who often forget their passwords. Therefore, a mobile verification login method was added. A code will be sent to the user so the users are not required to remember their passwords. As long as they can receive an SMS, they will always be able to log in.
3. Forgot Password
Based on the feedback and the newly created personas, we discovered that one of the user group travel often, and might not be able to retrieve an SMS code for resetting their passwords. Therefore, we added an email verification code retrieval option for this type of user. Although emails are used as a secondary identifier, users still have to verify their emails when they register, and they also have to verify both the old and new emails when they want to change their email.
4. Third-Party Authorization
With third-party authorization, users can speed through the registration process. Since the third-party app doesn't have all the form fields that we require, we added an additional "complete your profile" form. The form field was shortened so users only have to fill in the necessary fields for creating an account, and the rest of the information can be completed in the app's profile section.
1. Registration Process
Youpi's redesign allows users from Canada and China to create a Youpi account. The form is kept short so users can quickly browse the app without spending much time at the registration. The phone number is used as the main identifier of the user as it is more unique, and an email is used as a secondary identifier that will mostly be used for account retrieval.
2. Login Process
Each user is identified based on their phone numbers, as it is more of a unique identifier while compared to an email. An alternative login method for Youpi's login process was wanted as the H5 platform didn't save passwords, which frustrated the users who often forget their passwords. Therefore, a mobile verification login method was added. A code will be sent to the user so the users are not required to remember their passwords. As long as they can receive an SMS, they will always be able to log in.
3. Forgot Password
Based on the feedback and the newly created personas, we discovered that one of the user group travel often, and might not be able to retrieve an SMS code for resetting their passwords. Therefore, we added an email verification code retrieval option for this type of user. Although emails are used as a secondary identifier, users still have to verify their emails when they register, and they also have to verify both the old and new emails when they want to change their email.
4. Third-Party Authorization
With third-party authorization, users can speed through the registration process. Since the third-party app doesn't have all the form fields that we require, we added an additional "complete your profile" form. The form field was shortened so users only have to fill in the necessary fields for creating an account, and the rest of the information can be completed in the app's profile section.
The redesign of the registration process was launched with the entire app. Within the first month, the customer support cases for the registration process decreased by 95%. Check out the live product by scanning the QR Code on our website.
The next step is to develop an app version of Youpi. With a different platform, there will be minor changes that need to be made to the UI, as well as reconsidering some of the User Experience. The H5 version was designed with a lot of limitations from the browser, so a native app will be a lot more flexible in terms of what it can do. For example, an alternative login method due to the hassle of remembering a password with a password vault. However, a native app will have the ability to save the password for future uses.
Another difference would be the flow of third-party authorization, as it would have to jump back and forth from an app. However, more third-party apps will be available for users, which will simplify their registration process even more.