Readings Kids: An online book store that gives you the touchy feels

  • If you’ve ever walked down Lygon street in Carlton, I guarantee you’ve popped your head into a Readings bookstore. Maybe you were on your way to a dinner date and had to buy some time, or perhaps you were looking for something unique that you couldn’t find anywhere else.

    There’s no question that Readings’ in-store boutique experience is just that. A unique and engaging experience. So why is it that their online store falls a little flat? They still sell the same products. They provide the same recommendations. Readings believe that if we can understand the customers’ buying journey in relation to children’s books better, then we can give their users a beautiful experience online. That’s where we come in.

  • Victoria Murphy Role: UX Designer
    Student project at General Assembly

  • Market Analysis, Personas, Storyboarding, Card Sorting, Usability Testing, Low fidelity mockups.

 

Design and Research Tool Kit

Our mission and timeline

to create a new website for children’s books that reflected Readings’ values and offered the same boutique experience they offered in-store.”

The team worked together over a two week sprint. In the first week we focused on finding the problem, and in the second week we focused on solving the problem.

The Approach

Using the tools above as well as following our Project Plan and the double diamond, we followed the tasks below in order to discover & define the problem so we could develop and deliver the solution.

 

My role

In this project I was responsible for the Primary Research phase of the process. I conducted 8 (1hr) user interviews which were conducted over Zoom. I felt ownership of the Synthesis stage because I felt a real connection to the research. Having this insight into the users behaviours allowed me to champion the personas and problem statement.

The team and I conducted usability testing via Zoom which was a challenge as it was our first time online, but a great learning experience. I also contributed to the iconography on the prototype. Although we each lead certain tasks, there was still a strong emphasis on collaboration.

The Discover Phase

Empathising and Understanding

Readings know who purchases their books

Market Research: Direct & Indirect Comparative Analysis

Looking at our direct competitors

These stores are bookstores (like Readings) that have a children’s section. They’re the local bookstores, the ones that cater for children of all ages, the ones with storytime events and the ones with enthusiastic and knowledgeable staff offering great customer service. Their unique selling point is their curated collection, their focus on the community and access to local authors.

Comparative Research with Department Stores

Kmart, Target and Big W each offer competitive prices like Booktopia etc, yet have an in-store experience. Apart from the low prices, their big selling point is front facing book displays.

Opportunities found

In-store book purchases

  • Front facing display of books (Visual Merchandising)

  • The ability to feel the weight or texture of the book/inspect the book

Online book purchases

  • Wide range of books on offer

  • Convenience

  • Good way to find book recommendations

We created a Topic Map to find out from users:

The Define Phase

Synthesis of data

Affinity Mapping

Interview Findings:

Synthesising our affinity map, we found 3 main trends and key insights from our users to implement into website.

Wanted to check books themselves

Customers prefer to shop in store as they can check the content and materials of a book.

Nostalgic

Decisions could be influenced by nostalgia from childhood memories.

Categorisation

Customers also make decisions by age, author, genre or classics.

Value Proposition

Once we had our key insights from affinity mapping, we turned our insights into “I” statements to create an empathy map to help us define our personas.

Defining the User: Empathy Map

 

Synchronising our insights from our Affinity Map + Empathy Map into 2 Personas

Primary Persona

Secondary Persona

Understanding the Problem

Customers need a way to more accurately and realistically assess the children’s books they are viewing online, so that they can feel confident in their online children’s book purchases.

The Develop Phase

How to solve the problem

Ideation

Crazy 8’s to generate ideas

  • With the user flows in mind

  • Brainstormed ways to link to existing site

  • Ways of displaying and previewing book

  • Different ways to show categories & checkout progress through icons

 

Hypothesis

“We believe that by providing clear and detailed information associated with children's book listings for our customers, we will be able to re-create elements of the in-store process involved when selecting a book, and provide the user with confidence in their purchase.”

Proving and Disproving the IA

Card Sorting- Remotely via Optimal sort

Based on our insights from card sorting we created a sitemap for the primary navigation, and focused our approach on creating the options for browsing by category and age group.

Site Map

User Flow

The Deliver Phase

Prototyping and Testing

Prototyping

From the ideation phase and our Crazy 8s, we felt like we had enough research and data to start sketching.

Testing & Iteration

Mid Fidelity Prototype

Home Page

In this iteration we considered how we might link readings kids to the existing website.

Breadcrumbs: Landing > main > back > kids

Categories

On the home page,The books are categorised by ages 3-6. You can also sort by category and filter by most popular, authors or specific content tags.

Features

Kept a lot of the typical features including writing reviews. Next up- we built hi-fidelity mockups of some of our key frames.

Next Steps

 

Home Page/UI

Continue working on the home page. Specifically the age category blob sections. These need to be more thought out and then tested.

Content Strategy

Create a Content Strategy that touches on our design language.

Test, Test, Test

Visit a Readings kids store and test the prototypes out with customers.

Build it

We would approach Readings to try and build our designs and test how it went.