With over 45 Million listings of Businesses, Parks, and Museums around the world, Yelp is an invaluable resource for foodies and travelers. Bookmarks may allow users to save a business listing, but it's underpowered, disconnected from the desktop experience, and located in an off-screen menu.
I recruited 6 participants to conduct an ethnographic study on how they use Yelp. After determining their level of experience, I presented them with a few scenarios then observed while they performed tasks. After compiling the data with an Affinity Map, I created the following personas.
As a workaround for the inaccessibility to notes from Yelp on the desktop, Users have been repurposing the Post Review comment box. Rather than a review, they write a reminder note and save it as a draft.
This is a diagram of the path users will take when Adding, Customizing, or Removing Bookmarks.
Filtering your collection of Bookmarks in list or map view.
Created in Illustrator and XD, I structure wireframes as trees so I can get a clear view of the journey from start to finish. This method will expose gaps in a pattern which can indicate missing interactions.
Clickable prototype that demonstrates the improved bookmark experience on Yelp for iOS. Created in Adobe XD.
Use animations to transition between screens. (Side Note: These examples precede the prototype which was modeled in Material Design before I changed to Human Interface.)