The Startup
Published in

The Startup

Exploring the Product Design of the Stripe Dashboard for iPhone

A behind-the-scenes view of how Benjamin and I build products

Vision

  1. An app you open first thing in the morning to quickly review yesterday’s numbers
  2. A way to be able to quickly look up customers, payments, and transfer information

Wireframes

Visual design

Interactions

  • You want new cards to be opened in a way to show that users how they can be manipulated: slide open from the side with a slight spring because that’s how they can be moved and dismissed
  • You want an extra shadow when you drag a card to emphasize that you’re controlling that specific card
  • You want to move the other cards behind it forward when you’re dragging a card away in order to show their progress
  • You want to match the velocity of the card being thrown away to the velocity of the deck moving forward so that it’s clear the actions are connected
  • You want cards farther back to be darker like they would be in real life
Toggling the actions menu (we did a HTML/CSS prototype)
Changing time periods in the graph view
For the startup animation, we did a few prototypes in HTML/CSS and After Effects.

UI Implementation

Push Notifications

  • Daily summary: a quick look at your sales and new customers from yesterday when you wake up in the morning.
  • New payments and new customers: for small businesses, it’s really exciting to see your business growing.
  • Failed transfers: we want to make sure our users notice their transfers failing and explain how to fix them.
  • Account changes: we let the users know that their password or bank account has changed as soon as it changes. This allows them to react and contact support if the changes were unauthorized.

--

--

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +760K followers.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store