User Interface
Coming to the user interface, our main goal was to keep it as consistent as possible with our existing design system (using Shopify's Polaris) to make sure the user experience would not be hurt, development would be optimal and the feature efficient.
From the quiz dashboard, when users click on “New quiz”, it prompts the new templates feature.
When users start a new quiz, they’re now prompted with a page that they can browse through the templates, use filters to find what they’re looking for, switch tabs to use their own (previously) created templates, or just start from scratch. All from a single page, organized to give users the control and not overwhelm them.
Filters, sorting, search bar, gallery. All controls in users’ hands.
On the template details page users can see more details on that template, look at bigger images of the quiz’s pages and its mobile version, before committing to a specific one.