Page 1

iMusti book app iMusti offer a variety of Indian-related entertainment (music and movies), and have recently made a deal with publishers to sell Indian-titled books.

I designed an app for iMusti given the main Indian-language categories (Hindi, Bengali, Marathi, Gujarthi, English) to work from. The client wanted to keep it really simple and easy to use for the first release.


research

design strategy

I started the process by researching into current apps, related and

Target Audience

non-related to books. These are just some of the apps I looked at:

iMusti wants the app to be really simple to use for this first release. The client’s goal was to get the app on the market as soon as possible for the first round of release and add more later.

• Amazon Windowshop • Zinio

Based on the target audience, this app will appeal to a widest-range of bilingual users. And all book titles will be in stored in the database with the

• Nook

English-translated titles. (This is similar to how Netflix is showing foreign-languaged movie selection with translated titles.)

• HBO Go • Kindle

For this release, all titles will be shown in English.

• Redbox Search is almost obsolete in this case Because these are translated Indian-titled books, the search box will not be very helpful as a way for users to find titles. The strategy is to offer a way discover new titles through different sorts and recommendations. Using a Redbox-like model for books is a way to go.

target audience The target audience for are bilignual adults ranging between ages 25-50+. It’s targeted to a broad range of audience.

No log In or Sign-in required to browse the app Because this is a new and relatively unknown company, users will not be required to login first to browse through the titles.

Use iTunes app In-store purchase to buy books The client decided to use the App’s In-Store purchase functionality for all book purchases. All credit card information will be retrieved through iTunes.

Based on some of these constraints, the overall strategy for this app will be to: • Keep Interactions design really simple, making it easy for a wide-range of audience to use this app. • Offer new ways of discovering new titles through recommendations and different ways of sorting the list • For this first release, keep the book title offering very simple, making this like a Redbox-like model. • No log in or sign-up required to browse through titles.


Grid View

shop In the shop view, users can shop for book titles.

1. There are 3 main menus: Shop, My Library, and Account. Shop is where users can purshase books.

1 2 4

5

2. There are 6 main categories to choose from, 5 of which are based on language catgories.

3. Sort and recommendations views. Because search for bi-lingual titles is almost rendered obsolete, this offer users to discover new titles.

3 Because each category is own distinct language, these dropdown choices will be available for each category:

• New Release • Top Selling • Title • Author

4. Grid and list view. A grid view will allow users to view larger book titles, so it’s a visual shopping guide, like window shopping. But it list less titles, so a list view is offered as well so it can list more titles so users can glance

6

and see more titles in a view.

5. Search is available, but it may not be very useful for this particular app.

6. The price/purchase button on the first view so user doesn’t have to do additional click to buy the book.


shop

List View

Detailed Book View

More titles are shown in the list view than grid view.

Tapping on the book will shown addtional information about the book, including the synposis, the language the book is in, and more book recommendations.


my library ‘My Library’ view is where purchased books are stored.

1. To save space on the device, books must be downloaded first before viewing.

2. Once a book is finished, the book can be archived (and thus removing the downloaded copy from the device) to free up space.

3. Different sort views are available. These are the choices: Recent, Title, Author

3

2

1

List View Grid View


book view

The visual and interactions desgin for this view is

2

very typical of other book readers out there.

1. A scroll on the bottom with information about the chapter and page location.

2. A menu on top allow users to jump to content, adjust brightness, adjust font size, and bookmark the page.

1


book view : epub vs pdf books Most of the Indian-titles books coming to iMusti from the publisher, will be in PDF format, due to language constructs. And some will be available in EPUB format, which is the de-facto standard for

Text Option for EPUB books EPUB books are typically the standard for Kindle and Nook. Text size, background color, and fonts can all be selected.

Kindle and Nook. EPUB books can adjust text options and text sizes. PDF books cannot adjust text For font choices, there’s a ‘Default’ option, which will be Century Storybook. The resason why reason there a default choice is because most the app will appeal to the general public, who are generally not type saavy. Having a default option makes it easier for a user to reset to a standard font.

Text Option for PDF books PDF books can zoom in and out the document only.


design layout These are some of the layout designs that were explored for this app.

Shop

Featured

My Library

Shop

Account

Top Selling

My Library

Shop

Account Featured

Top Selling

English

Hindi

Bengali

My Library Marathi

Account Gujarati

Top Selling

English Hindi Bengali Marathi

$ 7.99

$ 7.99

$ 7.99 $ 7.99

Gujarati

1

$ 7.99

$ 7.99

$ 7.99

$ 7.99 $ 7.99

$ 7.99

$ 7.99

$ 7.99

$ 7.99

$ 7.99

$ 7.99

$ 7.99

2

Featured

$ 7.99

English

Hindi

$ 7.99

Bengali

Marathi

Gujarati

Design Layout #1

Design Layout #2

Design Layout #3 (Final Design)

$ 7.99 $ 7.99 $ 7.99 This is not an optimal layout because (1) there’s not enough categoies

In this layout, having the categories horizonatally frees up space for

Moving the bar to the top leaves a wide area that is not being cut off

to fill out the the left panel. (2) The left panel also takes up space

in the center to layout books. But, having the bar on the bottom con-

by the bottom bar.

from the main panel area in the center.

finds the scrollable content betwen the top and bottom bar, reducing the field of vision.


main tasks 1. Purchase Book No login is required to browse through the app. All purchases are go through Apple’s In-App Purchase, which uses the Apple ID and the credit card information to make a purchase. Technically, no login to iMusti is required when making an In-App Purchase, but not having the customer sign-in will loose customer information. So all customers will need to Sign In or Signup with either an iMusti or Facebook account first.

1

1 1

3 2

Grid View

List View

Detailed Book information View

1. After user launches the app, user can browse through the book titles using grid/list view

2. If user is not signed in already, this screen will show up, asking

or detailed book information view (which can be viewed by tapping on the book). Purchase

users to connect through facebook account or an iMusti account.

buttons are readily available in either one of these views.

3. Confirm In-App purchase with user


main tasks 1. Purchase Book (Contintued)

4

5

4. User signs in using Apple ID for book purchase. Credit card information is

5. A quick conformation letting the user know that the book is pur-

retrieved from here. It is a redunent with the previous sign-in, but at this point,

chased and it’s available under My Library.

but to keep track of user purchase history, this is the solution for this release.


main tasks 2. Viewing detailed book information and additional recommendated books

1

2

1. Tap on the book. This can be done with from the grid or list view.

This view has additional book information, such as the book synposis, and additional recommendations.

What’s missing from here: customer reviews. It will be an important part of this overall customer experience and was adviced so. The client wants to keep it really simple for this release and will put it in for the next release.


main tasks 2. Viewing detailed book information and additional recommendated books (Continued)

3

Another book-detailed view with more recommendations. If another book is selected under the recommendations list, it will bring up yet another book-detailed view.

3. Closing the box will pop the detailed view to its original first book detailed view, for this and all subsequent selections.

Closing it brings up the original book selection.


main tasks 3. Reading a purchased book

1

4 3 2

1. My Library is accessible from the main menu on top.

3. Like other book apps (Kindle and Nook), books must be

2. First time login is required to access My Library.

downloaded first before viewing.

4. Tapping on the downloaded book will open the book for view.

An ‘Archive’ button is available to allow users to remove the local copy to free up space. This is typical for book apps.


main tasks 3. Reading a purchased book (Continued)

6

5

5. Tapping on the book will bring up a menu.

6. Tapping on ‘My Library’ will go back to the main My Library screen

Back in the My Library screen.

iMusti  

Process Book

Read more
Read more
Similar to
Popular now
Just for you