Book Nook
Role
UX Research, UX and UI Design & Usability Testing
Tools
Figma, Adobe illustrator, Marvel, Google forms for survey, paper and pencil
Problem Statement
TinyTales was designed to help parents find great books to read to their young children. It has been observed that with the growing collection of books it has become difficult and time consuming to find the right story to read to their children, which is causing frustration and loss of subscription to the business.
Constraints
Due to time constraints and limited budget, a UX Design Sprint method was used to accelerates the create and validate the user-centered design solutions.
Solution needs to be designed for an iPad or Tablet App platform.
Stories are discovered and read in the app. Parents cannot order hard copies or print out the stores.
Final Prototype
UX Design Sprint
Day1 - Understand
In this initial phase, we aimed to gain a deep understanding of the problem, users, and business goals. Quick research was conducted, data was analyzed and insights were gathered from various sources such as user interviews, competitive analysis, and market research.
Research Insights
Parents have to scan through the content before reading for age appropriateness.
Parents have to scan through the book to see how long it is.
Parents exchange book recommendations from other parents or friends with kids the same ages.
Parents also care about books that are not just fun but have some education or lessons.
Parents rely on other user’s reviews.
Parents have to sometimes look for specific themes like the first day of school, or Giraffes etc which take a lot of time to scan through a huge amount of content.
End to end user experience flow
Based on the insights above, the user's primary objective was established and an end to end userflow to discover a book suitable for reading to their children was generated. The journey begins with logging into the app and concludes when the parent has finished reading the book to their children. The emphasis was placed on ensuring that this experience is fast, easy to understand, and enjoyable.
Day 2 - Diverge
After a full day of understanding the problem and choosing a target flow for the sprint, on Day 2, we focused on solutions. The day started with inspiration: a review of existing ideas to remix and improve. Then, in the afternoon, we sketched, following a four-step process that emphasized critical thinking over artistry.
Inspiration - Lightning demos
#1 Netflix
Horizontal and vertical browsing provides quick access to the content and search bar at top helps with quick search.
Netflix also has a quick “more info” icon (caret) that gives quick info about the content without leaving the homepage for quick scanning.
#2 Airbnb
On Airbnb website I liked the fact that browse, categories, search and general content is all on the homepage. Saves many clicks
#3 Spotify
Home/search/library/playlist on the side menu provides quick access to the critical features tucked neatly on one side.
#4 Storyline
Content description page - The information that parents are looking for to finalize a book to read.
Small “sort” button on top also help sort books alphabetically by Author, Reader, title, runtime, publisher
Crazy 8
Solution Sketches
Option A is a design with side panel to keep all the navigation pages on one side
Option B is a design that has a bottom footer style design.
Day 3 - Decide
On the third day, I reviewed and questioned all the sketches. Based on quick interviews with the users it was decided that Option B was a better option to prototype and test as it fulfills the main objective of finding a book in a minimum number of clicks. The winning scenes from the sketches were then storyboarded : a step-by-step plan for the prototype.
Day 4 - Prototype
The fourth day involved building a realistic, interactive prototype based on the chosen sketches. The prototype was created using figma and its prototyping capabilities. The focus was on creating something that can be tested with users quickly.
High Fidelity Screens used for User Testing
Day 5 - Validate
On the final day, I conducted user testing with the prototype. I observed how users interact with the prototype, and identify areas for improvement. The insights gained from user testing inform further iterations and refinements of the prototype.
Usability Testing
No of participants - 5 (remote using zoom)
Goals - For user to be able to understand and use the app easily.
Key Insights
#1 Issue: The category on top of the homepage did not stand out enough.
#2 Issue: All the users preferred a colorful design option.
Solution1: Added a gray background color to differentiate category ribbon.
Solution2: The main header and footer updated to have a splash of color.
User feedback on updated design
Learnings
Identified challenges in finding children's stories for parents
Conducted research, including user feedback, competitive analysis, and market research, to gather insights
Utilized Design Sprint to ideate, prototype, and validate solutions efficiently within time and budget constraints
Developed a user-centered approach based on user priorities: content appropriateness, book length, recommendations, educational value, user reviews, and specific themes
Employed lightning demos to inspire the design team and generate innovative ideas
Iterated and refined the solution rapidly, resulting in an improved user experience for TinyTales app users
Addressed pain points to provide a seamless and efficient book selection process
Aimed to enhance customer satisfaction, reduce frustration, and increase subscriptions, positioning TinyTales as a go-to platform for engaging and educational children's stories
more projects
EnterpiseCHAI
AI Conversational Saas App
PocketCrypto
UX Design Case Study - Crypto & NFT Wallet App
Voyager, Nvidia
Designing a Physical Space Experience