\n Wenn Sie schon einmal einen PC verwendet haben, ist Ihnen vielleicht auch das animierte Windows-Symbol bekannt, das beim Hochfahren des Systems angezeigt wird. Es bedurfte einer Weiterentwicklung von Design und Animation, um sich zu dem zu entwickeln, was wir heute sehen, aber damals, in Windows 1995, bewegte sich das Bild \u00fcberhaupt nicht. Einige von Ihnen denken vielleicht, warum \u00fcberhaupt diese animierten Indikatoren verwenden?\n<\/p>\n
\n Aber denken Sie daran, m\u00f6chten Sie lieber warten und einen leeren Bildschirm beobachten, um zu sehen, wie Ihre Aktion abgeschlossen ist? Oder sich mit etwas Bedeutungsvollem unterhalten, bis der Bildschirm wieder erscheint?\n<\/p>\n
\n Zu den wichtigsten Merkmalen des Benutzeroberfl\u00e4chendesigns geh\u00f6rt die F\u00e4higkeit, den Fortschritt als Systemstatus anzuzeigen. Der Benutzer muss wissen, ob das System sich seiner Aktion bewusst ist und entsprechend darauf reagiert. Animierte Fortschrittsanzeigen sind in der Lage, ohne umfangreiche Text- oder Videofunktionen zu nahezu jedem Zeitpunkt den aktuellen Kontext des Einsatzes anzuzeigen. Dies macht sie ideal, um den Systemstatus bereitzustellen, w\u00e4hrend der Fortschritt im Hintergrund abgeschlossen wird.\n<\/p>\n
\n Wer liebt nicht die schnelle Antwort von einer App oder Website? Obwohl es dem Benutzer viel bedeutet, ist es nicht m\u00f6glich, es in unersch\u00fctterlicher Konsistenz auszuf\u00fchren. Bestimmte Faktoren werden immer in die Gleichung aufgenommen, die die Geschwindigkeit Ihrer Anwendung beeintr\u00e4chtigen k\u00f6nnen. Zu diesen Faktoren geh\u00f6ren meist eine schlechte Internetverbindung, langsame Leistung aufgrund hoher Last und sogar Programmfehler. Unter solchen Umst\u00e4nden w\u00e4re es am besten, die Anspannung der Benutzer zu minimieren und die Gewissheit zu geben, dass die App funktioniert und Fortschritte erzielt werden. Dazu m\u00fcssen Sie dem Benutzer Feedback geben, damit die Zeit die Geduld des Benutzers nicht strapaziert.\n<\/p>\n
\n Die Wartezeit beginnt fast sofort, wenn eine Aktion durch den Benutzer durchgef\u00fchrt wird. Aber was es noch schlimmer macht, ist das Fehlen eines geeigneten Indikators zur Darstellung des Fortschritts des Systems. Der Benutzer geht nat\u00fcrlich davon aus, dass die App nicht reagiert hat, wenn sie keine Benachrichtigung anzeigt, dass das System Zeit braucht. Die Ergebnisse k\u00f6nnen von z\u00fcgellosem Klicken bis hin zum Verlassen des Benutzers reichen, nur weil die App nicht rechtzeitig Feedback gegeben hat.\n<\/p>\n
\n Aktionen, die darauf abzielen, den Fortschritt neu zu starten oder das System zu aktualisieren, werden h\u00e4ufig ausgef\u00fchrt, wenn das Laden l\u00e4nger dauert als erwartet. Auch hier kann das Fehlen von R\u00fcckmeldungen die Antwort auf die Anfrage nicht darstellen, obwohl sie im Hintergrund erfolgt. Aus diesem Grund muss eine animierte Anzeige eingef\u00fchrt werden, um den Systemfortschritt der App jederzeit anzuzeigen.\n<\/p>\n
\n Wenn eine App normalerweise weniger als 1 Sekunde zum Laden ben\u00f6tigt, scheint der Fortschritt fast ungehindert zu sein und der Benutzer verliert nicht die Konzentration. Wenn die Ladezeit jedoch 1 Sekunde \u00fcberschreitet, m\u00fcssen Ma\u00dfnahmen ergriffen werden, um den Benutzer bei der Stange zu halten. Die kurze Verz\u00f6gerung macht sich bemerkbar und der Benutzer beginnt, \u00fcber die Effektivit\u00e4t der in der Anwendung ausgef\u00fchrten Aufgabe nachzudenken.\n<\/p>\n
\n Aus diesem Grund muss die App durch eine Fortschrittsanzeige reagieren, um einen glaubw\u00fcrdigen Grund f\u00fcr das Warten zu bieten und die Unsicherheit des Benutzers zu verringern, bevor es au\u00dfer Kontrolle ger\u00e4t. Es muss beachtet werden, dass Aktionen, deren Laden weniger als eine Sekunde dauert, nicht unbedingt einen Animationsindikator erfordern, aber das Bild kann dies tun. Dies wird empfohlen, da eine Animation, die bei jeder Aktion auf dem Bildschirm blinkt, den Benutzer verwirren kann. Animierte Fortschrittsanzeigen werden am besten verwendet, um die Auswirkungen l\u00e4ngeren Wartens zu neutralisieren und den Benutzer mit der App oder Website zu besch\u00e4ftigen.\n<\/p>\n
\n Prozent-Fertig-Anzeige<\/strong>: Wie der Name schon sagt, zeigt die Prozent-Fertig-Anzeige den Fortschritt des Ladevorgangs an, indem sie die Animationsspanne, den Kreis oder Balken um 0 % bis 100 % f\u00fcllt. Da er die Zeit anzeigt, die zum Abschlie\u00dfen des Fortschritts ben\u00f6tigt wird, wird der Prozent-Fertig-Indikator in bestimmte Warteindikatoren eingeteilt. F\u00fcr diese besondere Qualit\u00e4t ist es am besten, den Prozent-Fertig-Indikator f\u00fcr Aufgaben zu verwenden, die mehr als 10 Sekunden zum Abschlie\u00dfen ben\u00f6tigen.\n <\/p>\n \n Laut einer Studie sind 10 Sekunden die Schwelle f\u00fcr die Geduld eines durchschnittlichen Benutzers. Dar\u00fcber hinaus wird der Benutzer leichtsinnig und ungeduldig, bis weiteres Feedback gegeben wird. Indem Sie die prozentuale Fortschrittsanzeige f\u00fcr Prozesse anzeigen, deren Laden l\u00e4nger als 10 Sekunden dauert, k\u00f6nnen Sie den Benutzer an der Website oder Anwendung festhalten, ohne seine Geduld zu beeintr\u00e4chtigen.\n <\/p>\n<\/li>\n<\/ul>\n \n Die effektive Verwendung von Fortschrittsindikatoren in Ihren Anwendungen und Websites kann \u00fcber Erfolg und Misserfolg entscheiden. Hier sind einige Tipps, um sicherzustellen, dass Ihre Fortschrittsanzeigen die gew\u00fcnschte Leistung erbringen.\n<\/p>\n \n Obwohl Fortschrittsanimationsindikatoren fast jedes schlechte Gef\u00fchl, das beim Warten entsteht, ersch\u00fcttern k\u00f6nnen, sind einige Zuschauer diesen Taktiken gegen\u00fcber ziemlich widerstandsf\u00e4hig. Eine der wenigen guten Alternativen, um die Benutzer warten zu lassen, ohne Fortschrittsanzeigen zu verwenden, ist eine Methode namens Skeleton Screen. Diese Techniken, die auch als tempor\u00e4re Informationscontainer bezeichnet werden, zeigen dem Benutzer den Fortschritt in Echtzeit, anstatt einen Ladebalken zu \u00f6ffnen. Stellen Sie sich einen leeren Bildschirm vor, der nach und nach mit seinen Komponenten und Elementen gef\u00fcllt wird, bis er vollst\u00e4ndig best\u00fcckt ist. Dadurch entsteht die Illusion, dass die Anwendung mit der Ladezeit handelt und ihr Warten mit dem angezeigten Fortschritt belohnt wird.\n<\/p>\n \n Es h\u00e4lt das Publikum nicht nur mit der Website oder Anwendung in Verbindung, sondern h\u00e4lt es auch bereit, seine n\u00e4chste Aufgabe zu erledigen. W\u00e4hrend Fortschrittsanzeigen auch ein hervorragendes Mittel sind, um die Benutzer zufrieden zu stellen, k\u00f6nnen sie die Energie in den Benutzern nicht aufrechterhalten, die der Skelettbildschirm w\u00e4hrend ihres Ladevorgangs aufrechterh\u00e4lt.\n<\/p>\n \n Es spielt keine Rolle, wie schnell unsere App- oder Website-Operationen sind, es besteht immer die M\u00f6glichkeit einer ungebetenen Bearbeitungszeit. Die Verwendung von animierten Wartefortschrittsindikatoren wie Prozent-Fertig-Indikatoren und Lade-Spinner hilft den Benutzern dabei, sich \u00fcber die laufenden Prozesse und den aktuellen Status des Systems zu vergewissern. Infolgedessen steigt die Wahrscheinlichkeit, dass sie auf der Website oder Anwendung bleiben, auf das Laden warten und mit ihren verbleibenden Aufgaben fortfahren. Um die f\u00fcr den Abschluss der Prozesse erforderliche Zeit zu berechnen, m\u00fcssen Sie die entsprechende Art von Fortschrittsanimationsindikatoren zuweisen.\n<\/p>\n \n Eine Schleifenanzeige ist ideal f\u00fcr Vorg\u00e4nge, die 2-10 Sekunden dauern, w\u00e4hrend zeitaufw\u00e4ndigere Vorg\u00e4nge durch eine prozentuale Fertiganzeige unterst\u00fctzt werden k\u00f6nnen. Im Falle von Schleifenanimationen und Skeleton-Bildschirmen ist es am besten, sich f\u00fcr Skeleton-Bildschirme zu entscheiden, da sie in der Lage sind, jede Aktion auszuf\u00fchren, die \u00fcber ein paar Millisekunden hinausgeht, und es dennoch f\u00fcr die Benutzer k\u00fchl zu halten.\n<\/p>\n<\/p>\n\n Wie setzt man Fortschrittsindikatoren effektiv ein?
\n<\/h5>\n\n
\n Alternative \u2013 Verwenden Sie Skeletons-Bildschirme, um Fortschrittsindikatoren f\u00fcr Animationen abzugleichen
\n<\/h5>\n\n Abschlie\u00dfende Gedanken
\n<\/h4>\n