A series of frames were designed in order to guide and facilitate the development of the application. 5 mini interactions designed and integrated into a linear narrative.
The user interface for this product did not only include graphic user interface elements but also character design and background illustrations.
Designing for kids is a big challenge. their attention span is very short and they can shift their attention to something else quite quickly. Keeping them engaged with interactions and an audiovisual experience was essential for the experience. We limit interactions to the basic touch gestures and included clear language and affordances to guide them through the narrative.
An animated tutorial appears at the beginning of each interactivity explaining what the user needs to do.
The use of affordances enables the user to perceive the possible action available in the screen. The arrows suggest the user to shake Mary’s wings up and down to make them dry.
Our goal was to retain our user’s interest and attention along the story. To do so we made use of text, animation, voice over and sound effects that support the narrative of the story. The objective with this is to retain the children’s attention along the whole experience.
This is what people have said about Mary The Fairy!