Login

What's my user name?

Sometimes, it's hard to remember whether you are registered with a site - and if so, what your user ID is. Boxes and Arrows gives users some help in this situation by dynamically searching on the user name, reporting whether the login exists or not in the system.

Login_found_2

Login_notfound_2

The experience for new vs. returning users

A number of web services create two entirely separate site experiences for new vs. returning users. The new user experience is typically focused on the benefits of the service and getting people to sign up.

For example, compare the different home page presentations for new vs. existing users on Tastebook. New users are presented with clean, simple page with just three main options: How it Works, Look Inside (a product tour), and Get Started.

Home_nav

Below is the "logged in" version of the Tastebook home page--the starting point for actually using the service.

Logged_in

LinkedIn uses a similar approach, with a super-simple home page for new users:

Linked_in1

The advantage of this approach is that it eliminates options that aren't functional for users who haven't yet signed up for the service.  It also makes a crisp distinction between the web site for the product and the product itself (a distinction that exists, of course, for desktop software).

"Go to" option under login

Recently, I came across this login form on an investment site. It allows me to choose where I'd like to go as a result of logging in:

Login_form_2

Below are the "go to" options:

Nav_options_3

This might seem like an interesting idea. But in this particular implementation, I felt they had missed the opportunity to do a single  "dashboard" presentation that summarizes these key areas. The dashboard could, for example, show key information about my account (Account Overview), provide a summary of my portfolio (View Your Portfolio), have an embedded quick-entry form for trades (Real-time Trade), etc. The dashboard presentation could likely give me the information I'm looking for without having to navigate to each specific area.

How do I login?

One thing I've noticed about web-based services is that some services make the login option much more obvious than others.

For example, Vox, where I keep a personal blog, has a clear "Sign In"  link in the upper-right hand corner (click image for a larger view).

Vox_signin

Smartsheet also has a clear login option in the upper right of the home page (click image for larger view):

Smartsheet_login

In contrast, I visited Backpack after not having used the service  in some time and had to scan the entire home page on the hunt for the login link. I expected it in the upper right, especially since there was a Sign Up link there...but there was no corresponding Login link.

Backpack_login

I finally found where to login, tucked under the large red "Sign up for free" link.

Backbacklogin_detail

When I clicked the Log In link here's the page I saw next:

Backpack_login2

I didn't expect "help" content here; I expected the login fields. The instructions told me I must first navigate to the URL that's assigned to me.  The biggest problem I had with this page is that it is a potential dead-end: If I couldn't remembered my URL, no alternative course of action was presented.

It took a couple of tries, but I was able to remember my URL--at which point I finally got to the login fields:

Backpack_login3

My Photo

About

  • Blink Interactive is a Seattle-based user experience consulting firm. Our design library is an informal collection of design examples with commentary.

Search

Widget

  • Get this widget from Widgetbox