UI Design Case Study - Cloudinary
BOOKLOVER APP
UX/UI Design Case Study by 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
DISCOVERY
Research: Face to face interviews, Skype interviews and 2 online surveys
DISCOVERY
Analysing User Research: Affinity Diagram
Results
DISCOVERY
Demographics
conclusion
notes
• Female
As I used my personal contacts using Dymocks’ database to do the research would be more accurate
• Age: between 30 - 45 • Education: Degree or higher • Income: above average
DISCOVERY
Reading Habits
conclusion
notes
• Printed books are still preferred over ebooks. People like the feel and touch of a real book.
• 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.
• Read every moment they can.
• Passionate readers
DISCOVERY
Shopping Habits
conclusion
notes
• More and more people are buying book online as it’s cheaper.
• 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.
• The same people will however buy a book on impulse if they really want it straight away.
• Buying a book would need to be very obvious and quick
DISCOVERY
Discovering
conclusion
notes
• Almost everyone said they get recommendations from their friends.
• This tells me that a social aspect will play a critical part in the desirability of the app.
• People also read blogs, magazine articles, reviews and get recommendations from Amazon/Goodreads to help them decide what book to get.
• 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
notes
• From the interviews I discovered that a lot of people like to collect book, organise them on their bookshelves under various categories
• The app will need to have a cataloguing function
Persona
DISCOVERY
Persona: Sarah Wentworth •B uys books as gifts • Reads every ollects free moment • C good books •P assionate Reader •m akes wish lists • Friends know best! • Hates eBooks • An Aspiring Writer • Loves the feel and design of a book • Gets excited about new releases
Sarah’s behaviours Access internet using: Desktop
How Sarah decided what to read next: Laptop Friend’s recommendation Mobile Book cover art iPad Reviews in magazines/blogs
Medium used to read:
“Books are my staple diet”
Amazon/Goodreads recommendations
87%
eBook
Printed Book
Importance of reading as part of daily life:
Name: Sarah Wentworth Age: 38 Education: Masters Profession: E xecutive Assistant
72%
Not at all
Books read a year: 0
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.
Can’t live without it
Get books from: Bookstore
Online
Library
Book Exchange
Friends
18-24
Buying scenario 50+
Sarah 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.
Competitor Analysis
DISCOVERY
Competitor Analysis
Competitors Goodreads 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
Anobii Scan
Booktopia Reader
Amazon App
DISCOVERY
Competitor Analysis: Conclusion
Social media + cataloguing
E-commerce
What is the product benefit to the user and client?
Happy User
Social cataloguing
Happy Client
• E-commerce • Building loyal customer database
The Minimal Viable Product
DISCOVERY MVP Matrix
Design
Booklover aPP
IA & Task Flow
DESIGN
References
Design Key Tasks
Sign in
Check-out
Facebook
HOME
Welcome
Sign up Email
Search Book
Book Detail
Purchase Book
Personal Details
Add to Library
My Library
Profile
Personal Shelf
Shipping Details
Library List Options
Read
Personal Shelf Personal Shelf
Payment Method
Reading
Personal Shelf Personal Shelf
To Read
+ New Shelf
Confirm Info
Book Moved
DONE
Wireframe Sketches
DESIGN
Wireframe Sketches
Interactive Prototypes
DESIGN
Interactive Prototypes
DESIGN
Interactive Prototypes
AXURE
Usability Testing
DESIGN
Usability Testing
DESIGN
Usability Test: Discovery and review
People didn't really get the 'Add to Wishlist'
Move Basket out of main page - Not needed here
Need to re-work 'Buy Now' + 'Add to Basket'
Change Wishlist to 'To Read' Need to simplify tabs
This seems a bit unnecessary
Need top change label - maybe 'bookshekves' Also need to move from here No one understood what this was. Need to rethink
Sign up button is a bit lost at bottom - Need to make it stand out more
Over all rearange Icons so they work better together.
I need to create an easy way to add books to 'My Library'
DESIGN
Evolution: Login
V.01
V.02
DESIGN
V.04
Evolution: Home page Back
V.01
V.02
Search Booklovers
V.03
My Recommends
Book Name
Book Name
Book Name
Book Name
Upcoming Events Dymocks George St created an event 5 June
Alex Miller book signing Saturday 15 June @ Dymocks George Street
New at Dymocks
Book Name
Book Name
Book Name
Book Name
Find Dad a great book with our Gift Finder Tool
Home
News Feed
My Library
Basket
Search
DESIGN
V.03
Evolution: Search
V.01
V.02
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 Walt [email protected]
UX/UI Design Case Study by 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
DISCOVERY
Research: Face to face interviews, Skype interviews and 2 online surveys
DISCOVERY
Analysing User Research: Affinity Diagram
Results
DISCOVERY
Demographics
conclusion
notes
• Female
As I used my personal contacts using Dymocks’ database to do the research would be more accurate
• Age: between 30 - 45 • Education: Degree or higher • Income: above average
DISCOVERY
Reading Habits
conclusion
notes
• Printed books are still preferred over ebooks. People like the feel and touch of a real book.
• 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.
• Read every moment they can.
• Passionate readers
DISCOVERY
Shopping Habits
conclusion
notes
• More and more people are buying book online as it’s cheaper.
• 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.
• The same people will however buy a book on impulse if they really want it straight away.
• Buying a book would need to be very obvious and quick
DISCOVERY
Discovering
conclusion
notes
• Almost everyone said they get recommendations from their friends.
• This tells me that a social aspect will play a critical part in the desirability of the app.
• People also read blogs, magazine articles, reviews and get recommendations from Amazon/Goodreads to help them decide what book to get.
• 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
notes
• From the interviews I discovered that a lot of people like to collect book, organise them on their bookshelves under various categories
• The app will need to have a cataloguing function
Persona
DISCOVERY
Persona: Sarah Wentworth •B uys books as gifts • Reads every ollects free moment • C good books •P assionate Reader •m akes wish lists • Friends know best! • Hates eBooks • An Aspiring Writer • Loves the feel and design of a book • Gets excited about new releases
Sarah’s behaviours Access internet using: Desktop
How Sarah decided what to read next: Laptop Friend’s recommendation Mobile Book cover art iPad Reviews in magazines/blogs
Medium used to read:
“Books are my staple diet”
Amazon/Goodreads recommendations
87%
eBook
Printed Book
Importance of reading as part of daily life:
Name: Sarah Wentworth Age: 38 Education: Masters Profession: E xecutive Assistant
72%
Not at all
Books read a year: 0
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.
Can’t live without it
Get books from: Bookstore
Online
Library
Book Exchange
Friends
18-24
Buying scenario 50+
Sarah 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.
Competitor Analysis
DISCOVERY
Competitor Analysis
Competitors Goodreads 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
Anobii Scan
Booktopia Reader
Amazon App
DISCOVERY
Competitor Analysis: Conclusion
Social media + cataloguing
E-commerce
What is the product benefit to the user and client?
Happy User
Social cataloguing
Happy Client
• E-commerce • Building loyal customer database
The Minimal Viable Product
DISCOVERY MVP Matrix
Design
Booklover aPP
IA & Task Flow
DESIGN
References
Design Key Tasks
Sign in
Check-out
HOME
Welcome
Sign up Email
Search Book
Book Detail
Purchase Book
Personal Details
Add to Library
My Library
Profile
Personal Shelf
Shipping Details
Library List Options
Read
Personal Shelf Personal Shelf
Payment Method
Reading
Personal Shelf Personal Shelf
To Read
+ New Shelf
Confirm Info
Book Moved
DONE
Wireframe Sketches
DESIGN
Wireframe Sketches
Interactive Prototypes
DESIGN
Interactive Prototypes
DESIGN
Interactive Prototypes
AXURE
Usability Testing
DESIGN
Usability Testing
DESIGN
Usability Test: Discovery and review
People didn't really get the 'Add to Wishlist'
Move Basket out of main page - Not needed here
Need to re-work 'Buy Now' + 'Add to Basket'
Change Wishlist to 'To Read' Need to simplify tabs
This seems a bit unnecessary
Need top change label - maybe 'bookshekves' Also need to move from here No one understood what this was. Need to rethink
Sign up button is a bit lost at bottom - Need to make it stand out more
Over all rearange Icons so they work better together.
I need to create an easy way to add books to 'My Library'
DESIGN
Evolution: Login
V.01
V.02
DESIGN
V.04
Evolution: Home page Back
V.01
V.02
Search Booklovers
V.03
My Recommends
Book Name
Book Name
Book Name
Book Name
Upcoming Events Dymocks George St created an event 5 June
Alex Miller book signing Saturday 15 June @ Dymocks George Street
New at Dymocks
Book Name
Book Name
Book Name
Book Name
Find Dad a great book with our Gift Finder Tool
Home
News Feed
My Library
Basket
Search
DESIGN
V.03
Evolution: Search
V.01
V.02
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 Walt [email protected]
