Purchase using existing payment method

  • In-car purchase flows should be straightforward and require minimal driver attention, ideally concluding within 3 steps inside the app.

  • Apps should streamline the purchase process by offering curated parking location lists, background purchase handling, and clear confirmation messages.

  • Upon purchase confirmation, initiate navigation using a seamless transition to a dedicated navigation app, ensuring a clear task separation for the driver.

Flows that involve purchases should be as simple and short as possible, to minimize attention needed from drivers.

Be sure to follow the guidelines for purchase flows.

Sample flow

User action Where action is performed Step count after action
The user is using your app. They decide to make a purchase. Landing template (not shown) 1
The user selects a parking location from a curated list of nearby or recently booked locations. List template

List template with list of locations

2
The user views parking location details and reserves the spot; the purchase takes place in the background. Pane template

Pane template with more details about selected location

3
The user sees confirmation and selects Navigate. Message template

Message template with one primary button and another button

4
A separate navigation app opens and routing begins. Switch to navigation app

Navigation app opens

1 (new task)