Relying Party User Interface Recommendations

Transcription

1 1 OpenID Provider Action Buttons 1 of OpenID Provider Login Popup You re logging into EXAMPL with your 1.1 Standard Register/Login call to action in navigation 1.2 Login form with button array 1.4 Successful login navigation EXAMPL Register Login 1 EXAMPL EXAMPL Hi Steven Logout Login Create a FOO account Login with your EXAMPL Login with your Address from: Identity verification provided by OpenID Login Forgot? What is OpenID? 2 ON SUCCESS REFRESH PARENT WINDOW i 1 OpenID Provider Action Buttons - Check Immediate not required from OpenID Provider - Presumes the user knows if they are registered on RP website - No clear benefit to user if they already have an account at RP website - May be more effective in the registration process. For example, quick registration without verfication Activate Tunnel navigation Removing any links not related to logging and returning to home 2 Relying Party should determine which OpenId Providers best meets their media vertical or web application

2 2 address lookup login V1 2 of Prompt for address can live anywhere in the UI EXAMPL CASE 1 Account not linked to OpenID Provider Enter your password Basic interactions operate similiar to the Search Suggest UI Pattern CASE 2 and Account is from OpenID Provider Enter your password Relying Party Enter Overlay ENID ACCOUNT LINKING PROMOTION AND ACCOUNT LINKING FLOW Valid CASE 3 OpenID or Linked Legacy Account Account signed up via OpenID or Legacy Account linked to OpenID Provider Login with OpnPrvdr.com You re logging into EXAMPL with your OnFocus CASE 4 is from supported OpenID Provider Register using OpnPrvdr.com If Reg Relying Party OpenID Registration Callback Flow OnType steve@ Validating... CASE 5 NOT from supported OpenID Provider Create an account - it s easy! Relying Party Registration Flow

3 3 address lookup login V2 (alternative visual design) 3 of Prompt for address can live anywhere in the UI EXAMPL CASE 1 Account not linked to OpenID Provider Enter your password Basic interactions operate similiar to the Search Suggest UI Pattern CASE 2 and Account is from OpenID Provider Enter your password Relying Party Enter Overlay ENID ACCOUNT LINKING PROMOTION AND ACCOUNT LINKING FLOW Valid CASE 3 OpenID or Linked Legacy Account Account signed up via OpenID or Legacy Account linked to OpenID Provider Login with OpnPrvdr.com You re logging into EXAMPL with your OnFocus CASE 4 is from supported OpenID Provider Register using OpnPrvdr.com If Reg Relying Party OpenID Registration Callback Flow OnType steve@ Validating... CASE 5 NOT from supported OpenID Provider Create an account - it s easy! Relying Party Registration Flow

4 4 OpenID Provider Action Buttons / OpenID Lookup 4 of OnLoad 4.2 OnType You re logging into EXAMPL with your Or enter your web service of choice: Or enter your web service of choice: Type name of web service Ex. Twitter, Facebook and etc OnType, CharCount > 3 Ope Ex. Twitter, Facebook and etc OpenIDProvider.com OpenIdentifiers.com NOTE: In this layout a slight modification is made to the Action Button layout by adding a OpenID provider lookup textbox below the array of promoted OpenID providers. There are other alternatives to this layout, for example we can simplifiy the design and implementation by replacing the lookup textbox with a simple drop, as seen in the OpenID Select layout. Another alternative to this layout would be to place the lookup textbox above the array of promoted openid provider action buttons, as seen in the OpenID Lookup option 2.

5 5 OpenID Provider Action Buttons / OpenID Select 5 of OnLoad 5.2 OnClick 5.3 OnSelect Or select a web service below: Or select a web service below: Or select a web service below: Select a web service OnClick Select a web service OnSelect OpenIdPrivider.com AOL Google/Gmail OpenIdProvider.com Myspace Yahoo! You re logging into EXAMPL with your

6 6 OpenID Provider Action Buttons / OpenID Lookup (Option 2) 6 of OnLoad 6.2 OnType Enter your web service of choice: Type name of web service Enter your web service of choice: Ope You re logging into EXAMPL with your Ex. Twitter, Facebook and etc or login with one of the following OnType, CharCount > 3 OpenIDProvider.com OpenIdentifiers.com