Book Club - Mobile App Feature

UX Design Case Study | Student Project - DesignLab
Role | UX/UI Designer, Graphic Designer, Researcher
Duration | 12 weeks

Book Club for Audible's mobile app lets users share their favorite audio content with friends and family, sparking discussions, discovery of new content, and increased engagement within the Audible app.
My challenge was to design a feature that fit within an existing product, matching the look, feel, and function of the existing design environment. This was a great project to showcase my ability to match a client's existing brand and design to their specs and identity. My aim was to create a feature that would encourage users to share
Deliverables for this project were high-fidelity frames and an interactive prototype, where users would complete three tasks  demonstrating the core functionality of the app. 

Research

I conducted research via a competitive analysis, user interviews, and user surveys to analyze current audio content platforms, understand how users engage with that content, and share content and audio experiences with friends and family. After synthesizing my research, I came away with key insights into how a new Book Club feature in the Audible mobile app could meet the needs of my users and increase their engagement.  

Research Objectives

  • Analyze the design, function of the current Audible Mobile app and identify common design patterns and features of existing websites and apps in this space (Competitive Analysis)

  • Understand how users consume and engage with their audio content (User Interviews)

  • Determine users interest in sharing recommendations, experiences and audio content with peers via a mobile app (User Survey)

Competitive Analysis

Many apps today focus specificially on music, podcasts, audiobooks, and even ebooks, while others offer a range of diverse content. In this analysis, I was interested in digital products that primarily offered audiobooks and podcasts, matching what Audible provides its users. Competitors in this space and those my respondents used most often were Audible, Spotify, Apple Books/Podcasts, Scribd, and Libby.
Each product boasts access to extensive libraries and exclusive content, but consistently - outside of being able to send social media links or links purchase or gift content, none of these services offered features to engage in the content with friends. Quality of life features like sleep timers, quick skip and scanning tools, bookmarking or highlighting passages were abundant across the various interfaces, but as far as engaging with others, basic things like sharing recommendations, libraries or wishlists, or even just connecting profiles with friends within the apps were all absent.  I think this is a huge missed opportunity for increasing engagement on their apps and services, and shows me that a Book Club feature would be unique in this app landscape.
Spotify Sharing Options
Apple Books Sharing Options
Libby Sharing Options
Quality of life features like sleep timers, quick skip and scanning tools, bookmarking or highlighting passages were abundant across the various interfaces, but as far as engaging with others, basic things like sharing recommendations, libraries or wishlists, or even just connecting profiles with friends within the apps were all absent.  I think this is a huge missed opportunity for increasing engagement on their apps and services.

User Interviews & Surveys

82% of the users I interviewed and surveyed were avid consumers of both audiobooks and podcasts, while the remaining respondents exclusively listened to podcasts. There seems to be a solid connection between lifestyle and listening habits, as nearly all respondents said they would prefer to listen to  podcasts vs audiobooks while engaging in activities like exercising, working, or running errands. This is likely because podcasts tend to run much shorter than audiobooks (avg podcast is 38min) and require less focused listening. 
Audiobooks listeners treat their “listens” as an opportunity to relax and absorb an interesting story or narrative, taking time to step back from life’s everyday demands. Again, this content tends to be typically less conversational and more story driven so requires more focused listening. More than half the respondents mentioned consuming audiobooks and podcasts while on road trips, saying it provided the perfect opportunity for focused engagement and conversation with others. They reported they were able to enjoy the content even more when actively sharing it. 
This desire to engage further with the audio content was common across all respondents. Over half had previously been in a book club or were actively considering joining or starting one, and over 80% expressed an interest in joining a book club, even if they had never been a part of one before. Those who didn’t have an interest in joining a club, who coincidentally were podcast consumers exclusively, said they had engaged in forums on apps like discord to explore their favorite podcasts further. It’s clear to me that while the form of content sharing may vary across users, there is a strong desire to get the most out of the content they consume by engaging in it with friends and family. 
After learning how and why users listen, I wanted to understand where they found new content and how recommendations from family and friends contributed to their listening habits. There were a variety of ways users found content: searching in their favorite genres on existing apps, looking through recommendations based on their histories, or even learning of new shows or episodes through different podcast guests. Most common though, was receiving recommendations from those they knew, and almost everyone said they typically give these recommendations a chance. They aren’t always a hit, but users are much more likely to follow a recommendation from someone they know that shares an interest or knows about their interests. 90% said they had made similar recommendations for friends or family, and are excited to discuss and share once the other party has listened.
I compiled these results and interview notes into an Affinity Map to guide me and help determine exactly how a Book Club feature should function.  Consolidating the feedback also helped align my design goals, making sure I was addressing the most important needs of my potential users.

