Illustration of stacked books with the word 'Shelvy' above and the text 'Smart shelf for all your books' below on a brown background.

E-BookStore - Shelvy

Project Type: Product Design and Development, specifically focused on creating an innovative and functional rotating bookshelf integrated with a user interface (UI) mobile application.

Role: Research and UI/UX Design

Collaborators: Mety Damte, and Alex Bartley

Duration: 3 Months

Introducing Shelvy, a rotating bookshelf with a user-friendly interface that enhances book storage. The unique design allows books to be placed on all four sides, optimizing space and providing easy access. Users can rotate the bookshelf using a mobile app, maintaining visibility even for books not displayed upfront. The app's UI facilitates book selection, automatically rotating the shelf to the desired side. Emphasizing both functionality and aesthetics, Shelvy ensures ample book capacity while preserving the visual presentation of the collection

Phase I: Emphatize

To comprehend the perspectives and needs of our target users and immerse ourselves in their situations, we employed two empathetic approaches: interviews and surveys. In interviews, we engaged with individuals from various backgrounds, including students, teachers, and librarians, all of whom use physical books regularly. This diverse sampling allowed us to explore different methods of book organization. Our surveys, with both actual and follow-up questions, reached a broader audience, garnering anonymous responses from 23 participants.

Analysis revealed insights, such as varied frequencies of adding to bookshelves, diverse organizational preferences based on priority, genre, color, size, or author, and a substantial demand for an application-connected bookshelf for efficient searching and logging of new books. With this understanding, our design concept aims to seamlessly integrate physical bookshelf space with electronic organizational capabilities, providing users with a comprehensive solution that aligns with their preferences and needs.

Design Process

Phase II: Framing the Problem

On brainstorming, it showed that our targeted audiences are avid readers and collectors of physical books, and our problem statement as defined:

“I want to store and organize my books at home, but I find this hard to do with traditional bookshelves”

The problem to be solved is storage, organization, and space utilization. This problem mostly happens at home, in offices, small spaces, and kitchens and the problem usually occurs when the users need more space for new books or want to re-organize.

A handwritten note on a printed sheet titled 'Defining a Problem Space' with prompts about a problem with personal bookshelves and notes on storage, organization, and reasons for the problem, linked to a URL at the bottom.

Phase III: Ideate

We ideated through brainstorming and met up remotely through Zoom, and in the end, we came up with about 25 design ideas both good and bad for our smart bookshelf. 

One not-so-good, not-so-bad but incapable idea we had was a tall bookshelf that reaches up to the ceiling and if needed there is a robotic arm or level that comes with the bookshelf that can be used to retrieve and place books in higher rows of the bookshelf. In the end, we stuck with two ideas, the rotating bookshelf, and one combined idea – a shelf with a barcode reader, and an implemented device with a User Interface, night lights, and a drop-in slot.

Initial Designs

Once we were done with the ideation stage, we knew the final decisions for Shelvy, and designing began. Sketches were made for both the physical designs and the User Interface.

Problem Space

Shelvy Sketch with labeled controls and components. It includes a bar code reader at the bottom, a drop-in slot, an ON/OFF switch, plus and minus buttons for increasing or decreasing lights a display, and multiple adjustable light sources at the top.
A hand-drawn sketch of a mobile app interface. The interface includes a large central area labeled 'IMAGE,' a back button at the top left, buttons with icons for removing a book and for selecting a marker color, a section for entering a name and saving with stars and a numerical rating, a description button, and a read button at the bottom.
Sketch of Shelvy interface with a start page featuring an image placeholder, name field, create account and log in buttons; a landing page with greeting, books section, and new releases, and a footer with user and book info.
Handwritten notes on a page discussing a device with an interface on a device serving as a remote control for an e-shelf. The notes include a sketch of the device with labeled features such as a bar code reader, self, and a digital shelf, along with a list of book-related ideas.

Phase IV: Prototype

On designing the solution, keeping in mind our users of all kinds, a low-fidelity interactive User Interface for Shelvy was created and it is to be used solely for engaging the users with their shelves.

