User experience

In this page we'll see what BrowserID looks like from the user's perspective.

In all cases the user starts by navigating to a BrowserID-enabled site and clicking the "Sign In" button:

beer-sign-in.png

There are three main flows from here:

  • Registration
  • Sign in with a password
  • Sign in without a password

Registration

If the user has not registered with browserid.org before, or they wish to use a new email address to log in, then trying to log in using BrowserID will initiate the registration flow.

Note that this flow is not needed if the user's email provider is a BrowserID identity authority.

Overview

In this flow:

  • The user supplies an email address to https://browserid.org.
  • browserid.org sends a confirmation email to that address.
  • The user responds to the email to confirm that they own the address.
  • browserid.org asks the user to set the password which they will subsequently use to log into web sites.

Step by step

The browser displays a popup from https://browserid.org, which asks for an email address:

browserid-enter-email.png

The user enters an email address and presses Next. Because browserid.org hasn't seen this email address before, it will ask the user to verify it:

browserid-verify-email.png

The user's ownership of the email address is verified in the usual way: browserid.org sends a confirmation email containing a link to click.

browserid-check-your-email.png

Clicking the link takes the user to a page where they complete their registration by setting a password for their BrowserID account:

browserid-last-step.png

Now they can go back to myfavoritebeer.org/ and sign in:

browserid-sign-in-no-password.png

Because the user just signed into browserid.org, they don't have to re-enter the password.

Note that they are still asked to confirm that they wish to sign in using that email address, and are given the chance to use a different email address, or to cancel sign in altogether, if they choose.

Sign in with a password

If the user has a Browser ID, but hasn't used it in a little while (the exact period is set by the identity authority, but is on the order of hours rather than days), they will be asked to enter their password. This helps protect the user in case someone else gets access to their browser, or in case an attacker manages to get access to the key stored in the browser.

browserid-sign-in-with-password.png

Sign in with no password

If the user has signed in using BrowserID recently enough, they don't have to enter a password:

browserid-sign-in-no-password.png

Note that they are still asked to confirm that they wish to sign in using that email address, and are given the chance to use a different email address, or to cancel sign in altogether, if they choose.

Attachments

File Size Date Attached by
beer-sign-in.png
56670 bytes 2012-01-12 23:34:57 wbamberg
browserid-check-your-email.png
100437 bytes 2012-01-12 23:34:58 wbamberg
browserid-last-step.png
198098 bytes 2012-01-12 23:35:25 wbamberg
browserid-sign-in-with-password.png
105490 bytes 2012-01-12 23:35:44 wbamberg
browserid-verify-email.png
91499 bytes 2012-01-12 23:35:45 wbamberg
browserid-enter-email.png
84981 bytes 2012-01-12 23:38:27 wbamberg
browserid-sign-in-no-password.png
105884 bytes 2012-01-12 23:40:53 wbamberg
Remote debugging
Enabling remote debugging on the Firefox OS Settings app
17663 bytes 2013-09-06 02:41:02 chrisdavidmills
Check updates
The screen for checking updates on the Firefox OS settings app
93680 bytes 2013-09-06 02:43:56 chrisdavidmills

Document Tags and Contributors

Contributors to this page: wbamberg, Sheppy
Last updated by: Sheppy,