Research Takeaways

Users get more enjoyment from content when they connect over it with friends and family.

By giving users more ways to engage with and share their audio entertainment, they will engage with the app more and get more out of that content.

The Book Club experience should be as similar to an in-person club as possible to maximize impact and engagement.

The app needs to be more than just a messageboard. Users need to see the club members faces, be able to react in real time to comments and posts, and feel like they are engaged with each other's experiences, not just their own.

Users are more likely to listen to a piece of audio content when recommended by their friends and family.

Having users connect and share over audiobooks and podcasts will expose them to more content than they may otherwise have, potentially increasing sales and revenue for Audible and driving the business case for adding this feature.

Define

Having completed my research, I needed to define what problems my app would solve for users. I developed key Point of View statements to help me understand the state of mind of my potential users, and then created several “How Might We” questions to focus the design into solvable problems. Finally, I created three User Personas to build empathy with potential users and understand the motivations to learn figure drawing. 

POV Statements

  • I’d like to explore ways to replicate and enhance the traditional book club experience within a mobile application.

  • I’d like to explore ways to help users bond with their communities over new and interesting content, and spark conversations and new discoveries within the Audible app.

HMW Questions

  • How might we help people get the maximum enjoyment from their listening experience within the Audible mobile app?

  • How might we provide a platform for users to easily engage in conversation and discussion over their favorite audio content?

  • How might we empower users to build a unique and custom listening experience for their friends and family?

  • How might we encourage users to explore new content and make new discoveries they are excited to share with their community?

User Personas

Now, having outlined some of the main questions I need to answer for my users, I wanted to understand the why of people’s desire to engage over the audio content they were consuming. One of the best ways to do this was to develop some personas and help build empathy with potential users. I chose to represent users who referred different content (audiobooks vs podcasts) and also had different reasons and motivations for wanting to connect.

For one persona, I featured a young IT professional who exclusively listens to podcasts and was seeking ways to increase his enjoyment of the content by engaging in discussions with like-minded friends. The other two personas I developed were of a mother/daughter pair who, after life events and living in separate states have made it hard to connect, are looking to reconnect and strengthen their relationship over their shared love of books and story.

This exercise was incredibly helpful in understanding the motivations of my potential users and prepared me for the next step of developing a set of features to address the goals and motivations of users of the new Book Club feature.

Feature Set

Next, I began developing a list of features and components that could help users meet their goals.To define how a Book Club feature could help users meet their goals within the Audible app, I broke out the possible features and functions into categories of: Listening, Discussing, and Sharing. I further broke these out into essential and nonessential groups for delivering a minimum viable product. I worked with my mentor to sort through the list of features, developing some additional ideas and giving the app a clear direction. 

MVP Features

User Flows

Organizing the ideas in this manner helped me get a bird’s eye view of the “Book Club”, and I now had a solid understanding of the new feature’s potential. I was now ready to identify and define the essential task and users flows for the MVP. The four users flows were: Create a Book Club, Select a Title, Invite Members, Start a Discussion.

Visual Analysis & Design

Now that I’ve determined how the Book Club feature will function I needed to ensure that any new screens and elements fit seemlessly within Audible’s existing visual system. The Audible mobile app is well designed and has a clean UI and layout, and to replicate it perfectly, I began by taking screenshots of the main screens within the app and then overlayed guides and a grid to understand the generally spacing and layouts of the section and elements. This provided me the foundation for recreating my own elements that fit within the existing Audible design system for the new screens.
Next, in order to develop the new elements of the Book Club feature, it was important that I break down the specific types of elements within the Audible app, like menus, buttons, CTAs, icons and typography. Having direct screenshots from the app for analysis was incredibly valuable and sped the process up, making sure I could replicate pixel perfect translations of the various elements and build new ones to match seamlessly.

