In Inspiration Jul 6, 200976
100 Outstanding Login Forms
This post is to be of inspiration and a guide to overall good interface design, we will ultimately focus on one important aspect of graphic user interface design that helps users interact with your site and enter areas that require login credentials.
As you’re in the process of designing a login form/area you might yourself face to face with a few vital questions: i.e. Will I display the name of the form as login, log in or sign in? How will I design the graphical aesthetics of the login (or log in/sign in) area? Where should the forgotten password link be displayed? What if I were to include a cancellation button? Should I use graphics and transparent properties that will match the overall design of my site? And so on..
No matter the question pertaining to your login form, there are always multiple solutions to your concerns. This is why we’ve done our research and collected 100 of the most beautiful sites with outstanding login forms for your inspiration.
Hopefully these sites will open up your mind to the endless and creative possibilities you can explore when designing this aspect of your site.
76 Comments
Jul 7, 2009
I personally really like this login form: http://tafifi.com
Jeremy Horn
The Product Guy
http://tpgbloc.com
Jul 7, 2009
[...] originally posted at : Click Here [...]
Jul 7, 2009
Awesome collection, thanks you very much
You can see more login forms in my blog: http://tr.im/nGe3
Keep up the good work !
Jul 7, 2009
Awesome Collection.
Jul 7, 2009
Wow, great collection! These forms may inspire other web designers for their next project.
Jul 7, 2009
Awesome collection and great inspiration!
Jul 7, 2009
[...] 100 Outstanding Login Forms | Design Reviverdesignreviver.com [...]
Jul 7, 2009
popurls.com // popular today…
story has entered the popular today section on popurls.com…
Jul 7, 2009
Thanks for providing such a beautiful set of login forms.
Dave Sealey
Jul 7, 2009
Wonderful job! It’s an inspiring collection of forms!
Jul 7, 2009
[...] 100 Outstanding Login Forms Submitted by Webmasterish [...]
Jul 7, 2009
Sorry but.. how hard is it to make a form usable (or outstandable) when there’s only five elements in it? As in ALL of the examples above.
Jul 7, 2009
My fav go to mapple story login form, thanks for sharing.
Jul 7, 2009
wow, they are really outstanding
Jul 7, 2009
I agree with Carl Helmertz. I agree that there certainly can be mangled login forms, but in general, all those logins look practically identical, and that’s because you it’s difficult to have a functional login page without organizing it that way. Do you have some examples of bad login pages? Ones that are actually on usable sites? (not just sites that are horrible across the board.)
Jul 7, 2009
I agree with Carl. What’s so outstanding in 90% of those forms?
Jul 7, 2009
Perhaps you should show a collection of bad login forms.
Jul 7, 2009
All of these suck!
Yes they look good, but usability should be number one… just my opinion as a user.
For instance I love e-junkie. All common actions without clicking.
http://bit.ly/mzaPZ
Yes could be more appealing to the eye but I can accomplish any common login/sign up issue with entering data and one click.
Jul 7, 2009
I have to use IE7 at work and I can see *none* of your forms. There’s just a black screen below the introductory text of this post!
Jul 7, 2009
Nice! Now I’m going to go home and redo mine!
Jul 7, 2009
Some really nice forms in there, and some that are… well, not so outstanding. Photoshop.com or DreamHost, for example, are really quite ordinary.
Jul 7, 2009
[...] In: Design inspiration 7 Jul 2009 Go to Source [...]
Jul 7, 2009
75% of those are hardly “outstanding”, but some good ones in there!
Nice collection though!
Jul 7, 2009
[...] 100 sites with Outstanding login forms comparte este post con el resto del mundo y tus amigos También te [...]
Jul 7, 2009
Hate to say, but there’s a dupe in the list! Can you add a replacement?
Jul 7, 2009
You really shouldn’t use width=”?” and height=”?” in images. IE thinks it means width=”1″ height=”1″. And don’t say you should use Firefox or Chrome or Opera or something.
Jul 7, 2009
[...] 100 Outstanding Login Forms | Design Reviver Great collection of login forms to show you & inspire you that Login Forms can look sexy (tags: webdesign inspiration forms login design gallery form css reference) [...]
Jul 7, 2009
Very few of these seemed to break any kind of a mold. Not really that impressive.
Jul 7, 2009
[...] 100 Outstanding Login Forms [...]
Jul 7, 2009
This is hilarious!
Jul 7, 2009
I like the list, but I think I only really like about 50% of these sites… still a nice list though. Great site, keep up the great work!
Jul 7, 2009
Nice list! Thanks
Jul 7, 2009
[...] 100 Outstanding Login Forms (tags: form webdesign inspiration usability) [...]
Jul 7, 2009
[...] Source: http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/ [...]
Jul 7, 2009
We encounter login forms everyday in great numbers. We have learned to take them for granted. This post will perhaps make many of us take a fresh look at login forms.
I guess it’s futile to select one of these as my favorite or the best in the list. The collection is truly awesome and pretty exhaustive.
Jul 8, 2009
[...] http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/ [...]
Jul 8, 2009
[...] 100 Outstanding Login Forms | Design Reviver [...]
Jul 8, 2009
Really a fantastic post! Very good work.
Jul 8, 2009
Some are nice but..
Are these really that outstanding?
Jul 8, 2009
Love it. So many of these are beautiful.
(Adobe ID appears twice, though.
.)
Jul 8, 2009
[...] 100 Outstanding Login Forms | Design Reviver (tags: webdesign forms ui inspiration) [...]
Jul 8, 2009
Another, not so remarkable, list of standard login forms !
Jul 8, 2009
[...] Beispiele: Login-Formulare der erfolgreichen Websites Eine durchaus zahlreiche Auflistung von möglichen und erdenklichen Anmeldefenstern in umfangreichen Variationen. » Zum Artikel [...]
Jul 8, 2009
I call bullshit. Nothing outstanding here.
Jul 8, 2009
Nice collection! Thanks!
The robo.to one is so neat, i like it .
Jul 9, 2009
[...] 100 Outstanding Login Forms | Design Reviver. Categories: Top 100 Lists Tags: login forms Comments (0) Trackbacks (0) Leave a comment [...]
Jul 9, 2009
[...] ??: ShowCase , ???? » ???100?????????? ???100 Outstanding Login Forms [...]
Jul 10, 2009
[...] 100 Outstanding Login Forms: http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/ [...]
Jul 10, 2009
Good Collection could have been narrowed down to 50 or fewer though … cause some aren’t really that great.
Jul 10, 2009
[...] http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/ 100 inspirational approaches to the Login Form. [...]
Jul 11, 2009
[...] those all-important lists and roundups of inspirations, showcases and more. 100 Outstanding Login Forms 26 Websites for Tutorials Starting out in Website Design & Development Top Ten Effective Habits [...]
Jul 11, 2009
[...] 100 Outstanding Login Forms [...]
Jul 11, 2009
[...] Using Wireframes to Streamline Your Development Process | Webdesigner Depot – Wireframes Magazine – 100 Outstanding Login Forms | Design Reviver – Official Google Blog: Introducing the Google Chrome OS – The design genius of Charles + Ray Eames [...]
Jul 11, 2009
[...] [UI????????]??????????????? [...]
Jul 12, 2009
Wow, here is another example where folks think that clever graphics is more important than usability. Serious designers should read Designing the Moment by Robert Hoekman who has a lot to say about this particular topic.
Jul 14, 2009
Some of these forms really look nice but some really aren’t great at all. Maybe you should have been a bit tougher on selecting those that got through. Thanks for the collection.
Jul 14, 2009
I simply loved the list. This is really a great collection.
Thanks
Jul 15, 2009
[...] 100 Outstanding Login Forms | Design Reviver: (ux patterns ) [...]
Jul 15, 2009
[...] 100 Outstanding Login Forms [...]
Jul 16, 2009
As other commenters have pointed out, there are many of those examples that are far from outstanding from a usability perspective.
For example, look at the FLV player example – where is the “Log in” button? Is it the blank button underneath the form? The “Signup” button looks like the primary call to action on the page..
A better way to think of this list is as an excellent resource for quickly gaining an overview of a variety of design options, rather than simply labelling them all as “outstanding”
Jul 18, 2009
Great collections, do also include this form too:
http://lovelogger.com/register
Jul 20, 2009
[...] 100 Outstanding Login Forms [...]
Jul 28, 2009
[...] 100 Outstanding Login Forms | Design Reviver [...]
Aug 2, 2009
[...] 100 Outstanding Login Forms [...]
Aug 3, 2009
[...] Examples, Useful Tutorials and Templates Essential Checklists For Successful Website Launches 100 Outstanding Login Forms 26 Websites for Tutorials Starting out in Website Design & Development Top Ten Effective Habits [...]
Aug 14, 2009
[...] Login Form : ?????????????????????????????? – http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/ – http://www.smileycat.com/design_elements/login_forms/ – http://www.opencrypt.com/blog.php?a=25 – http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/ [...]
Sep 4, 2009
[...] http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/ [...]
Sep 22, 2009
[...] 100 Outstanding Login Forms [...]
Oct 8, 2009
[...] 100 Outstanding Login Forms // [...]
Nov 9, 2009
Awesome Collection brother
Great Inspirations,
thank you very much..
Nov 12, 2009
My favorite of all the login form designs is that of Vimeo.
Feb 12, 2010
[...] 100 Outstanding Login Forms [...]
Feb 23, 2010
[...] RedesignForm Examples – Check out collections of website forms.55 Spectacular Login Form Designs100 Outstanding Login Forms25 Stylish Examples of Web FormsLogin Form Design ShowcaseTips & Guidelines – Lessons to [...]
Feb 24, 2010
[...] Design Reviver nous propose ainsi une très belle collection de formulaires d’identification : 100 Outstanding Login Forms. De cette collection je retiens trois tendances [...]
Feb 25, 2010
[...] 100 Outstanding Login Forms [...]
Mar 10, 2010
gr8 collection. we get ideas & create it
thanks
Leave a Comment