OpenCrypt - Membership Software
Register / My Account / Forgotten Password?
 Home  Features and Benefits  Online Demonstration  Purchase  Our Services  Help and Support  my.OpenCrypt 
 Welcome  New Visitor  Latest NewsRSS Feed Company Information  Press/Testimonials  Frequently Asked Questions  BlogNew Content
Login form designs and inspiration
Saturday 19th July 2008

Designing a stylish yet functional login form can be difficult, that's ignoring actually getting functionality behind the system in the first place. We already provide you with the tools to create a login system so we decided we should give you some ideas and inspiration for how to style it too. Here is a collection of screenshots of various login forms from popular web sites, along with some discussions about the methods being used.

Vertically or Horizontally?

Essentially it depends on your site design, sites such as Digg which include the login form in the header often choose a horizontal login form to compact the form in as little space as possible.

Digg's Login Form
Digg use a horizontal login form which appears when the user selects the 'Login' link, interestingly this can provoke a warning from Internet security software which may not be ideal for compatibility.

Other sites which place the login form in the page body often choose the vertical approach.

MySpace Login Form with Signup Link MySpace uses a vertical login form which includes a 'Remember Me' option for returning visitors.

Remember Me?

Some sites include 'Remember Me' options enabling the login system to automatically remember and log the user in when they next visit. Sometimes this will simply mean the login system remembers the username, or some remember the password and entirely skip the login form.

Facebook Login System with Remember Me Option Facebook's login form includes a 'Remember Me' option for returning visitors.
PayPal's login form does not include a 'Remember Me' option, this is clearly to avoid accidental security breaches. PayPal's Secure Login Form
Windows Live Login Form Windows Live offers the choice, enabling the user to choose whether the system should remember their username, or their username and password.
YouTube's login form doesn't offer a 'Remember Me' option, but the system does automatically remember the user and auto-login. YouTube Login Form

The overal concensus seems to be a question of security, sites such as YouTube which do not store confidential data automatically remember the user for convenience. Sites such as PayPal where security is of major concern do not offer any option to remember login details and in fact, PayPal employs an extremely strict sessions system to avoid session hijacking.

OpenCrypt users who are interested in offering a 'Remember Me' option please contact support for guidance as to how to modify your 'PHP Login Interface'.

Username or Email Address?

Should a login form request a username and password, or an email address and password? This is usually a question of preference and ultimately the best option is to give the user the choice, OpenCrypt can for example use the email address as the username, or can allow the user to enter a custom username which could be their email address, the system can also automatically generate usernames.
More secure login systems, such as online banking login systems require the user enter only selected characters from their password. This is a fantastic security method which prevents key loggers from being used to gather login details, or from malicious individuals from monitoring internet connections to collect the details.

Natwest Online Banking Authentication System

Natwest's Online Banking system requires you enter three characters from your password and pin code, the required characters are chosen at random.

This of course only reduces the risk of occassional key logging, if someone were to continually monitor the same user for an extended period of time they could gather the login credentials in the same way, but this login method does offer protection for the user when using in-secure computers on occassion.

Some More Examples

OpenCrypt Membership Software Login System

Lycos Login System

Fifa Login Form

eBay Login System

Adobe Login Form
Adobe Photoshop Express

SmallWorlds Login

British Airways Login System
British Airways

bebo Login Form

WWF Login Form

Share this article:
Delicious Stumble It!
Stumble It!
<- PHP subscriber counter with Addicted to Feedburner class and Feedburner Awareness API
What is membership software? ->
Subscribe to RSS Feed
OpenCrypt Version 1.9
New Product: myRepono Website Backup Service
Website Pre-Launch Checklist
ionix in 2010
PHP Security Tips - Part 1
OpenCrypt 1.8 New Feature Highlights
Video Conversion API
We're on Twitter!
IP Location API
Integrating OpenCrypt's PHP Login Interface
Developing Mobile Web Sites
Service Recovery
Building relationships with your customers
Doing the unexpected
PHP/JavaScript World Map with Continent and Ocean Selection
We've Moved!
Customer Showcase:
Optimising your secure content for Google
Membership business models
AJAX Calendar with PHP and mySQL
PHP Function for Reciprocal Linkback Checking
AJAX Tree Menu with PHP - Revisited
What is membership software?
Login form designs and inspiration
PHP subscriber counter with Addicted to Feedburner class and Feedburner Awareness API
AJAX Tree Menu with PHP
AJAX data listings engine with PHP and mySQL (BETA)
Join the ionix Team!
Press Release: OpenCrypt 2.0 in Development!
PHP: Basic functions for quickstart PHP framework
Welcome to the OpenCrypt Blog!
Visitor Comments
MrBarns 10 out of 10
Space Holder
Hey, great blog...but I donít understand how to add your site in my rss reader. Can you Help me, please :)
Space Holder
Space Holder
Average Rating: 10.00 out of 10 (1 Votes)
Space Holder
Submit Comment
Space Holder
Article Rating:
Space Holder
Your Name:
Space Holder
Your Comment/Response:
Space Holder
Space Holder
Space Holder

Follow us on Twitter

Copyright © 1999 - 2011 ionix Limited. Affiliates, Contact Us

Powered by OpenCrypt Membership Software, Backups by myRepono Website Backup