UX Movement Newsletter

UX Movement Newsletter

Share this post

UX Movement Newsletter
UX Movement Newsletter
Payment Flow UX: Submitting and Processing Orders

Payment Flow UX: Submitting and Processing Orders

Preventing payment errors

Feb 01, 2023
∙ Paid
24

Share this post

UX Movement Newsletter
UX Movement Newsletter
Payment Flow UX: Submitting and Processing Orders
Share

Seeing errors upon submitting a form discourages users from continuing their tasks. You should always limit the possibility of errors if you can. One way to do this is to disable the submit button until the user fills out every data field. This way, the user won't trigger errors by accident. Instead, the only errors that will appear are ones with invalid input.

To make the button appear disabled, add a 30% transparency to it. This makes the button fade into the background so that it doesn’t look clickable. Avoid using gray buttons because they look like a clickable secondary or neutral action.

This post is for paid subscribers

Already a paid subscriber? Sign in
© 2025 Anthony from UX Movement
Privacy ∙ Terms ∙ Collection notice
Start writingGet the app
Substack is the home for great culture

Share