1 of 21

WebAuthn to Pay

2020H2 Pilot | Final UX Mocks

Stripe: Benjamin Tidor, Mathieu Hofman, Nick Bruun

Coil: Adrian Hope-Bailie

Chrome: Julia Liang, Justin Toupin, Nick Burris, Rouslan Solomakhin, Danyao Wang

Google Identity: Christiaan Brand

​

July 2020

​

This deck: bit.ly/webauthn-to-pay-2020h2-pilot-ux

Explainer: bit.ly/webauthn-to-pay-2020h2-pilot

2 of 21

Introduction

This deck contains the final UX mocks for the WebAuthn to Pay pilot that Stripe and Chrome are planning for 2020H2.

This work is being incubated in the W3C Web Payments Working Group.

For questions and feedback, please find us on GitHub.

3 of 21

Enrollment / No browser UI

4 of 21

5 of 21

6 of 21

PH window

7 of 21

8 of 21

9 of 21

10 of 21

PH window automatically dismisses after 1-2 seconds

11 of 21

12 of 21

Checkout / Happy path

13 of 21

14 of 21

15 of 21

16 of 21

17 of 21

18 of 21

Checkout / user taps cancel in authenticator

19 of 21

Proposal for pilot

20 of 21

Appendix: Authenticator Coverage

21 of 21

macOS

90%

Windows

59%

Android

27%

macOS: based on the transport used to create new credentials

Windows: based on the percentage of Chrome clients using Windows 10 19H1 or newer

Android: based on the percentage of Chrome clients on Android N or newer