We created wireframes to iterate on the structure and user experience before making an investment on the visual design.
The default view for the app is card view, which allows for a gamified experience of the app since the answers are hidden on the back of the card.
Users are able to toggle to list view, where the question and answers are visible simultaneously.
We designed the web app to be responsive to accommodate all screens. For tablet, we designed a prompt to add the web app to the home screen.
The native apps include onboarding screens to familiarize existing and new users with mobile-specific interactions.
We conducted research to see what are the most common visuals that people associate the six trivia categories with and designed them at the smallest scale that people would see them across all devices.
Animations are used in the app to help transition from one state to the next, for example loading the app, generating a random quiz, refreshing a page, or loading more trivia.