GoodReads App Redesign

Redesign of the GoodReads user flow & content management.

GoodReads App Redesign


The Challenge

I love keeping track of my reading on GoodReads, but couldn't stand the clunky interface of the app.  Even with substantial updates, it used a dated UI that was confusing to navigate, and didn't do justice to what GoodReads does best-- create a social experience for curating and sharing your latest reads.

And I wasn't the only one for whom the app didn't flow: 

 
wireframe.jpg
 

I decided to give the app an upgrade that preserved the integrity of GoodReads' branding identity, but improved the usability of the app and took advantage of some of iOS7's best features.


The User Flow

The beginnings of some information architecture established, I begin to populate some low-fidelity wireframes for the design.  These will be iterated on and then turned into high-fidelity mockups.


Home Page

Main Pain Points

  • Does not honor cover art
  • Too many typefaces & colors
  • Little emphasis on social media
 
2015-08-16 20.10.02.png

BEFORE

 

Solutions

  • Featured cover art
  • Draws inspiration from other media platforms, ie Hulu, Netflix
 

AFTER

 

Profile Page

Main Pain Points

  • Too text-heavy; too few inferred UI elements
  • Top bar inconsistent with other pages
 

BEFORE

 

Solutions

  • Updated GUI elements
  • Condensed image information
  • Unified top bar information across pages
GoodReadsRedesign2.jpg

AFTER

 
 

Book Page

Main Pain Points

  • Lack of hierarchy to info
  • Impersonal book description
  • Goodreads branding not present in UI
 
2015-08-16 20.08.59.png

BEFORE

 

Solutions

  • Honors cover art and author info
  • Centers social media
  • Incorporates GoodReads brand language
GoodReadsRedesign4.jpg

AFTER