As soon as people started to get into Ajaxification there was a shout out that we we do not have the throbber in the browser getting all jiggy, so we need a way to tell our users that we are doing stuff.
Quickly, people starting to use “Loading…” messages such as the red message in the top right of Gmail, or the middle potion message in Reader, and then of course the Ajax indicators where we got to feel all Knight Rider and channel Kitt.
Although it is great to tell your users what is going on, I have recently been getting a little frustrated at the loading messages, especially when I see 5 of them on a screen at the same time. This happens when various portals and widgets are asynchronously going after their data.
What often irks me is that the loading message shows up immediately, but for a barely percievable amount of time. It would actually be nicer if nothing appeared there, as the content came in, which seems like, as fast as a normal render process.
Users are used to pages rending as you go down, so if you are pretty sure that your content will come in quickly enough, why bother showing ‘Loading’ for a micro second.
To be safe, you could do some magic that does the following:
- You start by showing nothing
- If the content isn’t updated in half a second say, THEN add the “Loading…” message, as it is taking some time to get it
The end result is that most of the time you never see loading, and the user has no idea that content is coming in via Ajax.
DelayLoader
I quickly implemented a JavaScript class that does this for you.
You can see it at delayloadingmessage.
That page shows the delay in Loading… coming in. For many cases it doesn’t make sense, for some it may.
If I just want to wait for a bit of time (in case the content comes in already) I can just:
var delayLoader = new DelayLoader(5); // seconds
or if I want to be smarter and check to see if new content has come in yet:
var delayLoader = new DelayLoader({ contentChecker: function() { return ($("results").innerHTML == '');} });
April 26th, 2007 at 2:22 am
Exactly otherwise you get the effect of flickering if the task is fast enough :) The same applies for desktop applications where some eager developers set the cursor to be ArrowHourglass (aka loading) as soon as something comes up.
April 27th, 2007 at 9:00 am
Actually the key is not a delay, that presents its own set of problems. They key is to fade in the indicator so that really quick loads go unnoticed but longer-lasting latency works. Otherwise, you trade the constant flickering of an indicator for no obvious indicator that anything happened, which is obviously worse.
April 30th, 2007 at 5:26 pm
I think a delay is a good idea. I also think a simple addition would make it even better.
Change the mouse to “waiting” while the delay is on. So if a transaction is pretty quick, let’s say 1 second or less. The user would see the mouse flick to waiting and then back. This is normal behavior when something is happening.
PS. re: the CAPTCHA. I use Akismet and it seems to catch everyting pretty well.
May 7th, 2007 at 9:57 am
Great idea. Any plans to add this to the GWT-widgets library and expose its goodness to GWT programmers?
September 24th, 2007 at 11:29 am
Hi all!
Really best PORNO Free Porno Movie DVD Video
Amateurs Video Play Download Porno
Anal Asian BBW BDSM Big Tits
Free Best Porno NOW Online
Black Foot Fetish Gay Group Hairy
Hardcore Lesbians Mature Teens
Porno Star Free Porno Free Porn
Porno Photo Sex Free Hard Porn
Hot Porno Downloads Free
FREE DOWNLOAD PORNO STAR MOVIE
Visit and see porno online free
September 29th, 2007 at 5:49 am
Hello! We wish to offer you best turbo search.
At us you can find a lot of interesting. Also at us is TOP the most visited inquiries and resources.
Best Porno Movie Download Movie DVD Video XXX Porn Best
See Online Video XXX and more XXXX
buy tramadol buy tramadol online
Carisoprodol Fioricet Buy Fioricet Online Best
Fioricet best buy online cialis
Soma Soma online
Tramadol Tramadol online
Ultram Buy Tramadol
——————————————————————————————
fioricet
fioricet online
buy fioricet
buy fioricet online
generic fioricet
cheap fioricet
buy cheap fioricet
fioricet order
fioricet site
butalbital fioricet
fioricet with codeine
fioricet information
fioricet line
fioricet drug
cheapest fioricet
buy cheap fioricet online
cheap fioricet online
fioricet addiction
order fioricet online
fioricet overnight
fioricet tablet
westword fioricet phentermine
fioricet prescription
cod fioricet
discount fioricet
fioricet side effects
online pharmacy fioricet
purchase fioricet
fioricet withdrawal
fioricet phentermine shipping
———————————————————————————————–
tramadol
buy tramadol
tramadol online
cheap tramadol
order tramadol
tramadol withdrawal
buy tramadol online
tramadol prescription
discount tramadol
tramadol ultram
tramadol hydrochloride
tramadol hcl
purchase tramadol
buy tramadol now
medication tramadol
tramadol overdose
120 tramadol
buy drug tramadol
tramadol pill
description tramadol
October 1st, 2007 at 12:23 pm
Hello! We wish to offer you best turbo search.
At us you can find a lot of interesting. Also at us is TOP the most visited inquiries and resources.
Best Porno Movie Download Movie DVD Video XXX Porn Best
See Online Video XXX and more XXXX
buy tramadol buy tramadol online
Carisoprodol Fioricet Buy Fioricet Online Best
Fioricet best buy online cialis
Soma Soma online
Tramadol Tramadol online
Ultram Buy Tramadol
——————————————————————————————
fioricet
fioricet online
buy fioricet
buy fioricet online
generic fioricet
cheap fioricet
buy cheap fioricet
fioricet order
fioricet site
butalbital fioricet
fioricet with codeine
fioricet information
fioricet line
fioricet drug
cheapest fioricet
buy cheap fioricet online
cheap fioricet online
fioricet addiction
order fioricet online
fioricet overnight
fioricet tablet
westword fioricet phentermine
fioricet prescription
cod fioricet
discount fioricet
fioricet side effects
online pharmacy fioricet
purchase fioricet
fioricet withdrawal
fioricet phentermine shipping
———————————————————————————————–
tramadol
buy tramadol
tramadol online
cheap tramadol
order tramadol
tramadol withdrawal
buy tramadol online
tramadol prescription
discount tramadol
tramadol ultram
tramadol hydrochloride
tramadol hcl
purchase tramadol
buy tramadol now
medication tramadol
tramadol overdose
120 tramadol
buy drug tramadol
tramadol pill
description tramadol
October 5th, 2007 at 7:11 am
Hi people! We wish to offer you Fast turbo search.
At us you can find a lot of interesting. Also at us is TOP the most visited inquiries and resources.
Best Porno Movie Download Movie DVD Video XXX Porn Best
See Online Video XXX and more XXXX
buy tramadol buy tramadol online
Carisoprodol Fioricet Buy Fioricet Online Best
Fioricet best buy online cialis
Soma Soma online
Tramadol Tramadol online
Ultram Buy Tramadol
Really best resource in inet!
October 6th, 2007 at 8:20 am
Hi people! We wish to offer you Fast turbo search.
At us you can find a lot of interesting. Also at us is TOP the most visited inquiries and resources.
Best Porno Movie Download Movie DVD Video XXX Porn Best
See Online Video XXX and more XXXX
buy tramadol buy tramadol online
Carisoprodol Fioricet Buy Fioricet Online Best
Fioricet best buy online cialis
Soma Soma online
Tramadol Tramadol online
Ultram Buy Tramadol
Really best resource in inet!
October 9th, 2007 at 7:20 am
Hello:) Beside me today good mood
xanax no prescriptionzoloft and lorazepamclaritin hydrocodoneambien drugdrug interaction soma ultram
May 18th, 2008 at 11:51 pm
thanks!!it helps
June 24th, 2008 at 1:51 am
thanks for sharing.
January 8th, 2009 at 5:57 pm
Interesting, that you say about the fact that I think about it. We update and moderated the site pictures every single day.