Date: Jan 2018
Project: Personality Test Zone
Skills: Wireframes, Balsamiq
Homepage is the first interface where users interact with the system after logging in. The main goal of the home page is to clearly show the tasks/tests that the user have complete, and those he/she is asked to do. Therefore, I created two alternative styles: dashboard style and to-do list style. They can be used for a A/B testing on target users to pick a better one.
Similar to the Homepage, the goal of the Tests page is to indicate the progress of all tasks: what tests that the user have complete, and those he/she is asked to do. A dashboard style wireframe was created as follows.
When the user starts to take a test, he/she will go into the testing interface.
First, the user will start doing self-assessment or one of the template, as follows.
Then, the user starts to take a test, he/she will go into the testing interface as follows.
Finally, after the user finished the testing, he/she will be giving the choice to either submit it directly or go back to make some changes. Once the testing is submitted, a congratulation notice will show and guide the user to check out the report.
The team management page is for the team leader to manage the team members. Similarly, the Friends page is for the user to manage his/her friends in the system.
