Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
5.0.UI Patterns    5.4.Status und Fortschritt

5.4.Status und Fortschritt

Bei absehbar längeren Ausführungszeiten sollte der Anwender mittels eines Fortschrittsbalkens oder einer animierten Ladegrafik über den aktuellen Status einer Aktion informiert werden.

Einfache Ladegrafiken

Eine relativ einfache Variante, den Benutzer darüber zu informieren, dass momentan eine längere Aktion ausgeführt wird, besteht in einer einfachen animierten Grafik. Dies kann beispielsweise ein so genannter "Spinner" sein (= "to spin", drehen) oder ein "simulierter" Ladebalken - simuliert insofern, da über den tatsächlichen Fortschritt eigentlich nichts gesagt wird.

Zwar lässt sich keine definitive zeitliche Grenze angeben, aber für jede Aktion, die absehbar länger als drei bis vier Sekunden Ladezeit benötigt, sollte zumindest diese animierte Statusanzeige verwendet werden. Dies gilt insbesondere dann, wenn aufgrund der technischen Eigenart einer Anwendung oder Aktion die standardmäßige Ladeanzeige des Browsers eigentlich keine verlässliche Information bietet.  

Fortschrittsbalken

Allerdings ist auch nicht viel damit erreicht, eine solche einfache Animation für eine längere Zeit einzublenden. Wenn ein Vorgang wirklich länger dauert, ist eine Variante einzusetzen, die auch den tatsächlichen Fortschritt anzeigt. Der Benutzer hat somit eine verlässliche Rückmeldung, dass etwas geschieht und ist eher bereit, die Wartezeit zu akzeptieren.

5.0.UI Patterns      5.4.Status und Fortschritt      5.4.1.Einfache Ladegrafiken

5.4.1.Einfache Ladegrafiken

Eine relativ einfache Variante, den Benutzer darüber zu informieren, dass momentan eine längere Aktion ausgeführt wird, besteht in einer einfachen animierten Grafik. Dies kann beispielsweise ein so genannter "Spinner" sein (= "to spin", drehen) oder ein "simulierter" Ladebalken - simuliert insofern, da über den tatsächlichen Fortschritt eigentlich nichts gesagt wird.

Zwar lässt sich keine definitive zeitliche Grenze angeben, aber für jede Aktion, die absehbar länger als drei bis vier Sekunden Ladezeit benötigt, sollte zumindest diese animierte Statusanzeige verwendet werden. Dies gilt insbesondere dann, wenn aufgrund der technischen Eigenart einer Anwendung oder Aktion die standardmäßige Ladeanzeige des Browsers eigentlich keine verlässliche Information bietet.

Some Image
Abbildung

Darstellung von Ladegrafiken

    5.0.UI Patterns      5.4.Status und Fortschritt      5.4.2.Fortschrittsbalken

    5.4.2.Fortschrittsbalken

    Allerdings ist auch nicht viel damit erreicht, eine solche einfache Animation für eine längere Zeit einzublenden. Wenn ein Vorgang wirklich länger dauert, ist eine Variante einzusetzen, die auch den tatsächlichen Fortschritt anzeigt. Der Benutzer hat somit eine verlässliche Rückmeldung, dass etwas geschieht und ist eher bereit, die Wartezeit zu akzeptieren.

    Some Image
    Abbildung

    Darstellung eines Survey-Moduls