Bye, Google Maps.

Citymapper is what happens when you actually understand user experience.

Every so often, an app comes along that just completely understands the way you think. I don’t normally write long posts about an app I’ve used. But Citymapper is so incredibly well-made that I decided to put together a list of common use cases of a maps app, and how both Google Maps and Citymapper handle them.

Scenario 1: I need to get somewhere as fast as possible.

Citymapper, 10 seconds: I can see all 4 options (public transport, walking, car/taxi, and biking) side-by-side, allowing me to compare options quickly.

Google Maps, 20 seconds: I need to click through each individual option and remember which is the fastest. Also, the flyover animation is cool but unnecessary when I’m trying to see what the fastest time is.

Scenario 2: I want to see the time needed to get from point A to point B.

Citymapper, 10 seconds: I can enter my origin and destination at the same time.

Google Maps, 30 seconds: I need to first enter my destination, then specify how I want to get there, and then change my origin from “My Location” to a different address.

Scenario 3: What are the trains near me?

Citymapper, 2 seconds: Since I know the subway system pretty well, I don’t always need full directions — I just need to know where the closest subways are so I can judge which one I should take. With one click on the train icon, I can see all the trains near me, sorted by distance. Same thing for buses.

Google Maps, 30+ seconds: There’s no way to see all nearby trains, so you have to manually look around your waypoint and click on each station. There is a public transit option in the sidenav, but it only highlights the lines on the map and you still need to click through to see which stations are closest. And at transit hubs (in this case, Union Square) it considers different subway entrances and lines as separate, so it won’t let you see aggregate information for a particular station.

Scenario 4: How long will it take me to get somewhere by Citibike?

Google Maps, can’t do it: Google Maps doesn’t have bikeshare integration, so I’m forced to switch apps and use the equally scatterbrained Citibike app to find availability.

Citymapper, 15 seconds: Not only does Citymapper find where the nearest Citibike location is and let me choose whether I want the fastest route or the quietest (read: safest) route, it also notices that the closest Citibike location to my destination has no available spaces and reroutes me to the next closest one that does. That’s magical.

Scenario 5: I just searched for directions at the office, and now I want to see those directions again.

Citymapper, 5 seconds: Previously searched destinations can be found right underneath the search bar for easy access.

Google Maps, 10 seconds — if you know where to find it: For some reason, previously searched destinations are found under your profile (the person icon next to the search bar) instead of when I search. I never noticed that until I started writing this post.

Scenario 6: I’m late to a meeting so I’m sprinting as quickly as possible down the street, looking at my phone for directions.

In any other app, shaking my phone might mean “undo last action” (e.g. Mailbox) or “submit feedback” (e.g. some beta builds of mobile apps). In a maps app, though, there’s pretty much one thing a shaking phone means — I’m running, biking, or just moving. And when I do any of that with Google Maps, this happens:

It blocks my view, it shuts off turn-by-turn directions, and is altogether a pretty terrible interaction.

Other design details

City icons

Going to a different city? Citymapper’s customized icons for each of its supported metro areas gives the app personality.

Offline subway map

If you’re in the subway, you can access a full offline zoomable subway map by clicking on an icon on the homescreen. They also have a “Save trips” option on the directions screen so you can save directions for offline use (e.g. on a subway).

Humor

First, their release notes are legitimately funny:

And when presenting your transit options, Citymapper will occasionally throw in a funny option: