iBook Application — A UX Case Study

This article explains my ordeal in designing this app from the thinking stage to the design stage.

Overview

iBook is an online bookstore where users can have access to their favourite books and also donate books so that other users can have access to them. The app targets users that do not need to keep a physical library, or users that love reading and do not want clutter of books.

The Problem

A lot of people want to have fast access to books that they are interested in. And some users do not like a clutter of books. These are problems book lovers face and they need to be properly addressed.

The Goal

The goal is to create an app that suite the needs of the kinds of book lovers we have.

Responsibility

Conducting interviews, creating paper and digital wire framing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Design Process

User Research

To fully understand the needs and pain points of users, I had to conduct interviews. This way, I got to understand what the users wanted and not just assume I knew. I interviewed 10 people between the ages of 19–50 who enjoyed reading books. The best way to fully understand the needs of users is to talk to them physically. So i conducted one-on-one interviews on 6 users interviewed the rest via call. This way, I was really able to understand their pain points.

To understand the users further, I checked other online book platforms so that I could imitate them or do better. This helped me identify pain points of the users so that i could solve them while designing the app.

Pain Points

The major pain points include:

  • Clutter of books
  • Offline Reading
  • Accessibility

User Persona

Based on the responses I got from the user interview, I created a user persona

The Design Process

Firstly, I sketched the low-fi wire frames with pen and paper taking the users pain points into consideration. I prioritized these points so that i could come up with a wire frame that has a good UX. Then i created a digital version of these wireframes on Figma.

Low-Fidelity Designs

High Fidelity

The high fidelity frames were more defined to suit the user’s needs and for easy navigation. It also met the need of some users that need to reduce their book clutter with the “Donate” option in the user profile.

Usability Testing For High Fidelity Designs

After the High fidelity frames were designed, I created a working prototype for the app which went through usability testing. Testing at this stage gave me an insight to the real time experience of the user while using the app. I carried out different tests and they were done multiple times and some of the results of these tests made me go back to the high fidelity design to make some changes that would suit the user’s needs.

Next Step

The next step of my design is to do more usability testing, make necessary changes to suit users and reach more users on a larger scale. And yes, the ultimate goal is to get the app on Playstore and and other app stores so that people can make use of the app.

Tools I used:

  • Figma
  • Miro
  • Google Docs
  • Google Slides
  • Google Spreadsheet

Thank you for reading my case study. If you want to see more of my work, you can connect with me on LinkedIn or follow me on Behance

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store