Improve the usability of the Android game builder web app and design mobile experience so that users can easily create and customize their own quiz games.
Surveys revealed that he majority of users have an Android phone. They would like to have the ability to create game drafts on the go when they are inspired. Users sometimes have struggled to understand the wizard process and where they are in it. Furthermore, heuristic evaluation revealed that at crucial moments, there was a lack of system statuses, inconsistent interface elements and patterns, and ill-defined visual hierarchy.
Material Design and Progressive Web App
To help establish clear visual hierarchy, Material Design language was implemented for both the mobile and web version. Since it is an Android builder, progressive web app was proposed for the mobile devices so users can use the app on the go and create game drafts, even in the offline mode.
The branding color theme was expanded with two more colors to help differentiate different clusters of information. Rounded edges in fonts and icons complement the existing Quick App Ninja logo.