Legevo

Self initiated university project
Product strategy, Research, Prototyping, UI Design

A valid basis for discussion.

Goal

Working out a prototype to enable kids in primary school to prepare themselves independently from adults for their half annual learning reflection interviews in school.

Isometric ordered screens showing parts of the Legevo app.

No truly honest estimation of own competences on the part of the child.

Problem

After a lot of literature research, material revision and an expert interview a bunch of problems were identified in the whole process of Learning Reflection Talks (LRT).

Since the fundamental goal (to receive the child's honest estimation on its own competences) easily can be missed especially the preparation process needs to be improved.

Three printed questioneers with written text only and boxes to cross answers.
Current preparation material offered by federal states of Germany. Children have to fill these forms at home.

“I think it really would be a more valid basis for discussion if you would know the real estimation of the kids and not an estimation filtered through a third person.”

Prof. Dr. Jung
Snippet from expert interview with Prof. Jung, University of Würzburg, Human Science Department
Journey map of the kid's preparation process for learning development talks. A graph shows happy and frustrated moments during this journey.

Empathy map

An empathy map for the school kid helped to manifest the main problems and goals it has towards this preparation process.

Problems and goals could then be translated in the following process into requirements that need to be fulfilled to solve the defined problem

Empathy map of a kid. Picture of kid in the center and sticky notes surrounding it.

Children’s independence through audio & visuals.

Solution finding

A mindmap containing identified requirements helped to write down first ideas on how to fulfill them. Wireframes visualize these ideas as an iPad application. Illustrations and audio help children experience and understand each item through diverse senses.

With a bit of story-telling motivation and interest should increase.

Mind-map with just written text.
Mind-map to fulfill evaluated requirements
Photo of wireframes in prototyping tool.

Extra large buttons and visual simplicity.

Visual exploration

During my research for a potential first design draft I found out, that there are a few requirements to fulfill when doing UI design for kids. Since their motoric abilities are different from adults’, control components need to be very dominant with some bigger action areas.

Neutral colors and simple shapes shall help to keep the concentration level high and not lead to distraction.

Close-up of one evaluation item, On top of the screen the item is written while one word is highlighted. Underneath the screen is splitted in two parts. On the left hand side an illustration of a character ignoring a crying character is placed. On the right hand side the main character cares about the crying character. Both pictures are seperatey by a slider that can be moved horizontally. On the bottom there is a progress bar and some "back" and "continue" buttons.
A draggable slider as idea for rating competences.
Collection of UI components such as buttons, header and footer. Also Font, font size and color swatches are displayed.
Design components

Characters & Story

To allow everyone to identify with the main character, no gender was assigned to it. Some tests are necessary to find out whether the characters are tool abstract or if they work fine.

As a story I selected the idea of transforming each subject / competence block into a "world" the main character visits.

Three smiling characters standing close to each other. The characters are made out of basic geometric forms and each character has its own color. The three characters are blue, orange and white.
Screen shot of subject selection view. On the left side an illustration of the main character in a subject specific world is displayed. On the right hand side the name of the word is written and a button makes this world selectable. On the bottom of the screen the wobbly navigation all subjects are visible.
Screen shot of subject selection view. On the left side an illustration of the main character in a subject specific world is displayed. On the right hand side the name of the word is written and a button makes this world selectable. On the bottom of the screen the wobbly navigation all subjects are visible.
Screen shot of subject selection view. On the left side an illustration of the main character in a subject specific world is displayed. On the right hand side the name of the word is written and a button makes this world selectable. On the bottom of the screen the wobbly navigation all subjects are visible.
Each subject is its own "world" the child can dive into to work through the items.
Kid using the Legevo app on an iPad.

Testing sessions are urgently needed.

Learnings & Outlook

1. Organising test sessions with children needs to be planned far in advance.

2. Step by step other parts of the application need attention, like the whole onboarding process.

3. I lost time because I focused too much on technically working results than spending time on the design and story in the beginning.

4. I need to get better in documenting all the steps in a representable way..

Thank you for watching.

Close