FontShop

Celebrating 20 years!

Log In

  1. Fonts
  2. Blog
  3. Help

Subscribe

Get blog updates in advance: sign up for the FontShop newsletter.

Or subscribe to the blog via RSS.

About this entry

Be Error Free

We’ve all been there. After meticulously filling out all the required information in a web form, we hit submit, only to be taken back to the beginning with an annoying “Complete required fields” or “Must be X characters long” message. Now we’ve got to scan the form to find the offending field. Frustrating!

We recognize this nuisance of the web and, in the ongoing effort to enhance your FontShop.com experience, we recently added new intelligence to our forms. As you enter data, it’s important to know as quickly and concisely as possible if something goes wrong (or right). FontShop.com used to message users with a large bar across the top of the page or, in some cases, a pop up window.

To prevent you from discovering these mistakes after the fact with this intrusive messaging system, we’ve redesigned messages to be more dynamic and clear. Now, most user input will validate as you enter it and errors appear in close proximity to where you type, clearly indicating what is required and delivering a satisfying checkmark of approval when things are golden.

FontShop.com Cart - Payment
Our new form validation will let you know if you’ve neglected something in the checkout process before you hit that Confirm button.

FontShop.com Registration
FontShop.com Registration
Once your input meets the requirements of a field, a supportive checkmark tells you it’s ok to move on.

You may have already noticed this improvement while registering a new account, logging in, or checking out. But if you haven’t, even better. Just like good book typography, the goal of successful user interface design is to communicate clearly without interrupting your flow.

 

Feedback:

  1. Stewart Laufer 01.10.2008

    I’ve always found this to be great a feature, bravo.

    Not to nitpick, but in the first of the examples shown above, how could your expiration date ever be invalid unless you tried injecting some variables? :)

  2. Stewart Laufer 01.10.2008

    My apologies. I’d like to add that I suppose if the date supplied for your credit card is in the past, it would not be valid. In which case, you should just not be able to select it from the drop-downs.

Post a comment:



Inside FontShop RSS Inside FontShop.com | Inside FontShop Comments RSS Comments RSS | Subscribe via Email