Create

Armed with a feature set and having analyzed Audible’s visual design system, I began to sketch out some initial wireframes. Determining how to include the desired elements from my feature set and apply the ideas to an exsiting established visual system was a good challenger. It required me to work backward from the established designs and consider which elements were similar enough in form and function to use as a basis for the new elements. 

Initial Wireframe Sketches

I spent a few hours sketching out the new frames based on my user flows, trying to determine how the new screens could fit within the exisiting app structure, and what were the essential elements I needed to include to allow users to complete their tasks. 

Low-Fidelity Wireframes

After considering the layout my core screens, and how they would flow and function within the existing Audible app, I was ready to put together the low-fi screens in Figma. The general layout of these low-fi screens ended up being very close to the final high-fidelity frames; this speaks to the advantage of designing within an already established and effective UI, and the careful consideration of using existing elements and flows as the basis for the new screens.  

High-Fidelity Wireframes

After some further restructuring and refining of my low-mid fidelity wireframes, I was ready to make them fit the look and feel of the Audible app experience. Having high quality screenshots to reference was very helpful in getting the wireframes to this next stage, and once locked in, began to work through the prototype actions and settings to make it really come to life.
Audible Home
Book Club List - Empty
New Discussion Post
Create a Club
Book Club List - Filled
Audible - Book Club CTA
Book Club Home
Discussions Home

Prototype & Testing

With the key user flows in mind, I began linking all the screens to make the prototype interactice. I conducted 4 live testing sessions with potential users of the new Audible Book Club feature. While observing them over zoom, I gave them four tasks to perform: Create a new Club, Select a Title, Invite Members, Create a New Post

Testing Results

The usability of the new app feature is solid.  Users were able to complete all the user tasks without any issues or confusion.  The app functioned as the users expected it to, even users who were new to audible found the new feature and its screens navigable and clear.  Testing demonstrated that the concept of a Book Club feature in Audible has potential to increase engagement with the app and content, while providing users a unique experience that other competitors do not.

Visual/UI Design of the screens is good; users felt the design fit in well with existing Audible visual system and that helped to make clear their next steps. The prototype was clean and felt intuitive to the users, no hiccups when trying to complete their tasks.     

Revisions & Next Steps

Some users mentioned was wanting to see more attention called to the new Book Club feature. I made several adjustments to address this feedback. To highlight the book club, I added a full width banner ad on the main home page, I also modify the design of the club CTA buttons, both in size and design to grab users’ attention.  The revised final frames came together quickly, and I am very proud of the final results. 

Overall, testing went well and demonstrated that users could engage with the new feature and complete their tasks. I’ll make a few additional adjustments to the app prototype to better define the users next steps and improve the visual clarity of the final screens.

Conclusion

This was a great challenge and a very different project from others in the course.  It required the flexing of some different muscles, especially analyzing an existing design system with the goal of implementing something new that feels native. I struggled initially with what kind of app/feature would be challenging enough but worthwhile to build out. To this point, I had not designed anything with a social media component, so once I had the idea for the Book Club concept, it developed quickly and felt like a natural feature for Audible to offer. 

Something I worked hard to avoid on this project was getting sucked into the details and nitty gritty of the wireframes. This time around I spent more time on my initial before having a full understanding of what the feature was and how it would fit in within the Audible app. With this project I demonstrated an important skill of being able to match a client’s aesthetic and existing designs. Coming into an agency or a well-established company will require someone who can analyze, adapt, and craft solutions seemless, effective design solutions.

Book Club Final Frames

Below are the final screens for the Audible Book Club feature. The frames fit well with the Audible app’s UI and the new features seemless blend within the existing screens.  Users were asked whether they would use this digital product in the future if it were to be built and 100% responded they would absolutely create or join a Book Club on Audible.

Audible Home

Home - Book Club CTA

Book Club Home 1

Book Club Home 2

Book Clubs - No Active

Create a Book Club

New Club Options

Book Club - Title Search

Member Invites

Book Club - Title Selected

Discussion Threads

New Discussion Post

Thank you!

Previous
Previous

UX - Mobile App - LifeDraw

Next
Next

UX - Responsive Website