Foursquare Photo Gallery

Updating a place’s photo gallery on Foursquare to focus on identifying top photos and provide a simple way to browse through all photos.

Foursquare’s redesigned photo gallery on iOS (left) and Android (right)

  • Role
    UX Design, UI Design, Prototyping
  • Platforms
    iOS and Android
  • Shipped
    December 2016

Background

We’d heard a lot in past research that people wanted to browse through a place’s photo gallery at a more granular level, so I worked on this project, redesiging a place’s photo gallery on Foursquare.

Additionally, since people could tag menu items and ambiance in photos, I designed a way to easily view those different types of photos from a by implementing a better way to filter and browse through photos.

What is the Foursquare app?

Foursquare is a local search and discovery app which provides personalized recommendations of places to go to near a your current location.

Download it on iOS and Android.

Before the redesign of the Foursquare photo gallery

Explorations

Creating a simple way to filter through photos was a big priority here. I went through and explored some ideas. Some which leveraged some of Foursquare’s existing patterns and some that were outside what we had in the app.

Explorations around the filter bar

 

A nice to have as a part of this project was to create an easy way for people to add nearby photos to this gallery. I spent some time exploring what that could look like.

A few ideas around nearby photos

 

Discoverability of the top tagged photos at a place was something our team felt was a very complelling idea. The idea being that if you could look at a photo gallery and quickly determine what the best things were, it could lead you to make a very good decision about a place.

Exploring the idea of popular tags

Outcome

The final (shipped) version included highlighted photos up top, which were comprised of top tagged photos at a place.

Foursquare’s redesigned photo gallery on iOS (left) and Android (right)

 

I also introduced a new to browse the photo gallery via a filter bar, underneath the navigation bar.

Filter bar with a few icons created

Filter menu on iOS (left) and Android (right)