To visualize the task flow of new user onboarding experience, I created a task flow and presented it to the developers and the designers to better demonstrate the user flow.
Based on the task flow, I sketched a wireframe on Axure RP Pro to demonstrate the design of the onboarding page, the process of doing a task, and acquiring rewards. Each window has a closed button that allows users to quit the program anytime. I worked closely with the UX design team to turn the wireframe into a high-fidelity prototype.
To personalize the onboarding experience, I decided to keep the visual design styles unified. It made the experience from other platforms to YY Live via the advertisements visually customized and consistent and created a continuation of the post-click experience from the other platforms.
Then, I communicated the visual design ideas of onboarding with the UI design team, and we came up with the 3 visual design themes: festival, nature, and amusement (from left to right).
Developing the Programs
When the product design concept was fully refined, I turned the wireframe into a product requirement document (below) to elaborate on the program features, functionalities, and design details and designed A/B tests to collect user data for data analysis and product iteration.
Then, I scheduled a development period with the engineering team and handed them the document along with the high-fidelity prototype made by the design team. Then, the product was ready to be developed.
During the developing phase, I periodically checked in with the developers and answered any questions they may have.
In the testing phase, I walked through the programs with the quality assurance team to ensure error-free before launching the program.