Mobile phone screen displaying an app splash page with a brown background, a stack of three books illustration, and the text "Shelvy," "Smart shelf for all your books," and "Tap to continue."
Mobile app screen with the text 'Sign in to Shelvy', a 'Continue' button, a 'Sign Up' button, and a 'Sign up with Apple' option.
Mobile app screen showing a user's book collection, including the covers of 'Reminders of Him' by Colleen Hoover, 'Central Places' by Delia Cai, and 'The Survivialists' by Ashana Cale. The interface has options to search, filter by categories, and view book details.

Specifically, it is designed to enable users to add a new book, see the description, and reviews, and share whatever book of their choice.

Book cover of "Reminders of Him" by Colleen Hoover displayed on a smartphone screen, featuring a blue background with flying birds and the title in large colorful letters.
Smartphone screen displaying Shelvy with books, categories, and a barcode scan prompt. User profile 'Hi Michelle' is shown with options to log out and search.

Book Description Page

Scan New Book

Get recommendations based on books they have, view categories, and sort their books however they see fit.

A smartphone screen showing Shelvy, with two book covers: 'Reminders of Him' by Colleen Hoover and 'Central Places' by Delia Cai. The app interface includes options to sort books, add new ones, and filter by various criteria.
Shelvy screen showing book categories: Fiction, Non-Fiction, Children's Book, Romance, Educational, with user greeting Michelle at the top.

Sorting

Shelvy screen showing a profile named Michelle with a library of books including 'House of Cotton' by Monica Brashears and 'The Heavenly Sword' by Alice Poon. Books display titles, author, publication date, and rating stars.

Browse Category

Categorized Books

For our impaired users, and those who would prefer a dark mode, to a light mode

Shelvy screen displaying a book review for 'Reminders of Him' by author HOVER. The review shows a star rating of 4 out of 5 stars, a description of the book, and buttons for 'Locate' and 'Share'.

Dark Mode

Mobile phone screen displaying a digital reading app with a book description, a progress bar, and options to remove from shelf, add bookmark, add to favorites, and find on page. The app has a red back button, dual volume controls, and locate and share buttons at the bottom.

The physical bookshelf was designed using TinkerCAD, and not only was it designed to organize and store books but it’s specifically designed to contain a barcode reader, the implemented device that has the UI, an on/off switch, and brightness control for the night lights

Light Mode

A digital illustration of a bookshelf with various books, a smartphone, and decorative items on a light gray background.

Phase V: Test

Shelvy operates interactively, employing the user-based (empirical) method for evaluation. This approach provided users with a real-world experience, soliciting valuable feedback for continuous improvement. During the evaluation phase, evaluators were instructed to "think aloud" as they engaged with our user scenario.

Illustration of three user scenarios for prototypes with three books: a red

User Scenario

A comparison chart titled 'Testing Stage Results' presenting pros and cons of three types of bookshelves: UI Prototype, Smart Bookshelf, and Rotating Bookshelf. The UI Prototype has pros like search bar tool, filtering, rating, and audiobook features, but lacks navigation and has an unappealing color scheme. The Smart Bookshelf features mounted lights and a barcode reader, but is bulky and concerns over aesthetics. The Rotating Bookshelf has shelves on each side and rotates by UI use, but raises safety and assembly concerns.

Test Results

Conclusion

Upon navigating through the various design stages, we decided to adopt the Rotating Bookshelf with the developed User Interface as our final design. Despite forgoing mounted lights and a dedicated device, users can still seamlessly control the shelf through the Shelvy app, downloaded as a remote on their phones. After soliciting feedback from our evaluators and carefully evaluating each design option, it became evident that this choice best addressed our initial problem statement. Acknowledging concerns about book safety and shelf assembly, future iterations could include a bar or rod within the bookshelf to prevent book displacement during rotation. Additionally, potential refinements to the User Interface might involve a more appealing color scheme and the incorporation of additional features.