Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I am trying to design a simple login and password signin dialog box that pops in on the same page.

I don't want the user to navigate AWAY from the page to login.

I am looking for examples of sites that successfully implement this.

Placement, graphics, type of controls. Visually is it best to show a 'keyhole' tab, once clicked the sign up / sign in page appears?

I personally am heading to that type of setup, but have not found other sites implementing this type of setup (I am sure there are, I just am not very good at finding those sites)

share|improve this question
add comment

1 Answer 1

up vote 2 down vote accepted

I very much like the current Gist login which matches your needs. You click the login button which is clearly identifiable at the top in a crisp cleanly designed page and the popup appears around it. You use the same button to hide it. The popup appears brighter because the rest of the screen darkens slightly - not so much as to throw you - but just enough to make it effective.

I think it's an excellent example in almost every respect!

enter image description here

enter image description here

See also Break: which includes options to sign in with facebook

enter image description here

Barnes and Noble although this particular design looks like the whole page has faded - including the form itself!

enter image description here

Slashdot which has a nice simple popup appearing

enter image description here

as well as The Huffington Post.

share|improve this answer
    
Very nice login, I wonder if there are more sites out there like that (to comapre). Not crazy about the darkening, but yes it is effective. –  eLouai Sep 12 '11 at 9:08
1  
@eLouai - I added some more examples to compare with –  Roger Attrill Sep 12 '11 at 9:25
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.