Biblio

A mobile app that allows users to personalize their book tracking, discover recommendations, and connect with fellow readers.

Role

Product Designer

Timeline

4 weeks

Overview

Reading remains a popular pastime across all ages, with the growing popularity of ebooks and audiobooks adding to the diverse options available today. With numerous formats and thousands of new releases each year, readers have more choices than ever.

Problem

A comprehensive app that meets all of users' book tracking needs does not currently exist.

Solution

Biblio helps users track their reading journeys, personalize their experience, and receive intuitive book recommendations.

Design Process Overview

Taking a non-linear approach through the five stages below, user-oriented solutions are continually refined to ensure effectiveness and innovation.

Market Research

Three popular book-tracking sites were compared to understand what existing users have been working with and what can be improved upon.

Goodreads
Strengths
- Largest community of readers
- Can link to Kindle devices

Weaknesses
- UI is outdated
The Storygraph
Strengths
- Rate books to the nearest quarter star
- Analytics on reading patterns
Weaknesses
- Not much of a social aspect beyond leaving reviews of books
Bookshelf
Strengths
- Uses AI to recommend and summarize books

Weaknesses
- No social aspect on the app

Key findings:
Most reading-related apps that exist are centered around surface-level general tracking and analyzing a user's reading history. Luckily, there is an opportunity here to create an intuitive reading app where users can customize how they track their reading and receive tailored recommendations based on their past reviews/reads.

User Interviews

5 readers of various ages and reading habits were interviewed to gain a thorough understanding of users’ book-tracking needs that both are/aren’t being met by other apps in the market.

Users want to be able to log the details of their reading journeys from start to finish.
Solutions can be found through:

Personalization

Everything from recommendations, notes and reactions while reading through chapters, updating reading progress, rating and organizing read books into lists of their choice and setting reading goals.

Streamlined recommendations

Various sources and external apps are used to find new book recommendations which can be mitigated by offering these and other recommendations of interest on the reading app.

Social/Privacy

Users enjoy discussing books they’ve read with other readers but also want the option to leave private comments/reviews on a book. Incorporating privacy settings to existing features is a simple solution for this.

User Persona

To better understand what users need, I created a user persona to highlight common challenges users face when reading books.

User Flow

With these newfound insights, we move forward to constructing a user-centric site that will allow users to seamlessly finish a reading journey and step into a new one.

Click to enlarge

Branding/UI Kit

Reading is a calm, yet energetic and adventurous experience and I set forth to capture exactly that with Biblio's branding. The color palette consists of bright pastels while the logo is made up of small stack of books using Biblio's wordmark as a bookend.

Wireframes

The initial low-fidelity wireframes sketched out were inspired by the apps explored during the market research. The intent was to not veer too far away from screens and flows that users are already used to. Upon receiving feedback and bringing the wireframes to higher fidelity, an opportunity rose to create a new screen by synthesizing existing screens with features that competitors lack.

Full Low-fi WireframesFull High-fi Wireframes

Testing Results

After developing the high-fidelity prototype, usability testing was conducted on Maze with 5 users to determine whether the app’s design and added features meets user needs and is intuitive enough to help users easily complete their tasks.

3/5  users completed Task 1
5/5  users completed Task 2

Insights

Overall, users enjoyed the look and feel of the app, in addition to the diverse functions and customization options offered by the app.

A few technical issues arose that prevented users from completing the task and feedback was provided about enlarging the privacy icons and adding more rate-able categories.

Iterations Based on Feedback

Click to enlarge

Prototype

View Prototype