Note

If you're interested, please feel free to email me for access.


Go back Unlock
Top
TAINAN PUBLIC LIBRARY
Role: Lead UI Designer # User interface # User experience # Website

The Tainan Public Library is a newly established institution requiring the construction of a brand-new web query system. This project was a government tender. Libraries are a public service utilized by many, and an intuitive web interface and design can significantly enhance the user experience. This section will outline the user experience considerations implemented in this project.

Target Users

Users of all age groups

Students

Retire people

Readers who enjoy a diverse range of books

Design Criteria

Friendly

Clearly

Accessibility

Design Pages

  1. Setting font size : Font size settings were carefully determined to ensure that users of all ages receive information most comfortably..
  2. Active Nav Bar : The active state of the Nav Bar informs users of their current page location.
  3. Banner : A clean banner design prevents visual clutter from distracting the user.
  4. Search Bar : Immediately visible upon entering the page, the search interface is convenient for users to find and use. Tabs differentiate keyword search from advanced search.
  5. News block : As library news is typically not the primary function, its display length is shortened to allocate more space to features more frequently used by visitors.
  6. Recommend : Divided into new book recommendations and top book recommendations, an automatic carousel increases the visibility of quality books, thereby boosting borrowing rates.
  7. Layout : Appropriate whitespace allows the interface to ‘breathe,’ enhancing user focus on content.
  8. Function : A saved pre-borrowing book reminder remains visible in the bottom right corner as the user scrolls. Another handy feature is a ‘return to top’ function, particularly useful on long pages.
  1. Hot Keywords : Below the search area, recent popular book titles are displayed, increasing the likelihood of clicks and the chance of books being borrowed.
  2. Function Block : This section contains numerous small features to aid user operation, such as:
    • Displaying the number of search results for related books.
    • Print list : After selecting desired books, clicking ‘print’ allows users to print out titles, book codes, and locations, a common service in libraries.
    • Email : After selecting books, clicking ‘email’ sends the information to the user’s mailbox for reference.
    • Add to My Bookshelf : Users can save book details in their personal membership area for easy future reference.
    • Browsing modes : Users can choose between list or grid display options for books. Search InformationInformation on book years, categories, and more found using the Search Bar is conveniently displayed for user access.
  3. Search Information : Information on book years, categories, and more found using the Search Bar is conveniently displayed for user access.
  4. Book Information : Basic book information, including remaining quantity, is shown. Unavailable books are highlighted in red to inform users they cannot be borrowed.
  1. Detail page : User can share a book to their social media. A good book should be shared to people!
  2. Book information : There is a detail book information.
  3. Borrowing Information : Displays the collection information for the book across all libraries. Users can reserve if it’s borrowed out; if available, they can borrow directly.
  4. Recommend : According to users’search, system will recommend other books to users.
  1. Reminder Calendar : Colored prompts under dates remind users to pick up or return books.
  2. Function of member : There are many member records, saving list of book, etc.
  3. Borrowing Information : Displays borrowing details, including current collection numbers, which is useful if the user wishes to borrow again.

Reflection

This project considered various aspects of user experience. My colleagues and I engaged in extensive discussions and gathered relevant materials to design the most user-friendly website operation possible. Given the wide range of user ages, it was imperative to ensure easy usability for every group. During the wireframe stage, multiple revisions and simulations were made, culminating in this project. This experience has deepened my understanding of user experience, making it an invaluable learning journey.

© HOWIE CHUNG 2025
iamhooowie@gmail.com LinkedIn