Tales From The Attic
Selling Second-hand Books
Business Goals:
Attract Customer
Protect the environment
Help increase the purchase books for children
Project Overview
Role
UX/UI designer
Team
Group of 3
Duration
4 week- Part time
Tools
Figma, Fig Jam, Canva, google Forms
Design Goals:
Provide a good customer experience by designing a simple site with easy navigation
Drawing the customer's attention about the benefits of using second-hand books
Task:
After Knowing the business and design goals, the website design started considering the task of buying books.
Discover
Survey
109 people answered to the online survey and the following result were obtained.
Factors that encourage to purchase secondhand book:
The cost
Environmental considerations
Introducing culture of second hand
Access to out-of print book
Popular book genres:
Picture and comics
Adventure and science fiction
Educational
Non-fiction
Priority when buying secondhand book:
Book's subject
The cleanliness and health of the book
The price of the book
Interwiev
Among the respondents, 11 people were interviewed and the importance of the following topics was determined:
Subject classification and having a strong search bar.
Giving sufficient and convincing information about cleanliness and health of the book.
Having quality images of the book.
Having review about the book and the book seller.
Some of the interviews are summarized below.
Affinity Diagram
By reviewing the interviews, we managed to draw an Affinity diagram.
Competitive Analysis
We took help from 4 similar sites that provided sales services and checked their design priorities.
Based on the results of the survey and interviews, the persona was designed in order to better understand the user's needs and design the site well.
Define
Persona
As a result of all the research, interviews and cart sorting a site map was designed.
Site Map
Site Map
Develop
Sketch
Mid-Fedelity
Usability Test (Phase 1)
Changes applied
Number 1: Better display of trending book, by placing them in a separate row.
Number 2: Adding the status of the book in the cards, for better user access.
UI-Kit
We designed UI-Kit to maintain efficiency and consistency.
Accessibility Test
The contrast between the foreground and background colors of CTA was tested.
High-Fid Prototype
Deliver
Usability Test (Phase 2)
Changes applied
Number 1: Adding more photos of book pages so that the user can better understand the condition of the book
Number 2: Adding the price of books with various conditions, to help the user to make a decision.
What next step?
Platform design for book sellers
Design a mobile version
Design improvement with more iterations
Reflection