Busy Forms

April 21, 2005

There are many ways to show a form is processing once you click that submit button. You can change the submit button’s text, disable the button, go to a new page, make a popup or any combination of the aforementioned. Here at IDI we will be using some of these techniques on the next version of ARRAY Express. We all know that guiding a person through a form can be a challenge sometimes, especially when they click that submit and they expect something to happen immediatly. We use a technique we call ‘busy forms’ to make the process smoother and more anticipated. Busy forms allows the person to know something is going on once they click that submit button.

It is rather quite simple technique. We use the expandCollapse javascript function and an animated gif image. You can test it out here on a sample page or see a live version on my contact form.

Anticipating what a person would expect upon submitting a form is important with the overall experience. Online forms inherently can take a few seconds to process sometimes and this technique provides them with an instant and clear message that it is processing or busy.

Comments

Will Rickards said:

I been using something similar, though I just hide the submit button and replace it with a javascript based progress bar. I like the javascript progress bar because I can easily tune the time to completion of the progress bar.

Posted on Apr. 21, 2005 11:21 #

Phil Thompson said:

I've never thought about doing this before but, I defo will in the future.

And it's interesting(read sad) that major sites don't really do this. Could you implement in your comments form for this site?

Posted on Apr. 23, 2005 07:38 #

Blake Scarbrough said:

Phil,
That is my next task, to get it working on comments.

Posted on Apr. 23, 2005 10:35 #

Ryan Brooks said:

What a fantastic idea. Thanks for the concept, I'll be sure to work with it!

-Ryan

Posted on Apr. 25, 2005 08:32 #

phil said:

Thanks for the expandable collapsable box but I had and undefined style object error. I must be missing something.

Posted on Apr. 29, 2005 11:08 #

Leave your wisdom below


Remember Me:

*Note: Basic xHTML is allowed (a href, strong, em, code, bockquote). Line breaks and paragraphs are automatically created. Inappropriate comments will deleted.