-
Notifications
You must be signed in to change notification settings - Fork 13
/
how.html
66 lines (62 loc) · 4.13 KB
/
how.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Account Chooser | How it Works</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<a href="index.html">
<img src="images/keyhole-logo.png" alt="" />
<h1>Account Chooser</h1>
</a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="how.html" class="current-page">How it works</a></li>
<li><a href="webowners.html">For website owners</a></li>
<li><a href="idp.html">For identity providers</a></li>
</ul>
</div>
<div class="values">
<div class="proposition" id="endusers">
<h3>End users</h3>
<p>Websites are replacing traditional login boxes with an account chooser to make those sites more secure and easier to use (<a href="http://openidsamplestore.com/basic/">explore a sample site</a>). You will generally be able to recognize these websites because they have the following button with the special icon on the side to indicate they use an account chooser:</p>
<div class="screenshot">
<img src="images/value3.png" alt="">
</div>
<p>Even if the site uses another icon, once you try to log into the site for the first time on a computer, you will generally see a page like the one below:</p>
<div class="screenshot">
<img src="images/how-nascar.png" alt="">
</div>
<p>The actual buttons shown will vary by websites, and may also change based on your language or location. Those buttons are for identity providers where you might already have an account. It is generally easier and more secure to choose an identity provider to help you log into a website instead of manually setting up an account with a password on the website.</p>
<p>If you do not see a button listed for an identity provider that you use, you can simply type your email address.</p>
<div class="screenshot">
<img src="images/how-emailsignin.png" alt="">
</div>
<p>The website may be able to use your email provider as an identity provider. If not, you will have to login or sign up the traditional way with a password for this site. In the future the website may detect that it can use your email provider as an identity provider, and in that case it will help upgrade your account the next time you login.</p>
<p>After you have logged into a website, it will be easier to log into the website in the future. The website will present you with a page like the one below that lists the one or more accounts you have used at the website:</p>
<div class="screenshot">
<img src="images/how-accounts.png" alt="">
</div>
<p>Simply click the account that you want to use. If you are using an identity provider, then generally you will be logged in automatically.</p>
<p>If you do not see an entry for the account you want to use, then simply click the button to add another account.</p>
</div>
<div class="proposition" id="advancedtopics">
<h3>Advanced Topics</h3>
<h4>Deleting</h4>
<p>If you want the website to stop displaying an account, you can use your mouse to hover over that account entry and then choose the X button in the top corner to delete it. However, if you are using a shared computer and you don't want other users to notice that you've used this computer with a particular account, you should consider using the <a href="http://www.google.com/chrome/intl/en/more/privacy.html">incognito</a> or private browsing feature of popular browsers. That way, your account entry won't appear listed on the sign-in page when another user goes to sign in.</p>
<div class="screenshot">
<img src="images/how-accounts-delete.png" alt="">
</div>
<h4>Switching accounts</h4>
<p>On some websites you will notice that the addition of a navigation bar or button at the top of the page that lets you change your account.</p>
<div class="screenshot">
<img src="images/how-accounts-switch.png" alt="">
</div>
<p>Simply click the current account and the website will show a list of other accounts you might switch to, including the option to add another account or sign out of all accounts.</p>
</div>
</div>
<div class="footer">© 2011 OpenID Foundation.</div>
</body>
</html>