Interface Design: Login/SignUp
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!
Related Posts
Here's some other articles that you will definitely find useful.
50 Inspiring Textured Web Designs
55 Colorful Web Designs to Inspire You
The Principle of Contrast in Web Design
50 Inspiring Portfolio Designs
40 Inspiring Single Page Websites
Dec 1, 2008
Tumblr?
Dec 1, 2008
Very cool!
I design a lot of interfaces for work… this is great lots of cool inspiration.
Thanks Adelle!
Dec 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.
Dec 1, 2008
First list is unique, thank you for sharing this one.
Dec 1, 2008
Wow, great post Adelle, lovely collection!
Dec 1, 2008
Nice. Keep ‘em coming. I am always on a look out for cool inspirational design.
Dec 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.
Dec 1, 2008
Thanks for the Login/SignUp love Adelle!
Dec 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!
Dec 1, 2008
Wow, nice job Adelle — Thanks for the inspiration!
Dec 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!
Dec 2, 2008
Nice collection. Some of them are really inspiring
Dec 2, 2008
I’m pretty proud of my doofy little contact form:
http://concept1027.com/information.shtml
Dec 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
Dec 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.
Dec 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/
Dec 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.
Dec 10, 2008
Thanks for the plug Adelle
here’s our Xmas login http://businesscatalyst.com/admin
Dec 10, 2008
What a great resource, Adelle! Thanks.
Dec 11, 2008
In a very discreet on the Mylene Farmer fanclub’s website
http://www.mffcf.org
Dec 17, 2008
Great Post, Very usefull thanks
Dec 29, 2008
This is good post! very interesting and helpful.
Sarfraz
http://www.greepit.com
Dec 29, 2008
Adelle: this is a great resource list. Thanks for the mention.
Dec 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
Jan 27, 2009
Pretty cool!
I found an other one very nice in http://www.neositios.com it could be included
Oct 5, 2009
Wow, major cool dude!
RR
http://www.complete-privacy.net.tc
Oct 6, 2009
Nice collections, want to add:
http://lovelogger.com/register
which has some different pattern for it’s signup page.
Oct 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/
Oct 8, 2009
I like Vimeo the most
prolly coz this cute drawing