TinyTales

TinyTales

TinyTales

Connecting family through bedtime stories

Connecting family through bedtime stories

Role:

Sole Product Designer
(with mentorship)

Context:

5 day design sprint

Summary:

Bedtime story tablet app for parents

The Problem:

Families struggle to choose a bedtime story.

The Solution:

A place where choosing a stories is easy, fun and effortless.

Design Sprint

Quick Prompt Rundown

  1. Parents often pick a handful of books for children to choose.

  2. Parents choose based on genre and topic.

  3. Choosing a book for multiple children of different reading levels is a struggle.

  4. Many parents use tablets to read to their children.

Day 1: Map

User Flow

Ideal end-to-end experience a user might have with my product

I chose this project because the issue is impactful and I wanted to learn tablet design.

Day 2: Research

Competitive Analysis

Learning and drawing inspiration from existing products in the space

I learned valuable visual patterns from researching existing reading app on tablet.

Day 3: Sketches

Homepage (top) and Search (bottom)

Homepage (top) and Details (bottom)

Readlist (top) and Onboarding (middle and bottom)

Choosing a book flow

Sketching further refined the direction of the product.

Day 4: Prototype

Choosing a book

Getting children involved in

Getting children involved in choosing a book is important for a good experience for the entire family

choosing a book is important

choosing a book is important

for a good experience

for the entire family

Onboarding

Onboarding was a

Onboarding was a priority as reading level and book topics are crucial in choosing a story

priority as reading level and

book topics are crucial in

choosing a story

Day 5: Test & Iterate

Usability Test Insights

Key takeaways from the testing out the prototype

  1. Aesthetics and language should be more playful and light for families.

  2. Emphasis Choose screen is for children.

  3. Readlist was assumed to be Favorites. Need to clarify function.

Iteration

Changes made based on usability test feedbacks

I added stars and changed color to become closer to a night sky

Before

After

I changed the typeface from SF Pro to Lexend to fit aesthetic.

Before

After

I reworded the copy to be more friendly and adjusted spacing.

Before

After

I added stars and changed color to become closer to a night sky

Before

After

I changed the typeface from SF Pro to Lexend to fit aesthetic.

I changed the typeface from SF Pro to Lexend to fit aesthetic.

Before

After

I reworded the copy to be more friendly and adjusted spacing.

Before

After

Wrap Up

Future Actions

  1. Improve aesthetics and interactions to cater to families.

  2. Add reading level to onboarding and information button.

  3. Create clarity in lists (Favorite, Saved to Later, Individual Profiles).

  4. Work on edge cases like adding more than 3 books choose.

Learnings

Improved ability to connect to the audience

  • Bedtime reading is vital to some parent child relationships so this had to be handled with care

  • Keeping in mind the entire experience from both perspectives to create a

Test early and often, especially when you’re stuck

  • I got from conducting usability extremely valuable feedback from usability tests

  • Getting fresh new perspectives gave me so many ideas

  • I felt stuck for a long time designing in Figma alone without feedback.

  • It was feedback from testing made it clear where to go next.

  • User tests are people are offering opinions and critique and ultimately I have to make the decision as the designer.