TinyTales: Find the Perfect Story

Enhancing the design sprint prototype with AI Tool

Project Overview

TinyTales, a novel startup, endeavors to assist parents in discovering exceptional books and short stories to read to their young children. With an extensive library of author-submitted children’s stories, TinyTales aims to develop tablet solutions that make it easier and less time-consuming for parents to find books and stories to read to their children.

My Role

In a solo design sprint, I swiftly devised innovative solutions to alleviate parents' frustrations in choosing children's books, leveraging extensive user research and personas; utilizing a combination of Figma and the UX AI tool Galileo, I expedited high-fidelity prototype creation, followed by thorough usability testing to pinpoint areas for future enhancement.

Process

Day 1 - Understanding and Mapping

Problem Statement

Parents struggle to choose the perfect books for their children despite many recommendations. Finding the ideal book that aligns with their child's age, interests, and educational needs can be overwhelming.

Goal

The goal is to develop tablet solutions that make it easier and less time-consuming for parents to find books and stories to read to their children.

Persona

Meet Claire, a 34-year-old mother to James, aged 6, and Kayla, aged 4.

User Journey Map

Since user research indicates that Claire often spends more time searching for a story to read to her kids than actually reading it, My focus is on assisting her in selecting the right book before diving into reading. Here's the user journey map:

How Might We

With Claire's journey guiding my way, I embarked on an exciting adventure into the world of ideas, fueled by the questions:

Day 2 - sketch

Lightning Demos

During the lightning demos, two standout contenders were Epic! And Kids A-Z. Epic! is renowned for its extensive library and tailored recommendations, while Kids A-Z is favored in educational settings for its valuable resources. Additionally, I examined Audible due to its effective user reviews, underscoring the significance of user feedback for TinyTales.

Crazy 8s

Within 8 minutes, I rapidly sketched eight iterations of the story selection screen for TinyTales, taking into account the following considerations:

  • A range of dynamic sorting options and themes aid users in narrowing down their book selections.
  • Essential book information is readily available, including age suitability, length, rating, and reviews, enabling users to make informed decisions quickly.
  • A whimsical "Magic Spinner" feature introduces an element of surprise and delight by randomly suggesting new stories, enhancing the user experience.

3-Panel Solution Sketch

Drawing inspiration from the Crazy 8s exercise, I crafted a concise user flow featuring three panels:

Left panel:
Pre-critical screen with dynamic book lists based on the selected child.

Middle panel:
Critical screen with book details for parental assessment.

Right Panel:
Screen following the critical one. It lets users engage with books and track reading progress.

Day 3 - Decide and Storyboard

Decide and storyboard

Today, I focused on sketching the critical screens for the primary user flow of selecting a book. The emphasis was on assisting parents in narrowing down their options while infusing some fun elements. Here's what I worked on:

Day 4 -Prototype

Prototype

For the prototype phase, my objectives were clear:

To expedite the prototype development process, I selected Galileo AI for its user-friendly interface and fast design ideation capabilities. Galileo AI utilizes artificial intelligence to generate UI designs from text prompts or image uploads. Despite its limited focus on apps and websites and not encompassing tablets, I can still derive valuable inspiration from it.

With Galileo's assistance, I swiftly created essential screens for book recommendations and book information. Although the main content was well-organized, navigation required refinement. 

Here are screens generated by Galileo:

 

By generating more recommendation books repeatedly, I was able to swiftly attain crucial design elements. These elements enabled the efficient achievement of:

Parents struggle to choose the perfect books for their children despite many recommendations. Finding the ideal book that aligns with their child's age, interests, and educational needs can be overwhelming.

There are two example screens presented here:

The preparatory steps with Galileo significantly reduced my subsequent design time with Figma.

Throughout the prototyping process, I continually referred to my storyboard and sought inspiration from lightning demos of competing products to ensure alignment with user needs and industry standards.

Day 5 - Validate

The usability test goals were to:

I conducted a usability test of the TinyTales prototype with three participants. All were parents with children enrolled in preschool through third grade, enabling them to relate to the scenario of finding a book to read to their kids. While they navigated the brief user flow of exploring the books, I facilitated the process by asking questions and moderating the session.

Summary and Key Findings:

In general, participants expressed positive reactions to the app, highlighting its seamless flow and ease of finding books. They particularly found the following features to be the most beneficial:

Usability issues:

Reflections

Developing TinyTales has been a rewarding journey in user-centered design.

Moving Forward

Moving forward, my next steps involve:

Other Projects