"Bitte warten ...", "Laden", "Speichern", "Generieren" Implementierungen

Question

In den Browsern, die HTML, Ajax oder YUI (JavaScript im Allgemeinen) verwenden, sind erfolgreiche und bevorzugte Implementierungen des 'Bitte warten wir arbeite an deiner Anfrage '?

Zusätzlicher Kontext ist, dass die Webanwendung, an der ich arbeite, einige Anforderungen hat, die eine signifikante IO/CPU-Zeit (10 - 30 Sekunden) erfordern und dem Benutzer mitteilen müssen, dass wir Ihre Anfrage erhalten haben und wir arbeiten darauf.

Bearbeiten: Ein weiterer Aspekt ist, haben Sie die Implementierung einer Website gesehen, die Sie beeindruckt? Ein Beispiel, das Sie mögen:

Answer 1

Machen Sie den Indikator: offensichtlich, prominent, und erscheinen entweder immer an der gleichen Stelle oder durch das Steuerelement, das geklickt wurde, um die Aktion einzuleiten. Abhängig von der Zielgruppe Ihrer Anwendung, funktioniert der allgegenwärtige "loading circle" jetzt, aber es tut nicht weh, ein "Loading ..." daneben hinzuzufügen.

Answer 2

Für etwas, das so lange dauert, sollten Sie den Fortschrittsbalken oder ähnliches verwenden. Zum Beispiel:

• jQuery http://jqueryui.com/demos/progressbar/
• Dōjō http://dojocampus.org/explorer/#Dijit_Progress%20Bar_Typing%20Monitor
• YUI http://developer.yahoo.com/yui/examples/container/panel-loading.html

Answer 3

@vartec bereitgestellt, um die kanonische Beispiel YUI. Ein ausgezeichneter spanischer Entwickler namens Satyam hat auch eine YUI-Implementierung, die von Interesse ist, wenn Sie in der Zeit, in der Sie den Benutzer warten lassen, Fortschritts-Feedback geben können.

Satyam's Progress Bar. ist für YUI 2.x und YUI 3.x verfügbar und soll in einer späteren Version Teil der offiziellen YUI-Bibliothek werden.

Answer 4

Im Allgemeinen würden Sie dort ein Blockierungs-Overlay mit einem spinning wheel/throbber als Besetzt-Indikator platzieren. Dojo bietet einige Werkzeuge von der Stange: Busy Button und allgemeiner Standby.