Brilliant - Redesign of a quiz app
In the subject of application design, we look for an existing app to analyse it and, on the basis of the analysis, eliminate and restructure operating problems and unintuitive user interfaces.
Supervisor - rebecca Schnellhorn3. Semester - Sonja brehm, julian schwalm, Maren Schlatter
Problemspace
In the analysis phase of the quiz app “Brilliant”, we noticed the following things:
- Information architecture: You don't always understand where you are, screens are too long (scrolling), confusing functions.
- Visual elements don't belong together: On their own they look great, but they don't fit together in types of quiz-topics.
- Individualisation: The app should have personal features e.g. recording personal skills.
- More interesting quiz design: Sometimes it is hard to concentrate because there is too much text.
Topic
Redesign of the quizz app “Brilliant” and creation of a new information architecture with visual illustrations and playful quiz-variations.
Startingpoint
To get clarity into the complicated structure of quizz-app “Brilliant”, we divides the app into 3 main parts: Main functions screen, menu and the quizzes themselves.
Main functions screen
Menuscreen
Quizzes
Old information architecture
As listed in the information architecture, the app consists of 3 main components, from which it is possible to enter different areas and quiz forms, as well as general settings and difficulty levels.
Here it is noticeable that the user has two navigation levels: the navigation/manual bar in the lower part of the main functions screen and the burger menu in the upper left.
Also unusual is the illogical and confusing assignment of some functions, for example: If you are searching for a specific quiz in the search function, you can select the difficulty level of the quiz. Thats not possible on the main function screen. In addition, the search function should be in the navigation bar, instead of the burger menu.
Another example is the illogical wording of some functions, such as "Contact Support", which leads to the possible payment methods of the Brilliant app.
New information architecture (Wireframes)
We developed a new information architecture in which every function is placed in its intuitive position on the main screens.
Design principles
Modernity
Innovative, current, modern
Themes and design are always contemporary and up-to-date.
Playful and intuitive
Interesting, understandable, effective, fun, playful
Through gamificitation, even complex contents are brought closer on a playful level and the user does not lose the overview.
Individuality
Unique, versatile, independent, personalised
There are many topics available, but you can get a selection suggested according to your level of knowledge and interests.
Content reference
informative, stimulating, challenging
The content should be informative and simple, but still challenge the user and arouse curiosity.
Progress history
Reliable, durable
Through functionality and consistency in design, users want to return again and again and can also track their learning curve.
Outcome
In total, we created 4 redesigned used cases of the brilliant app.
Homescreen & Recommended Course
From “All topics” to a course
Daily Challenges
Statistics