TABLET APP DESIGN - 5 DAY DESIGN SPRINT

Tiny Tales

Helping parents find books to read to their children easier and quicker

Role

UX/UI Designer | Branding

Duration

5 Day Design Sprint

Tiny tales title image.png

Tools Used

Adobe XD | Overflow | Zoom

Introduction:

Too much time spent searching, less time spent reading.

 

Parents of young children find it difficult and time consuming to find new books for their kids. Choosing a story to perfectly fit a child’s comprehension level, relevant social issues, and interests can be challenging. Parents of multiple children often look for stories that can transcend age or grade level, and can teach their children lessons relevant to them. Often, parents look for content which reinforces topics addressed at school. It can be extremely challenging for an average parent to juggle all of these variables to find a perfect fit for their child.

Tiny Tales is a startup that allows parents to
spend less time searching for books, and
more time reading to their children. By providing a personalized platform for users,
Tiny Tales makes appropriate recommendations for users and features a
search tool
which generates a list of books tailored to the child’s interests and needs.

The objective of this
5 day design sprint was to create a digital space that allows users to quickly find books that fit the needs of their children.

 
Day one.png

Understand & Map

 

Creating a user map based on the research.

 

After analyzing the user research that the Tiny Tales team had conducted, I was able to
reach a better understanding of the problem at hand. I created the start of a
user map of the flow that will be used to efficiently solve the problem.

[USER MAP]

tiny tales user map.png
day two.png

Research & Sketch

 

Understanding the competitors.

Day two started with market research to better understand competitor products. I
conducted lightning demos which examined two major platforms:
Goodreads and Epic!.
After exploring both apps, I summarized my findings in the cards below:

goodreads.png
epic.png

Designing the critical screen.

Using insights from market research I revisited my initial user map. With a more clear concept of Tiny Tales in mind, I determined the most critical screen which in this case is the results page following the book selector tool.

[CRAZY 8 EXERCISE: THE RESULTS PAGE]

crazy 8.png

I chose the most effective version of the critical page and sketched a three panel
board
showing the critical screen itself, and the screens that come before and after.

three panel.png

[BOOK SELECTOR PT.2]

[BOOK PAGE]

[RESULTS *CRITICAL*]

DAy three image.png

Decide & Storyboard

 

Personalization is key.

I proceeded with a storyboard that focused on curating a list of books appropriate to reader’s age and comprehension level, but that was also interesting and relevant to the reader. It was my goal to create an a platform not only personalized to the user, but also accessible and easy to navigate for children and adults alike.

[STORYBOARD]

Storyboard.png
Day four.png

Prototype

 

A step-by-step look at the user flow.

Tiny Tales was designed with ease-of-use, accessibility, and visual appeal for not only parents, but children as well. The prototype contains features to create multiple, personalized user profiles with the intention to narrow book suggestions for readers.

hf screens 2.png

[START UP PAGE]

The startup screen was designed with a color palette associated with children and education, but also has sleek elements meant to appeal to adult users. The logo was hand-drawn by me to incorporate the original idea, but with a softer and more appealing look.

[ACCOUNT SETUP]

The “create an account” process is tailored to adults, as parents or older children are most likely going to set up their accounts.

[USER INTERESTS]

The interests page was designed to be interactive for children and adults. The images were carefully selected to appeal to children of all ages. The information gathered in this screen will create personalized recommendations on the homepage of the app.

[HOME PAGE]

The homepage was designed to draw attention to the
Book Selector Tool, which sets Tiny Tales apart from its
competition. The page also includes
suggested books
and a search tool
for readers not in the mood to manually search for a book, or who have a specific book in mind.

[BOOK SELECTOR TOOL]

The Book Selector Tool asks an additional few questions to even further narrow the suggested books for children. This feature gives on demand suggestions for readers, taking into account their needs at that moment.

[RESULTS & SELECTION]

The suggestions curated using the Book Selector Tool are displayed in an uncluttered and minimalistic format, to give options to the reader without being overwhelming. The suggested books take into account the child’s age, reading level, interests, and desired reading time.

[INTERACTIVE PROTOTYPE - TRY IT OUT!]

day five.png

Test

 

[TESTING PARTICIPANTS]

testing participants.png

Categorizing the interview findings.

[APPEARANCE]

like.png

All 5 participants had a positive response to the user interface.

like.png

Positive comments about the color palette used throughout.

dislike.png

Minor concern that the interface appears childish fo pre-teen users.

[FLOW]

like.png

All participants were able to complete the goal of finding a book quickly.

dislike.png

Minor concern that not enough data was gathered about the reader including language, ehnicity, or specific situational information.

[FEATURES]

like.png

The book selector tool was widely appreciated by participants.

like.png

The “save for later” feature was positively received by participants, especially the ones who read to their children daily.

dislike.png

Some participants would like to see more features such as read aloud, or in-app videos.

[USABILITY]

like.png

All participants thought the flow was intuitive and easy to follow.

like.png

The simple layout and structure helped create an easy to use platform for adults and children.

Lessons Learned

lessons learned.png
 
ll box.png

1. Time management is most important, especially in a 5 day design sprint.

2. Staying organized allowed me to move forward and stay on task.

3. Truly understanding the brief and research is necessary for a quick start and solid concept from the beginning.