USABILITY TESTING
After testing with my interviewees, I realized that I wanted the quiz results to incentivize users to make an account, subsequently leading into the login process. I also changed the quiz CTA on the home screen to a popup format - something the user has to intentionally click away from if they don’t want to take the quiz.


The first challenge was the initial screen - it was not clear that the “take quiz” area worked like a popup and so the rest of the screen wasn’t clickable until you interacted with the quiz area. The second issue was the quiz results - it wasn’t clear where to view them. Here are some of my iterations:
- My first change was the first screen - I needed to make sure that the “take quiz” banner looked like the rest of my popups, and so I decided to duplicate the style exactly. I replaced the “no, thanks” with a simple X on the corner of my popup. Hence, the two screens were consolidated into just one main home screen.
- I incorporated a create account / log in screen after taking the quiz (to save results), and made the quiz navigation more robust by illustrating more thorough flow versions of: 1) signing in to view results, 2) signing in to save progress, 3) exiting without signing in.
- I made the results page more obvious by 1) changing the copy, 2) making the font larger, and 3) making the banner shorter so the results themselves are moved up.
- I added in a “view results” button at the top of the personal account page, so that users can always find / go back to view their results whenever they want.