Cheers Chris,<br><br>I feel that these interfaces are both confusing but for different reasons.<br><br><a href="http://code.google.com/p/openid-selector/" target="_blank">http://code.google.com/p/openid-selector/</a> doesn't provide the user with a familiar set of options for logging in. Most users would probably expect to see two boxes, username/email and password (probably pre-filled by their browser). Instead they are faced with an array of logos that look more like links than buttons or selection options.<br>
<br><a href="https://www.idselector.com/" target="_blank">https://www.idselector.com/</a> presents an input box containing 'http://'. This doesn't look like a login box either - more like a location field. Surely, the http:// can be defaulted on the server-side on submission. Sure that, field gets automatically built according to the provider format, but at first the input box doesn't look like the right place to start logging in.<br>
In addition, when the user focuses on the input and the provider selection appears, a second input comes into play. I now have 2 inputs a login screen. I believe that to many users, this will appear to be the logical place to type their password (googel/yahoo!/whatever).<br>
The screencast was broken past about 3 minutes for me, so this might've become clearer later.<br><br>My method to emulate a novice user - remove ALL the text and see if it's still obvious what to do!<br><br>But these are just my opinions - the important question is - have any user studies been done on any OpenID login interfaces?<br>
<br><br>Saul<br><br><br><div class="gmail_quote">2009/1/8 Chris Messina <span dir="ltr"><<a href="mailto:chris.messina@gmail.com">chris.messina@gmail.com</a>></span><br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
OpenID as a "scent" word... I love it! ;)<br>
<br>
Your feedback is very useful, Brian -- thanks.<br>
<br>
This interface is similar to the IDSelector interface (which I find<br>
equally confusing):<br>
<br>
<a href="https://www.idselector.com/" target="_blank">https://www.idselector.com/</a><br>
<br>
Would be great if this list could be used for UI reviews of OpenID<br>
implementations by folks in the design industry -- wow, that'd be<br>
great! ;)<br>
<font color="#888888"><br>
Chris<br>
</font><div><div></div><div class="Wj3C7c"><br>
On Wed, Jan 7, 2009 at 5:36 PM, Brian O'Neill <<a href="mailto:spam@rhythmspice.com">spam@rhythmspice.com</a>> wrote:<br>
> That's a nice idea! Couple things and little nits if you want feedback (I<br>
> think you did):<br>
><br>
><br>
> * You aren't letting people Create an Account in this UI - so shouldn't the<br>
> title really be "Log in using your Open ID"<br>
> * I'm thinking Log in is probably more universal than Sign in but not sure<br>
> (not used to seeing either one hyphenated)<br>
> * I would try to make all the other logos disappear once a provider is<br>
> selected and make the text label read something like "Enter your Google Open<br>
> ID"<br>
> * Partly why I suggest the above is that if this UI comes up near the bottom<br>
> of a browser window and the entire box is not visible in the browser, it's<br>
> possible the exposed text input field would not be "seen" to have dropped<br>
> down. By removing the "noise" (the non-essential logos/icons) after<br>
> selection, you help tell solve this scroll issue potentially, and clear out<br>
> non-essential UI.<br>
> * Also - given you have to signup for an Open ID (if I recall), what is the<br>
> point of trying to mask that (e.g "users don't have to know what Open ID<br>
> is")? I only use mine for Basecamp's product via AOL but pretty sure I had<br>
> to sign up for it...even though I had an AOL handle...having the word Open<br>
> ID is a definte scent word for me - I look for that on sites before I sign<br>
> up. If it was hidden...<br>
> * I am assuming the intent here wasn't to facilitate creation of your open<br>
> ID account (on the provider of choice) but indeed, to log in to the right<br>
> provider.<br>
><br>
> Anyhow, it is a nice idea! I like that it's jQuery too which seems to be the<br>
> most popular JS library these days.<br>
><br>
> saludos!<br>
><br>
> Brian O'Neill<br>
> User experience and interaction designer<br>
> <a href="http://www.rhythmspice.com" target="_blank">http://www.rhythmspice.com</a><br>
><br>
><br>
> On Jan 7, 2009, at 3:00 PM, <a href="mailto:user-experience-request@openid.net">user-experience-request@openid.net</a> wrote:<br>
><br>
>> Send user-experience mailing list submissions to<br>
>> <a href="mailto:user-experience@openid.net">user-experience@openid.net</a><br>
>><br>
>> To subscribe or unsubscribe via the World Wide Web, visit<br>
>> <a href="http://openid.net/mailman/listinfo/user-experience" target="_blank">http://openid.net/mailman/listinfo/user-experience</a><br>
>> or, via email, send a message with subject or body 'help' to<br>
>> <a href="mailto:user-experience-request@openid.net">user-experience-request@openid.net</a><br>
>><br>
>> You can reach the person managing the list at<br>
>> <a href="mailto:user-experience-owner@openid.net">user-experience-owner@openid.net</a><br>
>><br>
>> When replying, please edit your Subject line so it is more specific<br>
>> than "Re: Contents of user-experience digest..."<br>
>><br>
>><br>
>> Today's Topics:<br>
>><br>
>> 1. Javascript OpenID Selector (Chris Messina)<br>
>><br>
>><br>
>> ----------------------------------------------------------------------<br>
>><br>
>> Message: 1<br>
>> Date: Wed, 7 Jan 2009 00:51:43 -0800<br>
>> From: "Chris Messina" <<a href="mailto:chris.messina@gmail.com">chris.messina@gmail.com</a>><br>
>> Subject: Javascript OpenID Selector<br>
>> To: "OpenID user experience" <<a href="mailto:user-experience@openid.net">user-experience@openid.net</a>><br>
>> Message-ID:<br>
>> <<a href="mailto:1bc4603e0901070051m4ab6d5c2p1d38728de1e90ca@mail.gmail.com">1bc4603e0901070051m4ab6d5c2p1d38728de1e90ca@mail.gmail.com</a>><br>
>> Content-Type: text/plain; charset="iso-8859-1"<br>
>><br>
>> Thought I'd pass this along. I'm not convinced that this is the way to do<br>
>> OpenID long term but I guess it'll work for now (until we develop<br>
>> something<br>
>> better than a series of popular US-centric OpenID provider icons):<br>
>> <a href="http://code.google.com/p/openid-selector/" target="_blank">http://code.google.com/p/openid-selector/</a><br>
>><br>
>> Chris<br>
>><br>
>> --<br>
>> Chris Messina<br>
>> Citizen-Participant &<br>
>> Open Web Advocate-at-Large<br>
>><br>
>> <a href="http://factoryjoe.com" target="_blank">factoryjoe.com</a> # <a href="http://diso-project.org" target="_blank">diso-project.org</a><br>
>> <a href="http://citizenagency.com" target="_blank">citizenagency.com</a> # <a href="http://vidoop.com" target="_blank">vidoop.com</a><br>
>> This email is: [ ] bloggable [X] ask first [ ] private<br>
>> -------------- next part --------------<br>
>> An HTML attachment was scrubbed...<br>
>> URL:<br>
>> <<a href="http://openid.net/pipermail/user-experience/attachments/20090107/2256ea59/attachment-0001.htm" target="_blank">http://openid.net/pipermail/user-experience/attachments/20090107/2256ea59/attachment-0001.htm</a>><br>
>><br>
>> ------------------------------<br>
>><br>
>> _______________________________________________<br>
>> user-experience mailing list<br>
>> <a href="mailto:user-experience@openid.net">user-experience@openid.net</a><br>
>> <a href="http://openid.net/mailman/listinfo/user-experience" target="_blank">http://openid.net/mailman/listinfo/user-experience</a><br>
>><br>
>><br>
>> End of user-experience Digest, Vol 16, Issue 1<br>
>> **********************************************<br>
><br>
> _______________________________________________<br>
> user-experience mailing list<br>
> <a href="mailto:user-experience@openid.net">user-experience@openid.net</a><br>
> <a href="http://openid.net/mailman/listinfo/user-experience" target="_blank">http://openid.net/mailman/listinfo/user-experience</a><br>
><br>
<br>
<br>
<br>
--<br>
Chris Messina<br>
Citizen-Participant &<br>
Open Web Advocate-at-Large<br>
<br>
<a href="http://factoryjoe.com" target="_blank">factoryjoe.com</a> # <a href="http://diso-project.org" target="_blank">diso-project.org</a><br>
<a href="http://citizenagency.com" target="_blank">citizenagency.com</a> # <a href="http://vidoop.com" target="_blank">vidoop.com</a><br>
This email is: [ ] bloggable [X] ask first [ ] private<br>
</div></div><div><div></div><div class="Wj3C7c">_______________________________________________<br>
user-experience mailing list<br>
<a href="mailto:user-experience@openid.net">user-experience@openid.net</a><br>
<a href="http://openid.net/mailman/listinfo/user-experience" target="_blank">http://openid.net/mailman/listinfo/user-experience</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>--------------------------------------------------------------<br>msn: <a href="mailto:saul@thecozens.co.uk">saul@thecozens.co.uk</a><br>blog: <a href="http://www.thecozens.co.uk">www.thecozens.co.uk</a><br>
techblog: <a href="http://saulcozens.co.uk">http://saulcozens.co.uk</a><br>photos: <a href="http://www.flickr.com/photos/saulcoz">www.flickr.com/photos/saulcoz</a><br>skype: saulcozens<br>