Interface Design: Login/SignUp

By / Dec 1, 2008 / Inspiration
shares

Interface design in websites focuses on the user’s experience and interaction. Where as traditional graphic design seeks to make the object or application physically attractive. Goal’s of user interface design is to make the user’s interaction as simple and efficient as possible. Where good graphic/industrial design is bold and eye catching, good user interface design is to facilitate finishing the task at hand over drawing unnecessary attention to itself. Graphic design may be utilized to apply a theme or style to the interface without compromising its usability. The design process of an interface must balance the meaning of its visual elements that conform the mental model of operation, and the functionality from a technical engineering perspective, in order to create a system that is both usable and easy to adapt to the changing user needs.

The following inspiration is focused on Logins/Signups in Web Design. I was doing research on login forms and thought the community could put this to good use and seek tips / design from these examples. My absolute favorites are Big Cartel, Vimeo, Gist & Status for it’s sleek design and beautiful interface.

Unblab

Product Planner

Crazy Egg

Wufoo

Big Cartel

Action Method

Squarespace

Vimeo

GoodBarry

TinEye

Tasty Planner

Twuffer

Envato Tuts Plus

Gist

Status HQ

Go Plan

The Mattinator

Box

CO-OP

Scribfire

Hahlo

Good

PatternTap

BrightKite

My MileMarker

Veritocracy

Freshbooks

Mindmeister

Visualize Us


Evernote

Basecamp

Have a Mint

Backboard

Delicious

Do you have any great examples that were left off the list? Please let me know!

33 Comments

  1. Kay
    December 1, 2008

    Tumblr?

    Reply
  2. Aaron Irizarry
    December 1, 2008

    Very cool!
    I design a lot of interfaces for work… this is great lots of cool inspiration.

    Thanks Adelle!

    Reply
  3. adelle
    December 1, 2008

    Glad you enjoyed it Aaron!

    @Kay Tumblr is a nice one as well, although the signup part is a little huge in my opinion, but still nicely designed.

    Reply
  4. Mabuc
    December 1, 2008

    First list is unique, thank you for sharing this one.

    Reply
  5. liam
    December 1, 2008

    Wow, great post Adelle, lovely collection!

    Reply
  6. Andrei
    December 1, 2008

    Nice. Keep ‘em coming. I am always on a look out for cool inspirational design.

    Reply
  7. Brad C
    December 1, 2008

    I’ve always said you can tell how good a designer is by the forms they design. These are some great examples of that. Nice stuff Adelle.

    Reply
  8. Anthony
    December 1, 2008

    Thanks for the Login/SignUp love Adelle!

    Reply
  9. adelle
    December 1, 2008

    @Mabuc glad you liked it!

    @Liam thank you very much :)

    @Andrei glad you enjoyed it, I love finding these types of UI examples and hope to do more of these in the future.

    @Brad C Thank you so much, glad you liked the examples!

    @Anthony your welcome!

    Reply
  10. ptamaro
    December 1, 2008

    Wow, nice job Adelle — Thanks for the inspiration! :-D

    Reply
  11. Ricks
    December 1, 2008

    Nicely compiled list as always. I really like the branding of GoodBarry. I saw them at FOWA a month or so ago with their tin boxes. Ha awesome!

    Reply
  12. Carlos Hermoso
    December 2, 2008

    Nice collection. Some of them are really inspiring

    Reply
  13. josh
    December 2, 2008

    I’m pretty proud of my doofy little contact form:

    http://concept1027.com/information.shtml

    Reply
  14. Rayanne Langdon
    December 2, 2008

    Thanks for including FreshBooks in this list, Adelle!

    I’ve always been a big fan of Vimeo’s login page, as well.

    Rayanne Langdon — Marketing Coordinator, FreshBooks.com

    Reply
  15. devolved
    December 3, 2008

    Many of these illustrate that the beauty of things is inherant and not necessarily connected to aesthetics.

    Do what you need first and what you want second.

    Reply
  16. Nathan Beck
    December 4, 2008

    Some nice examples, a lot of web 2.0 sites there but I guess that’s all the rage. I’m a big fan of really big fat spacious input boxes like on Gist, Pattern Tap and Hahlo.

    On the subject of login/signup forms, Smashing Magazine published some great posts a few months back, definitely worth checking out:

    1. – http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/

    2. – http://www.smashingmagazine.com/2008/07/08/web-form-design-patterns-sign-up-forms-part-2/

    Reply
  17. Craig Farrall
    December 8, 2008

    Great post Adelle I love the login designs here, definately ones I will be trying to recreate if I need a login system.

    Reply
  18. Larz
    December 10, 2008

    Thanks for the plug Adelle :) here’s our Xmas login http://businesscatalyst.com/admin

    Reply
  19. Todd Smith
    December 10, 2008

    What a great resource, Adelle! Thanks.

    Reply
  20. Maud
    December 11, 2008

    In a very discreet on the Mylene Farmer fanclub’s website

    http://www.mffcf.org

    Reply
  21. Thomas
    December 17, 2008

    Great Post, Very usefull thanks

    Reply
  22. Sarfraz
    December 29, 2008

    This is good post! very interesting and helpful.

    Sarfraz
    http://www.greepit.com

    Reply
  23. Leila Boujnane
    December 29, 2008

    Adelle: this is a great resource list. Thanks for the mention.

    Reply
  24. Erik Jenkins
    December 31, 2008

    I think this one should be included:
    http://www.bestofjoomla.com/index2.php?option=com_bestoftemplate&task=demo&no_html=1&id=1893

    Reply
  25. Juan
    January 27, 2009

    Pretty cool!
    I found an other one very nice in http://www.neositios.com it could be included

    Reply
  26. John Davis
    October 5, 2009

    Wow, major cool dude!

    RR
    http://www.complete-privacy.net.tc

    Reply
  27. Mc. Mary George
    October 6, 2009

    Nice collections, want to add:

    http://lovelogger.com/register

    which has some different pattern for it’s signup page.

    Reply
  28. Jelle Verkleij
    October 6, 2009

    I think the login of Wakoopa is one of the best. You should have added that site to :)

    Check it out at http://www.wakoopa.com/

    Reply
  29. Kalais
    October 8, 2009

    I like Vimeo the most :)

    prolly coz this cute drawing

    Reply
  30. sara
    June 24, 2010

    vb c++

    Reply
  31. Fahrenheit
    July 28, 2011

    This login/signin thingies was the exact inspiration I was looking 4…awesome

    Reply
  32. ömer
    February 3, 2012

    thank you. I like this

    Reply
  33. Razibul Hassan
    July 9, 2013

    Unblab, Veritocracy & Gist have really impressive login page. The login page design is sometimes overlooked. The login or signup page some times gives the first impression of what are inside. Hence impressive & creative design of the login page for your site or application is really important.

    Reply

Leave a Reply