iPusnas
iPusnas
Solving the Book Borrowing and Queueing Problem
Solving the Book Borrowing and Queueing Problem
UI/UX design case study | Personal project
UI/UX design case study | Personal project
Roles & Responsibilities
Roles & Responsibilities
I did User Research, Wireframe, and High fidelity
I did User Research, Wireframe, and High fidelity
Timeline
Timeline
September-October 2022
5 weeks
September-October 2022
5 weeks
Tools used
Tools used
Figma, Google Form
Figma, Google Form
Disclaimer: This project is not affiliated with iPusnas.
About the Project
About the Project
I started this project based on the concerns expressed by readers regarding the confusing book borrowing and queuing system at the digital library.
I started this project based on the concerns expressed by readers regarding the confusing book borrowing and queuing system at the digital library.
Previously, for the context of this case, the project I worked on was iPusnas. iPusnas is a free government digital library application launched in 2016 by the National Library of the Republic of Indonesia.
Previously, for the context of this case, the project I worked on was iPusnas. iPusnas is a free government digital library application launched in 2016 by the National Library of the Republic of Indonesia.
How might we make users have an easier time with borrowing and queueing their books?
How might we make users have an easier time with borrowing and queueing their books?
Problem
Problem
Many readers are enthusiastic about reading digital books because they are efficient and simple to use; additionally, iPusnas is a free government application that allows users to read books digitally. However, many users experience difficulties with the flow of borrowing books.
Many readers are enthusiastic about reading digital books because they are efficient and simple to use; additionally, iPusnas is a free government application that allows users to read books digitally. However, many users experience difficulties with the flow of borrowing books.
Problem #1: No clear information regarding borrowing the book
Problem #1: No clear information regarding borrowing the book
Problem #1 Main menu display
There is no information on the list of books, the timeline for returning books, or how long we have to read a book before it has to be returned.
There is no information on the list of books, the timeline for returning books, or how long we have to read a book before it has to be returned.
There is no information on the list of books, the timeline for returning books, or how long we have to read a book before it has to be returned.
Problem #2: The book borrowing system lacks transparency
Problem #2: The book borrowing system lacks transparency
Problem #1 Main menu display
There is no information available regarding the number of people who may borrow the book or the due date notification for its return.
There is no information available regarding the number of people who may borrow the book or the due date notification for its return.
There is no information available regarding the number of people who may borrow the book or the due date notification for its return.
User research
User research
To support my validation, I conducted a survey with 31 ipusnas app users. I asked them the questions below to understand their opinions as ipusnas users and their difficulties. The quantitative research involved an online survey with 6 questions.
To support my validation, I conducted a survey with 31 ipusnas app users. I asked them the questions below to understand their opinions as ipusnas users and their difficulties. The quantitative research involved an online survey with 6 questions.
Where do you find it difficult to use iPusnas?
How satisfied are you with the digital book lending service at iPusnas?
Should the appearance of iPusnas be improved to make it easier to use?
How do you feel about the current iPusnas user experience?
How do you feel about the current iPusnas user interface?
What features need to be added?
Where do you find it difficult to use iPusnas?
How satisfied are you with the digital book lending service at iPusnas?
Should the appearance of iPusnas be improved to make it easier to use?
How do you feel about the current iPusnas user experience?
How do you feel about the current iPusnas user interface?
What features need to be added?
Project goal
Project goal
" I propose redesigning certain elements to enhance user understanding of various stages. The changes maintain existing features while facilitating easy book queuing and enabling tracking of borrowed and ongoing reads."
" I propose redesigning certain elements to enhance user understanding of various stages. The changes maintain existing features while facilitating easy book queuing and enabling tracking of borrowed and ongoing reads."
Competitive analysis
Competitive analysis
I analyzed 2 ebook readers that conform to ebook reader practice standards which is Google Play Books and Apple Books
I analyzed 2 ebook readers that conform to ebook reader practice standards which is Google Play Books and Apple Books
I analyzed 2 ebook readers that conform to ebook reader practice standards which is Google Play Books and Apple Books
Apple books
Apple books
Apple books
Google Play Books
Google Play Books
Google Play Books
Unfortunately, I was unable to discover a local open library application similar to this one. However, I discovered an overseas book borrowing app called Libby apps. This can be compared to the Ipusnas system.
Unfortunately, I was unable to discover a local open library application similar to this one. However, I discovered an overseas book borrowing app called Libby apps. This can be compared to the Ipusnas system.
Unfortunately, I was unable to discover a local open library application similar to this one. However, I discovered an overseas book borrowing app called Libby apps. This can be compared to the Ipusnas system.
Libby has a system for queuing to read books; users will be notified when books can be borrowed and when books can be read
Borrow books with the specified time (7-14 days)
Notification settings
Libby has a system for queuing to read books; users will be notified when books can be borrowed and when books can be read
Borrow books with the specified time (7-14 days)
Notification settings
Libby has a system for queuing to read books; users will be notified when books can be borrowed and when books can be read
Borrow books with the specified time (7-14 days)
Notification settings
The Product + Design explaination
The Product + Design explaination
Using the same layout but including new features
Using the same layout but including new features
Using the same layout but including new features
After a week, I eventually came up with a design that could solve the problem. I tried to match the standard iPusnas design rather than completely redesigning it in the design I came up with.
After a week, I eventually came up with a design that could solve the problem. I tried to match the standard iPusnas design rather than completely redesigning it in the design I came up with.
After a week, I eventually came up with a design that could solve the problem. I tried to match the standard iPusnas design rather than completely redesigning it in the design I came up with.
Comparing the main screens of the old design on iPhone 8 and the new design on iPhone 13. While some elements remain unchanged, I've changed and updated various designs and layouts.
Comparing the main screens of the old design on iPhone 8 and the new design on iPhone 13. While some elements remain unchanged, I've changed and updated various designs and layouts.
Comparing the main screens of the old design on iPhone 8 and the new design on iPhone 13. While some elements remain unchanged, I've changed and updated various designs and layouts.
Solutions #1
Improve system with all essential details about borrowing, queueing, and return timelines
Solutions #1
Improve system with all essential details about borrowing, queueing, and return timelines
Solutions #1
Improve system with all essential details about borrowing, queueing, and return timelines
There are several things that need to be changed; one of the most important is to improve the book borrowing and queue processes, as well as provide a list of people who have borrowed books so that users know when their turn is to read the book.
There are several things that need to be changed; one of the most important is to improve the book borrowing and queue processes, as well as provide a list of people who have borrowed books so that users know when their turn is to read the book.
There are several things that need to be changed; one of the most important is to improve the book borrowing and queue processes, as well as provide a list of people who have borrowed books so that users know when their turn is to read the book.
Borrowing system
Borrowing system
Borrowing system
Users are given the choice of how long they want to keep the books they borrow and are also provided with information about the users queuing for books.
Users are given the choice of how long they want to keep the books they borrow and are also provided with information about the users queuing for books.
Users are given the choice of how long they want to keep the books they borrow and are also provided with information about the users queuing for books.
Queue system
Queue system
Queue system
Users can also queue for books, with the provided information, they can get their turn to borrow the books by checking on the Bookshelf feature
Users can also queue for books, with the provided information, they can get their turn to borrow the books by checking on the Bookshelf feature
Users can also queue for books, with the provided information, they can get their turn to borrow the books by checking on the Bookshelf feature
Timeline feature
Timeline feature
Timeline feature
The Timeline feature where we can see the list of when we can loan, queue or return a book.
The Timeline feature where we can see the list of when we can loan, queue or return a book.
The Timeline feature where we can see the list of when we can loan, queue or return a book.
Design comparison
Design comparison
Design comparison
Before: The previous design had oversized image placement that didn't fit the screen properly, the description appeared disorganized and messy
After: The position of the displayed books has been changed, and the arrangement of book information is also organized. Additionally, I add a button to queue books.
Before: The previous design had oversized image placement that didn't fit the screen properly, the description appeared disorganized and messy
After: The position of the displayed books has been changed, and the arrangement of book information is also organized. Additionally, I add a button to queue books.
Before: The previous design had oversized image placement that didn't fit the screen properly, the description appeared disorganized and messy
After: The position of the displayed books has been changed, and the arrangement of book information is also organized. Additionally, I add a button to queue books.
Solutions #2
Optimizing Transparency in the Book Borrowing System
Solutions #2
Optimizing Transparency in the Book Borrowing System
Solutions #2
Optimizing Transparency in the Book Borrowing System
Users can check the queue of book borrower and those who have already borrowed books.
Users can check the queue of book borrower and those who have already borrowed books.
Users can check the queue of book borrower and those who have already borrowed books.
Design comparison
Design comparison
Design comparison
Before: The previous design only showed profile picture, name and their status
After: Not only am I adding to what already exists, but I am also specifying when the user can borrow the book. This enhances transparency during the book queueing process
Before: The previous design only showed profile picture, name and their status
After: Not only am I adding to what already exists, but I am also specifying when the user can borrow the book. This enhances transparency during the book queueing process
Before: The previous design only showed profile picture, name and their status
After: Not only am I adding to what already exists, but I am also specifying when the user can borrow the book. This enhances transparency during the book queueing process
Additional feature: Catalogued bookshelf
Additional feature: Catalogued bookshelf
Additional feature: Catalogued bookshelf
The bookshelf is divided into three sections so we are able to see the books we have queued up, the ones we are now reading, and books that have been returned.
The bookshelf is divided into three sections so we are able to see the books we have queued up, the ones we are now reading, and books that have been returned.
The bookshelf is divided into three sections so we are able to see the books we have queued up, the ones we are now reading, and books that have been returned.
Design comparison
Design comparison
Design comparison
Before: The bookshelf feature was lacking visual appeal; there were only popup texts and disorganized.
After: The books are now arranged more organized. Users can easily see the book queue, currently reading books, and the history that have been read before.
Before: The bookshelf feature was lacking visual appeal; there were only popup texts and disorganized.
After: The books are now arranged more organized. Users can easily see the book queue, currently reading books, and the history that have been read before.
Before: The bookshelf feature was lacking visual appeal; there were only popup texts and disorganized.
After: The books are now arranged more organized. Users can easily see the book queue, currently reading books, and the history that have been read before.
Conclusions
Conclusions
Conclusions
Communicative design is important
Communicative design is important
In the design process, I noticed user dissatisfaction with the application's interface. Further observation revealed a lack of transparency in book borrowing information, leading to confusion about the borrowing queue.
To improve the user experience, I implemented a more communicative, transparent, and organized design. This minimizes challenges for users when borrowing books. Insights from competitor analysis and the adoption of standard reading application practices were instrumental in supporting the iPusnas application redesign
In the design process, I noticed user dissatisfaction with the application's interface. Further observation revealed a lack of transparency in book borrowing information, leading to confusion about the borrowing queue.
To improve the user experience, I implemented a more communicative, transparent, and organized design. This minimizes challenges for users when borrowing books. Insights from competitor analysis and the adoption of standard reading application practices were instrumental in supporting the iPusnas application redesign
Lesson learned
Lesson learned
Lesson learned
From this, I learned how important it is to also look at other competitors for comparison so that the digital library application can align with the standard practices of other reading applications.
I am quite satisfied with the redesign I created, especially since I added a comparison between the original design and the redesigned one. This way, others can see and observe any changes from the original design. However, the design I created did not undergo user testing or iterations due to time constraints. Nevertheless, if I have the opportunity, I plan to conduct user testing and iterations.
From this, I learned how important it is to also look at other competitors for comparison so that the digital library application can align with the standard practices of other reading applications.
I am quite satisfied with the redesign I created, especially since I added a comparison between the original design and the redesigned one. This way, others can see and observe any changes from the original design. However, the design I created did not undergo user testing or iterations due to time constraints. Nevertheless, if I have the opportunity, I plan to conduct user testing and iterations.
