© 2019 by Pinar Ceyhan

BOOKWORM

Designer / Nicole Procter    Course / Visualization, Representation, and Display   Role / Research and Design

Bookworm is a reading log app designed to help avid readers keep track of books they read, want to read, and explore new titles.

 

As part of the Visualization, Representation, and Display class, students were asked to develop a speculative application that responded to a particular activity. They came up with a simple scenario for a single hypothetical user narrating the activity from start to finish, and identifying the need or motivation. The scenario included all the steps necessary to complete the task. A task flow detailed out the steps that were identified in the scenario.

 

Students developed a series of low fidelity wireframes that illustrates the interaction and also interface options from the task flow. Students designed the layout of the screen(s) with hypothetical content from the scenario and icons,​developed information architecture as a simple diagram. Paper prototype and informal testing were used to revise the task flow, hierarchy, and navigation options. High fidelity wireframes were developed following the testing, and a clickable prototype was created using InVision to show on target device.

Information Architecture, Task Analysis, and Task Flow:

(click on the image to enlarge)

Hi-Fi Wireframes:

(click on the image to enlarge)

1/4

Bookworm Website:

(click on the image to enlarge)

1/2

User Scenario:

Thomas is a high school senior and an ardent reader. He has just finished reading another novel and decides that he wants to start keeping track of the books that he reads. He downloads and opens the reading log app to input the data. First, he looks up the title and chooses the correct book from the apps database. He then inputs the date he finished the reading and tags it as being part of an assignment. Thomas now wants to move on to another novel. He opens the search function of the app, which allows him to search by genres, author, or title. He finds a book he’s interested in and adds it to his ‘Books I want to read’ list. He clicks on the library button, which redirects him to his library’s website where he reserves the title.

User Profile:

Avid readers of any age.