I designed a book-rating app for my friends to find literary events and keep up with each others’ reading.

I designed a book-rating app for my friends to find literary events and keep up with each others’ reading.

My friends and I currently use Goodreads and Storygraph to track our reading. Recently, we've wished these apps had better navigation, more social features, and better book recommendations.


Inspired by Yu & Me Book's focus on immigrant stories (which reflect our reading) and community-events, I designed Yu & Read.

role

role

product

visual design

user research

with

my friends (for user research)

Yu & Me Books

what

what

concept app & design

when

when

winter 2024

with

my friends (for user research)

Yu & Me Books

UMM... WHAT IS?

Yu & Me Books is a bookstore located in the heart of NYC-Chinatown that "serves books, beer, coffee, and community.


Yu and Me Books focuses on the strong, diverse voices of our community, with a focus on immigrant stories."

Yu & Me Books is a bookstore located in the heart of NYC-Chinatown that "serves books, beer, coffee, and community.


Yu and Me Books focuses on the strong, diverse voices of our community, with a focus on immigrant stories."

Yu & Me Books

PRODUCT FEATURE- YU & READ

Goodreads and Storygraph already have book rating and tracking features.


Yu & Read adds to those basic features and prioritized readers who want to be involved in community book events.

Community: stories beyond just the pages of a book

Community: stories beyond just the pages of a book

Yu & Me books is based on NYC. But many of my friends (including me!) don’t live in NY.


Yu & Read’s partner bookstores are other immigrant-owned bookstore in Yu & Read’s network. That way, we can all enjoy events in our own local communities. LDR doesn’t mean you can’t support small businesses!

Bookstore Partners + Long-distance friendships

Bookstore Partners + Long-distance friendships

One thing my friends and I DIDN’T want was for Yu & Read to become a social media app. So, we defined social interactions as “recommendations” to limit how users can interact with each other.


This frames socialization as reading-focused and allows positive reinforcement only.

Recommendations as forms of social media + discovery

Recommendations as forms of social media + discovery

Of course, we want to maintain the basic features of a book-rating app: find books, rating them, and adding books to your reading list.

Keeping up with it all

Keeping up with it all

ZOOMING IN/ PROCESS

My design process follow iterations that are led by user feedback (in this case FaceTime calls with my friends!)

Here are a few examples.

While designing the first iterations of Yu & Read, I realized I was designing just another (but prettier) book-rating app. But where’s the value there? A key decision I made was to make Yu & Read community-focused.


This meant adding features liked Bookstore Partners and Local Events. It also meant that I needed to organize pages and navigation in a way that reflected a mental model that prioritized community.

#1. Leaning into communities

#1. Leaning into communities

Recommendations as communication- I wanted to also focus on socialization for a user’s chosen community (rather than mass socialization.) I also noticed that my friends and me were constantly giving each other books recommendations.


Rather than designing a notification or ‘social’ page, I narrowed the app’s focus to value recommendations as forms of activity.

# 2. Books as a medium

# 2. Books as a medium

Beli (restaurant rating), BeReal (social media), & LetterBoxd (movie rating) were apps I looked to for inspiration. These apps are very picture-forward AND would likely have a high frequency of posts. Eating a meal or watching a movie takes much less time than reading a book.


As a result, the card design shifted to reflect medium. The main content of the landing page are events (more timely things.)

Making Yu & Read community and event focused was a big part of what makes it feel like a product of Yu & Me Books. I investigated their store and merchandise branding to make the app look the part too.

# 3. Making it more Yu & Me

# 3. Making it more Yu & Me

REFLECTION

At the start of the design process, I decided that Yu & Read should be able to stand alone as a product, rather than soley supporting Yu & Me Books.


Through this, I realized that most local businesses' main source of profit aren't digital products, yet creating digital access to these businesses might be valuable for customers.

Designing for a small business

Designing for a small business

At the start of the design process, I decided that Yu & Read should be able to stand alone as a product, rather than soley supporting Yu & Me Books.


Through this, I realized that most local businesses' main source of profit aren't digital products, yet creating digital access to these businesses might be valuable for customers.

I realized much of social media is centered around non-specific feedback and validation. I learned that I'm interested in more intentional forms of social interaction.

I realized much of social media is centered around non-specific feedback and validation. I learned that I'm interested in more intentional forms of social interaction.

Creating communities but not social media

Creating communities but not social media

This helped me realize what user collaboration could look like, and also how different it is to design for smaller groups of users versus a big range of users.

Treating my friends as designers too

This helped me realize what user collaboration could look like, and also how different it is to design for smaller groups of users versus a big range of users.

Treating my friends as designers too