top of page

BookBeat KIDS

APP DESIGN   

MY ROLE UX, Art direction, icons design

WITH THE BEST TEAM Annette Emmoth, Lars Söderman,

Jeanette Claesson and Johanna Brag

WHERE? Group project at 

Berghs upgrade - Digital design

WHEN? DEC 19'

THE BRIEF

BookBeat is a subscription service for streaming audiobooks. An important selling point is the family subscription which allows adding separate profiles for each family member to the account. As the growth of the total market has slowed down, focus is shifting towards offering the best possible user experience for all users in order to attract and retain customers.

In two intense weeks, we were asked to look at how to improve the user experience for users of family account child profiles, the specific scope was children 9-12 years.

RESEARCH METHODS

Interviews

Parents and users

Surveys

Around 80 participants

Market analysis

Reading habits statistics

Competing services study

Popular apps and games - user behaviour research

Prototyping & testing

Customer journey

Two personas

Double diamond method

Workshops

Design thinking

Value proposition canvas-

with the client

ANALYSIS

Target group

Two groups among Children 9-12 yrs:

1. In need of motivation to use BB

2. Frequently users

Target group's motivations

- Craft and create
- Get facts and information
- Sharing things with friends
- Get confirmed (prizes and trophies      from the gaming world) 
 

Target group's behaviour

- Scrolling quickly and vertically 

- Limited focus and attention

- Easily switching between apps

- Clicking fast

- Looking for a familiar subject

- Most popular time of using the app    is bedtime.

Target group's needs

- Big buttons and pictures

- Sharing and chatting possibilities

- Search tool that works well with            spelling mistakes

- Parental involvement

- Customized and inspiring content

- Conformation method 

HYPOTHESES

ONBOARDING FLOW

After testing each of the hypotheses through user testing of simple prototypes, we found that Personalisation had the most potential for our project. We set out to create a new onboarding flow incorporating our thoughts on how a new user could make and modify their avatar, choose their areas of interest, and also to show how the avatar could be present in the navigation.

Confirmation and awards

Based on our insight that awards and confirmations are important motivators in the gaming world as well as at school and daily life for children that age, we would like to check how might we use that to increase the time the kid stays in the app. For example, a trophy/new level badge for listening time or finishing a chapter or a book.

Sharing

According to articles and papers we read and interviews we conducted, for children 9-12 group affiliation and social interactions are important. This age group are used to and appreciate being able to share their digital experience with their friends. We will give our users the ability to share their experience from within the app, in an interesting, fun and quirky way - via text message or social networks. We also give them the possibility of writing book reviews, and commenting on other users reviews.
 

Scrolling

From our observations, children in our target group scroll very fast and non-stop. It also seems to be more natural for them to scroll vertically as horizontal content was completely ignored. We will adjust the user experience accordingly, by increasing the vertical depth and reducing the horisontal depth. We will also increase the size and clarity of the book titles and covers, to make them more easily perceived in this navigation tempo.

Personalisation

Our young users are creative and curious. They tend to have preferences regarding content and the appearance of what they engage with. We will give the users several ways to customise their experience: 1. Build their own avatar - pick colours, clothing, style and implement it in the navigation flow later. 2. Choose areas of interest to show in the content. 3. Customise the appearance of the app by picking a favourite background colour.

IDENTITY DESIGN

After the research we know our users need an organised and calm design with a creative and personal feel. I created this Bauhaus inspired mood board to give us a look and feel that matches our users' needs. It also adds an emotional and nostalgic dimension to the design because it's an old concept, like books, and it will help us to preserve the intimacy and the relationship between the reader and the book.

Moodboard.001.jpeg

LOGO

Combined with the BookBeat original logo and made out of basic shapes. Creates a fun a playful look and feel.

BB-kids-logo.png

TYPOGRAPHY

For headlines I kept the original font from BookBeat design but for texts we needed to have a good, san serif, modern screen font with a little vintage vibe.

COLOURS & SHAPES

Basic colours and shapes. The colours got a bit of a twist to make them calmer and more sophisticated. 

Screen Shot 2020-02-03 at 11.20.57.png
Screen Shot 2020-02-03 at 12.03.39.png

ILLUSTRATED ICONS

The icons were designed for different categories. They are both complicated and simple. Made out of simple, basic shapes, but more detailed and illustrated then usual icons, to inspire and attract our users.

Artboard 5 copy 3@4x.png
Artboard 5@4x.png
Artboard 5 copy@4x.png
Artboard 5 copy 4@4x.png
Artboard 5 copy 2@4x.png
Artboard 5 copy 6@4x.png

ONBOARDING FLOW

onboarding-1.png
onboarding-2.png
onboarding-3.png

This is the outcome of an avatar test we managed to do the night before the presentation. It is the masterpiece of Alice, 9 yrs.

avatar.gif
avatar-elise.png
flow-1.png
flow-2.png
bottom of page