Easy Is Hard, Simple Is Harder

It is easy to mistake a programming task to be simple. This is especially true in user interface.

The executive is looking at the “trivial” two fields login screen and innocently estimates it to be a two hours job.

This is a common mistake, similar to some extent to The Three Body Problem in physics. Taking a simple, solvable problem and changing one parameter can result in an exceptionally complex problem. While the two-body problem is integrable and its solutions completely understood, solutions of the three-body problem may be of an arbitrary complexity and are very far from being completely understood. See a nice graphic example.

Login screens are not that complex, but take a look at the next example and see how many open questions\bugs can you come up with ?

Simple Login

Simple Login

  1. Is it “Log-in” “Login” or “Log in”?
  2. Is it clear that email is equivalent to user name?
  3. Do you need a “Cancel” button?
  4. Should there be a visible mark for the mandatory fields? Which mark?
  5. Seems like a “Forgot My Password” link and screen are missing.
  6. Is a Captcha needed to fight bots?
  7. Simple Login Form

    Simple Login Form

  8. Is validation done on the client side or the server-side ?
  9. How is the feedback given to the user? Where?
  10. Security demands that we don’t tell the user what’s the exact problem (missing email or password). Usability does.
  11. Where is the sign-up page? Where does Log-Out go out to?
  12. “Email” , “eMail” or “email”?
  13. Nice Login Form

    Nice Login Form

  14. Do we use SSL for the login but move to clear HTTP for the rest of the application ?
  15. Cross browser testing?
  16. How shall we do unit testing for the screen?
  17. It turns out that validating an email address can be a nightmare.
  18. After the user made a mistake, which events clear the warning notification?
  19. Shall we support Hebrew? How about the German umlaut?
  20. Shouldn’t “email” and “password” be left aligned?
  21. Is the colon required after “Login”?
  22. Do we want to limit the length for any of the fields? Minimum password strength?

Notice how we got to twenty non trivial questions without discussing the actual user authentication or the graphic design, which can be huge topics on their own.

My simplistic recommendation is to use of the shelf components whenever possible and go through the annoying step we used to call “feature design” even in this agile world we live in.

Sample Login Screen

Sample Login Screen

Tags: , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: