interaction designer, creative technologist
index.jpg

Audible Kids (App, Mobile VR, UX/UI)

Audible Kids

An Audible VR Experience - Introducing a new way of listening for kids

 

Overview

Audible Kids is an app that combines the audio book with virtual reality. With Audible Kids, Parents can help kids turn their hand drawings into mobile VR experience. It aims to encourage kids to express their creativities while listening to the audible books. The magical power of Audible Kids is that it turns something from physical reality to virtual reality, and connects visual sense to auditory sense.

Keywords

Education, Art and Design, UX/UI Design, iPhone App, Mobile VR, Unity 3D

Information

YEAR  April, 2016

ROLE  UX/UI Designer

TEAM  TwinkLolMikeiHuang(UX/UI) / Miyeon Kim(VR) / Iris Qu(VR)

 
 

Audible Kids won the Second Prize of Future of Listening Hackathon, hosted by

Amazon Audible & NYC Media Lab

 
 

FEATURES

feature1Diagram.jpg

1. Hands on activity while listening

Children can draw their imaginations out using the template that Audible Kids provided while listening to their favorite books

 
VR

2. Turn drawings into 3D VR world

By simply taking a picture of the finished drawing, our app turns it into a 3d environment

Just using google cardboard, children can view their drawings in Virtual Reality!

 
Audible-05.png

3. Online Creative Community

After drawing and uploading, parents can help children share their creations in our online community, or browse other kids' drawings and boost their creativity!

 
 
 

Design Process

1.0 Brainstorming & Ideation

Future -> Children

The design challenge of the Hackathon is to imagine "the future of listening".  On the first night of the Hackathon, our team sat around a huge paper and drew a concept map using brainstorming method. When we finished and looked at the map, the word "Future" got connected to children and emerging technology. Within a short consideration, we defined our target audience to be children. 

Audible book -> Bedtime Story -> Imaginations

Playing audiobooks to kids is like parents telling bedtime stories to them, they imagine the places, characters and scenes in the story. It's a wonderland for imaginations and creativity. So designing a tool to help boost and document this imagination came naturally. Combining with the emerging technology, we decided to create a "wonderland" for kids using mobile VR, because it's accessible to every family.

 

After coming up with the idea, we quickly listed out and separated the tasks to all teammates based on our specialties. I was mainly responsible for UX design, including information architecture, sitemap, user flow, wireframe, prototype.

IMG_4533-2.jpg

Because the main interactions for kids are listening to the audible book and drawing on the paper, which heavily relies on Audible resources, so we decided to design it as an extra function for existing Audible app.

 

2.0 Target Audiences & Scenario

Our direct target audience group is children from 3 - 12 years old. Within the range of 3 - 12 years, they can be separated into 3 groups: 3-6 years old, 7-9 years old, and 9-12 years old.

Based on the research about our target audiences, we created 3 different scenarios. For kids from 3-6 years, they need to use Audible Kids under parent's supervision and guidance. For 7-9 years old, they can use it with some help from parents. As for 9-12 years old, they are able to perform even when their parents are not around. Naturally, another target audience is parents.

 

2.1 Flow Map

 
 

After user research, we defined our main functions, I then created a flow map to sort out the whole process, there are 3 main stages to complete the task:

Explore the books -   Listen and draw paintings-  View in VR

For listening and Draw Paintings, there are 3 different scenarios:

1. Don't have a template  2. Already have a template  3. Finish drawing

 

2.2 Userflow & 2.3 Wireframe & 2.4 Prototype

Because of the time constraint, I just drew everything on paper, it's quick and disposable so that I can easily test it among us and iterate.

 
low-res.jpg
 
 

3.0 UI Design

When I was working on the prototypes, Mikei did the key visual design and create a UI template. After we finished UI design for all the screens, we imported them into invision, and create a quick interaction prototypes for the final showcase.

 
 

4.0 DEMO

 

While we were working on the UX/UI design, the other two team members - Miyeon and Iris developed their hand drawings into 360 VR view on google card board using Unity 3d.

 
 

1. Print a template

2. Upload and view in VR

 
 
 

 
 

End