Oh No, He Did That Screen:
The Microsoft Authenticator setup flow appearing in a dialog box over the Security Info section of My Profile.
This pop up and others are among the authentication related challenges I took on when designing My Account, as an authentication overhaul was part of the project.
Each of these authentication-method setup flows had to be able to appear both in a settings page and as interrupts to catch users who hadn’t set up the authentication methods required by their organization. I solved this problem by building all authentication setup flows into a dialog box. Fitting complex workflows into dialog boxes can be overwhelming, but this allowed the flow to appear on any screen and in any context. I tackled the overload problem by taking the setup process slow in the dialog box, progressing the user forward one step at a time.
The Microsoft Authenticator setup flow appearing as an interrupt.
I designed all the Microsoft authentication setup flows you may be familiar with using, but my favorite was the one for authentication via USB security key because it was showcased at Microsoft Ignite! The following mock-up was shown on the main event screen.
An interrupt where a user has chosen to authenticate using a USB security key.
