1510019 - Allow the user to cancel/close the payment request during a merchant event and processing

Status: NEW

(Firefox :: WebPayments UI, enhancement, P2)

Description

[Matthew N. [:MattN]]

We have a timeout for when the merchant is taking too long to respond to change events or to call complete() but users may want to cancel the payment before the timeout occurs and it's not a great UX if the user has to wait for our timeout (e.g. 20 seconds) in order to click Cancel.

Eric/Jacqueline, do you agree that the Cancel button should always be available to click? If we're in the processing state since the user clicked Pay, should we go to a page like the Timeout one to tell the user that the payment may have already been processed but they need to check with the merchant?

Comment 1

[Eric Pang [:epang] UX]

Yes, I think we should allow the user to cancel. We'll update the specs.

I agree we can reuse the timeout screen to warn the user the payment may have gone through. To make this clear we'll need new content from Brian for the payment processing state. Brian can you help with this? It's going to be a second version of this screen this screen: https://mozilla.invisionapp.com/share/S5FXRY0D8TZ#/304878933_7-3_Checkout_-_Timeout

For other cases when the merchant is taking too long to respond and the user clicks cancel we should go back to the screen they were currently on. If they do not click cancel they can be shown the time out screen.

Comment 2

[Brian Jones]

To make sure I'm understanding this correctly: we're keeping the messaging, but adding a "warning" that user's payment may, in fact, have processed. In other words: the merchant is taking too long to respond, but your payment may have gone through?

(In reply to Eric Pang [:epang] UX from comment #1)
> Yes, I think we should allow the user to cancel. We'll update the specs.
> 
> I agree we can reuse the timeout screen to warn the user the payment may
> have gone through. To make this clear we'll need new content from Brian for
> the payment processing state. Brian can you help with this? It's going to be
> a second version of this screen this screen:
> https://mozilla.invisionapp.com/share/S5FXRY0D8TZ#/304878933_7-3_Checkout_-
> _Timeout
> 
> For other cases when the merchant is taking too long to respond and the user
> clicks cancel we should go back to the screen they were currently on. If
> they do not click cancel they can be shown the time out screen.