Achat avec le mode de paiement existant
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les parcours impliquant des achats doivent être aussi simples et courts que possible, afin de minimiser l'attention requise de la part des conducteurs.
Veillez à suivre les consignes relatives aux parcours d'achat.
Exemple de flux
| Action utilisateur |
Où l'action est-elle effectuée ? |
Nombre de pas après l'action |
| L'utilisateur utilise votre application. Il décide d'effectuer un achat. |
Modèle de destination (non affiché) |
1 |
| L'utilisateur sélectionne un emplacement de stationnement dans une liste d'emplacements à proximité ou récemment réservés. |
Modèle de liste
|
2 |
| L'utilisateur consulte les détails de l'emplacement de stationnement et réserve la place. L'achat a lieu en arrière-plan. |
Modèle de volet
|
3 |
| L'utilisateur voit un message de confirmation et sélectionne Naviguer. |
Modèle de message
|
4 |
| Une application de navigation distincte s'ouvre et l'itinéraire commence. |
Passer à l'application de navigation
|
1 (nouvelle tâche) |
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/07/25 (UTC)."],[[["\u003cp\u003eIn-car purchase flows should be straightforward and require minimal driver attention, ideally concluding within 3 steps inside the app.\u003c/p\u003e\n"],["\u003cp\u003eApps should streamline the purchase process by offering curated parking location lists, background purchase handling, and clear confirmation messages.\u003c/p\u003e\n"],["\u003cp\u003eUpon purchase confirmation, initiate navigation using a seamless transition to a dedicated navigation app, ensuring a clear task separation for the driver.\u003c/p\u003e\n"]]],[],null,["\u003cbr /\u003e\n\nFlows that involve purchases should be as simple and short as possible, to\nminimize attention needed from drivers.\n\nBe sure to follow the\n[guidelines for purchase flows](/cars/design/create-apps/ux-requirements/templated-apps#purchase).\n\nSample flow\n\n| User action | Where action is performed | Step count after action |\n|------------------------------------------------------------------------------------------------------------|------------------------------|-------------------------|\n| The user is using your app. They decide to make a purchase. | Landing template (not shown) | 1 |\n| The user selects a parking location from a curated list of nearby or recently booked locations. | List template | 2 |\n| The user views parking location details and reserves the spot; the purchase takes place in the background. | Pane template | 3 |\n| The user sees confirmation and selects **Navigate**. | Message template | 4 |\n| A separate navigation app opens and routing begins. | Switch to navigation app | 1 (new task) |"]]
