UX UI Guidelines
  • BAM UX/UI Standards
  • UX Guidelines
    • Chat Bot - Messenger
    • Geoloc & permissions
    • Parrainage
    • Payment
    • Medical apointment booking
    • Splashscreen
  • [Template]
  • UI Components
    • [Component Template]
  • UI Principles
    • Spacing
    • Colors
  • Sketch Tips
    • Organiser son document
    • Manipuler les objets
    • Making Icons
    • Symbols
    • Sketch Plugins
  • Gestes UI/UX
    • Bench UI
    • Bench UX - userflow
Powered by GitBook
On this page
  • Userflow & Behaviour
  • 1/ Cart with checkout
  • 2/ Confirmation
  • 3/ Payment tool
  • 4/ Order Success
  • Exemples
  1. UX Guidelines

Payment

Author : Caroline - 01/02/18

PreviousParrainageNextMedical apointment booking

Last updated 7 years ago

Userflow & Behaviour

DOs

  • Keep it simple by keeping only 1 user action per page : the one that allows the user to move forward in the payment process

  • If the process is long (>3 steps) indicate the steps to come and where you are in the process

1/ Cart with checkout

DOs

  • Let the user edit his cart by removing 1 or more of each items

DON'Ts

  • Do not use the wording "Pay" in your CTA to go to the confirmation page : it's stressful for the user as he didn't confirmed anything yet

2/ Confirmation

3/ Payment tool

4/ Order Success

DOs

  • Give access to the order history (for the user to check the newly placed order)

  • Give access to the Home of the app

Exemples

  • Neonomad

  • Accor