Brilliant - Redesign

Redesign of an existing quiz app on the market, called "Brilliant", and creation of a new information architecture with visual illustrations and playful quiz variations.

CONTEXT

3. Semester (B.A.)        Invention Design II

TIMELINE

September 2019 - January 2020

SUPERVISION

Rebecca Schnellhorn

TEAM

Sonja Brehm, Julian Schwalm,     Maren Schlatter

01 Analysis

Identifying Pain Point

During the analysis phase of the quizzing app "Brilliant", we gathered insights about user behaviour, interactions with quiz questions/tasks and pain points. These insights are crucial for identifying the problem areas of the existing app and creating the basis for the redesign.

Keyfindings:

Information architecture

While using the quiz app and working through the individual quizzes, we often lose orientation. The screens are way too long and result in an endless scrolling behaviour, which makes orientation even more difficult.

Individualisation

The app should offer functions that make the application more personalised for each type of user. For example, making your own progress trackable or creating a search potential through a reward system.

Visual elements

The individual design elements look good visually, but do not match the styles of the quizzes, as each quiz has its own character.

Interesting quiz design

Sometimes it is difficult to concentrate because the visual elements and text are too heavy. The relevant information should be emphasised and unimportant input reduced.

Startingpoint

To get clarity into the complicated informationarchitecture of the quizz-app “Brilliant”, we divide the app into 3 main parts.
Main Functions
Menu
Quizzes

Visualizing the existing informationarchitecture

As listed in the information architecture (picture), 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 in levels. 
It is noticeable, that the user has two different navigation options: the bottom bar and burger menu, which are both located in the "main functions" screen.
 
Examples for missleading navigation:
While searching for a specific quiz on the "Menu" screen, it is possible to select the difficulty level of the quiz. Thats not possible on the "Main function" screen, which is the default screen of the app. The wording of "Contact Support", which leads to the possible payment methods of the Brilliant app, is missleading.

02 Optimized Concept

Optimized informationarchitecture

In order to be able to work out the previously complex information architecture, we streamline the visualization process through the creation of wireframes. 

By distilling extensive information into the most essential functions, we can prioritize intuitive navigation and strategically localize key features on relevant screens. This approach aims to enhance our user experience by promoting ease of use and accessibility.

03 Design Concept

Design Guidelines

By creating design guidelines, we help ensure consistency, clarity, and usability in the design of the reworked app. 
We are using them as a framework to follow, providing direction on aspects such as visual aesthetics, layout, typography, color schemes, and user interface elements. To enable users to have a predictable and intuitive experience.

Modernity

Themes and design are contemporary and up-to-date.

Playful and intuitive

Through gamificitation, even complex contents are brought closer on a playful level and the user does not lose    the overview.

Individuality

Themes and design are contemporary and up-to-date.

Description

With help of hand-motion tracking the sign language will get translated into grammatically correct written sentences. Other features, such as using sign language to write and send emails or to make phone calls via voice output are now possible. It is now possible for deaf people to write grammatically correct articles in any way. 
The user should be then able to make calls (customer service)/ online communicate with hearing people (translator)/ write emails and texts with correct grammar (education).

Features

The ASL plug-in can be used in different ways and offers   various features

  • The iPad's camera automatically recognises when the plugin should come into effect, because the camera is activated as soon as both hands are recognised by the iPad and the user can start signing.

  • The user can decide during or after signing which words he wants to replace with certain slang words. The plugin recognises grammatically incorrect sentences and automatically changes them.

  • The plugin translates in both directions! From sign language to textual output; from textual input to sign language output by using an avatar!