Skip to content

Create UI #18

@pkevan

Description

@pkevan

Pulling out the discussion from slack and including the screenshots for reference. All text pulled as is, so not necessarily me saying it 😄

https://a8c.slack.com/archives/C0393K4ADM3/p1668679184861899?thread_ts=1668663080.269429&cid=C0393K4ADM3
So to summarize my advice, and I’m sure there are a lot of technical gotchas that make this a unique challenge:

  • Unify profiles if you can, otherwise place the flow where it makes the most sense. My instinct is the main profile, but if your instinct says forum profile, alright then.
  • Instead of a single box that sits on the main profile, see if it can be a single “activate” and “deactivate” button, that moves you into a stepped flow instead of all happening in the same place.

Example of the potential flow:

the WP.org profile could have a similar single button under a “Security” subheading: “enable 2fa”.
1

Clicking said “enable 2fa” button would take you to an entirely new page, step 1 of a sequence of steps, and the first step could be choosing an app or sms, depending on the tech available
Screenshot 2022-11-17 at 10 53 47

That would then show the QR code contextually to the step
Screenshot 2022-11-17 at 10 54 33

Activating would let you see backup codes, and you can check the box to enable the next step
Screenshot 2022-11-17 at 10 55 24

Finally, a nice little notice that you’ve activated 2fa, and the “Activate 2fa” button on the security section of your profile would instead become “disable 2fa”.
Screenshot 2022-11-17 at 10 56 00

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions