ux/ui design case study - cloudinaryres.cloudinary.com/general-assembly-profiles/image/... · ux/ui...

42
BOOKLOVER APP UX/UI Design Case Study by Frans van der Walt

Upload: others

Post on 24-Mar-2020

10 views

Category:

Documents


1 download

TRANSCRIPT

BOOKLOVER APP

UX/UI Design Case Studyby Frans van der Walt

Project Goal

To create a social community platform that develops richer engagement between the user, Booklover communities and their local Dymocks store.

DISCOVERY

DISCOVERYResearch: Face to face interviews, Skype interviews and 2 online surveys

DISCOVERY Analysing User Research: Affinity Diagram

Results

COnClUSIOn• Female

• Age: between 30 - 45

• Education: Degree or higher

• Income: above average

nOTESAs I used my personal contacts using Dymocks’ database to do the research would be more accurate

Demographics

DISCOVERY

Reading Habits

COnClUSIOn• Printed books are still preferred over

ebooks. People like the feel and touch of a real book.

• Read every moment they can.

nOTES• This is useful when I get to designing the look

and feel of the app. The visual design would need to keep the organic feel of a real book.

• Passionate readers

DISCOVERY

Shopping Habits

COnClUSIOn• More and more people are buying book

online as it’s cheaper.

• The same people will however buy a book on impulse if they really want it straight away.

nOTES• The app would need to give something back

to the user not just a e-commerce platform as Dymocks can’t compete with online prices.

• Buying a book would need to be very obvious and quick

DISCOVERY

Discovering

COnClUSIOn• Almost everyone said they get

recommendations from their friends.

• People also read blogs, magazine articles, reviews and get recommendations from Amazon/Goodreads to help them decide what book to get.

nOTES• This tells me that a social aspect will play a

critical part in the desirability of the app.

• The appeal for the users is that they’re able to join discussion groups, write reviews & rate books and share with their friends.

DISCOVERY

Cataloguing

COnClUSIOn• From the interviews I discovered that a lot

of people like to collect book, organise them on their bookshelves under various categories

nOTES• The app will need to have a cataloguing

function

DISCOVERY

Persona

Name: Sarah Wentworth

Age: 38

Education: Masters

Profession: Executive Assistant

Sarah’s married with two kids, Sam 6 and Tod 3. Husband, Mark works as a Marketing Manager for a large financial firm.

Sarah works 4 days a week as an Executive Assistant to the CEO of a Media company. She’s passionate about her job but her family comes first.

She’s a modern mum that believes her family should have a healthy diet of organic produce and good reading material.

• PaSSIOnaTE REaDER

• HaTES EBOOkS

• Reads eveRy fRee moment

• fRiends know best!

• makes wish lists

• GETS EXCITED aBOUT nEw RElEaSES

• an aSPIRInG wRITER

• BUYS BOOkS aS GIfTS

• COllECTS GOOD BOOkS

• loves the feel and design of a book

“Books are my staple diet”

Desktop

Laptop

Mobile

iPad

Sarah’s behavioursAccess internet using:

Get books from:

Bookstore

Online

Library

Book Exchange

Friends

Friend’s recommendation

Book cover art

Reviews in magazines/blogs

Amazon/Goodreads recommendations

How Sarah decided what to read next:

eBook Printed Book

Medium used to read:

87%

0 50+

Books read a year:

18-24

Not at all

Can’t live without it

Importance of reading as part of daily life:

72%

Buying scenarioSarah just finished reading a book and is desperate to find her next ‘gold nugget’. She logs on to Booklovers to see what her friends are reading and reads some reviews of people she follows. The ‘Staff Recommends’ tool gives her a list of books she might like based on books she has read and rated. One of the books on the list is the book that she just finished reading. Sarah writes a short review, rates the book, it gets saved automatically in ‘My Library’ and she clicks the share on Facebook button to post a review.

She finally finds a book in a group discussion that sounds really interesting. She considers to buy the book through an overseas site but her ‘Rewards Points’ indicator shows that she’s only a few points away from becoming a Gold Member which will give her extra benefits such as great savings, extra points gained per dollar spent and her profile will sport a shiny gold medallion. She buys the book on Booklover knowing that she’ll have the book in a day or two instead of having to wait for a week or longer.

DISCOVERY Persona: Sarah Wentworth

Competitor analysis

CompetitorsGoodreads Anobii Scan Booktopia Reader

Amazon App

Enter without sign-in

Create personalized profile

Social cataloguing component

User participation to build content

User review/rating

Generate library catalogs and reading lists

Generate catagory folders in library

Book Recommendations

Community news feeds

Bar code scanner

Extensive database of books

Local store finder

Easy to purchase product

Point reward system

DISCOVERY Competitor Analysis

Social media + cataloguing E-commerce

DISCOVERY Competitor Analysis: Conclusion

what is the product benefit to the user and client?

Social cataloguing • E-commerce • Building loyal

customer database

Happy User Happy Client

The Minimal Viable Product

DISCOVERY MVP Matrix

DESIgN

Booklover aPP

Ia & Task flow

DESIGn References

DESIGnKey Tasks

My Library

Personal Shelf

Personal Shelf

Personal Shelf

Personal Shelf

Personal Shelf

New Shelf

Read

Reading

To Read

Search Book

Book Moved

+

Add to Library

PurchaseBook

Sign in

Sign up

Facebook

Email

Book Detail

Library List Options

Personal Details

Shipping Details

Payment Method

Confirm Info

DONE

Check-out

HOMEWelcome

Profile

wireframe Sketches

DESIGn Wireframe Sketches

Interactive Prototypes

DESIGn Interactive Prototypes

aXURE

DESIGn Interactive Prototypes

Usability Testing

DESIGn Usability Testing

DESIGn Usability Test: Discovery and review

Sign up button is a bit lost at bottom- Need to make it stand out more

Move Basket out of main page- Not needed here

People didn't really get the 'Add to Wishlist'

Need to re-work 'Buy Now' + 'Add to Basket'

Need to simplify tabs

Need top change label - maybe 'bookshekves'Also need to move from here

This seems a bit unnecessary

Change Wishlist to 'To Read'

No one understood what this was.Need to rethink

I need to create an easy way to add books to 'My Library'

Over all rearange Icons so they work better together.

DESIGn Evolution: Login

V.01 V.02

DESIGn Evolution: Home page

V.01 V.02 V.03

V.04

Home News Feed My Library SearchBasket

Back

My Recommends

Upcoming Events

New at Dymocks

Find Dad a great book with our Gift Finder Tool

Book Name

Book Name

Book Name

Book Name

Book Name

Book Name

Book Name

Book Name

Dymocks George St created an eventAlex Miller book signing Saturday 15 June @ Dymocks George Street5 June

Search Booklovers

DESIGn Evolution: Search

V.01 V.02

V.03

DESIGn Evolution: My Library

V.01 V.02

Visual Exploration

DESIGn Visual Design - Static Home Page

DESIGn Visual Design - Dynamic Home Page

aCTIVE MEnU

DESIGn Visual Design - My Library

Frans van der [email protected]