Taipei Public Library App Redesign

PROJECT
#User Research # Mobile APP # UIUX Design
MY ROLE
UX Research UIUX Design
TIME
2 Weeks

Overview

The Taipei Public Library App provides readers with a more convenient usage environment. The app, "iRead Taipei Public Library," offers features such as "Find Books," "Mobile Borrowing," "Personal Bookshelf," and "Mobile Library Card."Readers can use the "Find Books" feature to locate the items they wish to borrow and make reservations. The "Personal Bookshelf" feature helps users manage borrowing or reservation information, as well as renew loans or modify reservations. If a reserved book arrives but the user is unable to pick it up, they can extend the pickup deadline by two days through the app. Additionally, if readers forget to bring their physical library card, they can use the "Mobile Library Card" feature to log in with their account credentials and generate a barcode for borrowing books or picking up reserved items.

Project Goal

Currently, the user experience and functionality of the Taipei Public Library App need improvement. We plan to redesign the app, not only to enhance the existing experience but also to promote citizen participation in cultural activities through increased exposure to recent events, encourage reading habits, and enhance overall user satisfaction and convenience. We hope this redesign will better reflect the library's image and provide higher quality services to readers.

Taipei library image

Design Process

Week 1
We will analyse the current issues with the app, select suitable users for 2-3 interviews, and begin drafting wireframes. Additionally, we will prepare a proposal presentation for the first week to present to the design directors and collect feedback for initial design iterations.

Week 2
We will focus on detailed UI design and prepare a second proposal presentation. Finally, the design directors will evaluate the overall design and provide feedback.

Define

User Research
User Interview

Ideate

Competitor Analysis
Brainstorming
Wireframing
Presentation

Design

Hi-Fi Design
Prototyping
Presentation

Test

Design Presentation
Gathering Feedback

App Analysis

Initially, I collaborated with the team to analyse the current issues of the app, summarising significant pain points that need to be addressed from the existing problems. We also gathered useful feedback during user interviews.

Old app screen
Current Issue #1
The online library card application is still unavailable, leading to interruptions in the borrowing process and affecting the user experience.
Users cannot borrow books immediately after applying online, creating a break in the borrowing process. This situation may confuse new users, preventing them from fully experiencing the convenience of online applications.
Old app screen
Current Issue #2
The book recommendations on the homepage are too homogeneous and fail to effectively attract users
Currently, the recommended books mainly include new arrivals and popular rankings. However, user interviews revealed that these recommendations lack substantive help and appeal. Users generally believe that recommended content should be more personalised and promoted based on individual preferences to better meet their needs.
Old app screenOld app screen
‍Current Issue #3
Low exposure of events requires users to actively explore
Currently, the channels for promoting event information are too singular, and most users do not proactively explore the content. As information is only presented in text form, it fails to effectively capture users' attention, resulting in insufficient exposure and attractiveness of event information.

User Research

In this project, my team and I interviewed three users of the library app to gain insights into their usage scenarios and areas for optimisation. The interview results indicated that many users faced significant issues, including insufficient notifications about borrowing books, leading to forgetfulness about picking up and returning books. Additionally, we found that most users tend to passively receive event information, such as noticing event posters while picking up books at the library and being motivated to participate due to the poster content.

Insufficient Borrowing Notifications
One user mentioned that he often forgets to pick up or return books because the app's notifications are not clear or timely, causing him to miss multiple borrowing deadlines.
Passive Reception of Event Information
Another user indicated that he typically does not proactively check for event information in the app, but only becomes interested after seeing event posters at the library while picking up books.
Illustration of a teacher and a student

Define Problems

Discontinuous Borrowing Experience: Users find it difficult to obtain useful information and are unaware of event information and service functions.

The online application process is inconvenient, leading to a fragmented borrowing experience.
The recommended content is uninteresting and fails to engage readers.
The way information is presented is not intuitive, making it hard to notice activities and functions.

HMW

How can we recommend useful information content to enhance the user borrowing experience and effectively promote more cultural activities and service functions?

Solutions

With the "How Might We" (HMW) questions, my team and I brainstormed possible solutions. Here are the optimization directions we want to focus on

Optimise the Online Library Card Application Process to Enhance Borrowing Convenience
Currently, the online library card application does not provide the convenience users expect for borrowing books. We aim to streamline the application process to make the borrowing experience more cohesive.
Understand Readers' Interests to Recommend Personalised Content
The homepage currently lacks personalized recommendations, causing most users to overlook the recommended books. We hope to create personalized book recommendations by understanding users' reading interests.
Optimise Information Presentation to Increase Exposure of Events and Features
Currently, event information in the app relies on users to actively explore. However, through interviews, we learned that most users find out about events passively. We aim to optimise the presentation of information to improve event exposure.

Wireframes

I focused on our solutions and created the first version of the wireframes. After drafting, I discussed them with the team and shared my thoughts with the design directors.

Version 1
Wireframe image

From the team and the design directors, I received valuable feedback, such as "The interaction on the homepage is too complex" and "The optimisation of the library card lacks clear highlights." In response to this feedback, I redesigned another version, which helped me quickly brainstorm and adjust the design during the early stages.

Version 2
Wireframe image

Design Delivery

After entering the design phase, I also made some design optimizations. Below are the high-fidelity design drafts after the optimizations:

Solution Direction #1
Establish a complete and intuitive application process to enhance convenience, making the borrowing process more cohesive and improving user perception.
We optimised the application process, allowing users to quickly fill out their information through a simple and intuitive form, guided by a progress bar to complete all steps. With this optimisation, users can easily upload their identification and complete identity verification online, without needing to visit a physical location, enabling them to start borrowing books more conveniently and flexibly.
Redesign app screen
Redesign app screen
Redesign app screen
Redesign app screen
Solution Direction #2
Understand readers' preferences and habits to recommend more personalized books, fostering users' reliance on recommended content and enhancing the borrowing experience.
We used surveys to gain deeper insights into users' reading "purposes," "genres," and "preferences," thereby strengthening the accuracy of recommendations to resonate with readers, enhancing their reliance on the recommendations, and improving their overall perception of the platform.
Redesign app screen
Redesign app screen
Redesign app screen

The recommended content is supplemented with book reviews to help users better understand the recommended books, increasing their willingness to borrow and bridging the gap between readers through shared insights to promote a reading culture.

Redesign app screen
Redesign app screen

We will recommend a "Return Books Shelf" based on the branches frequently visited by readers, providing a more convenient and exploratory borrowing experience, allowing readers to discover more interesting books.

Redesign app screen
Redesign app screen
Solution Direction #2
Understand readers' preferences and habits to recommend more personalized books, fostering users' reliance on recommended content and enhancing the borrowing experience.
We used surveys to gain deeper insights into users' reading "purposes," "genres," and "preferences," thereby strengthening the accuracy of recommendations to resonate with readers, enhancing their reliance on the recommendations, and improving their overall perception of the platform.

We have optimised the presentation of event information, using cards to highlight key information and attract users' attention. Each event category is accompanied by a default visual poster, making the cards more vibrant and visually consistent. With categorised tags, readers can more easily find events that interest them, enhancing the overall user experience.

Design Principles

In this visual design optimisation, we followed three main principles: comfortable warm tones and rounded fonts to enhance the user experience; easily readable and concise cards to ensure effective communication of information; and consistent visual and interactive design to allow users to enjoy diverse borrowing services intuitively, ensuring that the library app is user-friendly and easy to navigate for everyone.

Comfort
Utilising warm tones and rounded fonts to create a comfortable borrowing experience for readers.
Readability
The information on the cards is clear and concise, ensuring that recommended content can be effectively absorbed.
Consistency
Maintaining consistency in interaction and visuals allows users to enjoy a diverse borrowing service intuitively.

UI Design

Mood board
The Taipei Public Library offers a rich variety of services and resources, and its visual presentation should convey a friendly, bright, and fresh simplicity.
Cozy and friendly library environment
Colour
We used warm colours from key elements in the library setting to help users better associate with the library's image, using green as the primary colour to provide readers with a more comfortable experience.
Typography
We chose the "YuPearl font," characterised by triangular serifs and squared-off strokes, blending the playful essence of rounded fonts with the elegance of traditional scripts, highlighting the library's diverse yet refined image.
Iconography
The icons also feature a rounded, simple design that aligns with the visual style of the text, emphasising the Taipei Public Library's friendly reading environment. The icons have two states to correspond to selected or unselected statuses.
Components
We organised card information and highlighted key points using colour to help users quickly interpret and absorb the content. The shadow effects create a floating appearance for the cards, guiding users to click and interact.
Redesign app screens

Reflection

Design Requires Extensive Communication
This was my first project conducted as a team, and throughout the process—whether in user research, wireframe design, or prototype interaction design—different considerations led to various opinions among team members. From this experience, I learned the importance of extensive communication and discussion to uncover common ground and define the optimisation direction to advance the project.
Cultivating Storytelling Skills
This project required presenting design proposal presentations. In the first proposal presentation, it was evident that the design directors did not fully grasp my design highlights. The main reason was that my proposal did not clearly outline the design context, making it difficult to see the before-and-after comparisons and impact of the design. In the second presentation, I carefully articulated the decisions of my design, leading to much positive feedback and praise. This experience taught me that presentations are like storytelling; you must guide the audience through your narrative to help them deeply understand the various design decisions.
Thank You

Other Projects