Langsame grafische Benutzeroberfläche

Artikel#: 00121

Datum: 2026-04-28

Autor: Radim

Endlich ist es soweit. Wir haben die Möglichkeit bekommen, eine neue HMI-Visualisierung zu erstellen - Technologien auszuwählen, neue Funktionen hinzuzufügen und ein modernes Design zu entwerfen.
Das wird etwas! Das alte System wird durch ein neues, besseres und moderneres ersetzt. Die Visualisierung wird praktisch und intuitiv für den Benutzer sein und gleichzeitig visuell klar und übersichtlich.

Achtung jedoch vor einem Erfolgs-Killer - einer langsamen grafischen Benutzeroberfläche, also einer langsamen Visualisierung.

Was bedeutet "langsame Visualisierung"?
Es ist jede Situation, in der das System nicht schnell genug auf Benutzeranfragen reagiert oder Daten nicht rechtzeitig anzeigt. Aus Sicht des Benutzers ist es einfach - er muss warten.

Warum ist das ein Problem?
Warten nach jedem Klick ist frustrierend. Es unterbricht die Konzentration, verlangsamt die Arbeit und geht auf die Nerven. Im Betrieb ist es jedoch nicht nur eine Unannehmlichkeit. Eine langsame Reaktion bedeutet eine verzögerte Reaktion. Und das kann gefährlich sein.
Ausserdem erwarten Benutzer heute eine sofortige Reaktion. Sie sind an die Geschwindigkeit von Smartphones gewöhnt. Sobald sie warten müssen, wirkt das System schlecht - unabhängig davon, wie "modern" es ist.

Wie äussert sich eine langsame Visualisierung in der Praxis?
Du kennst das:

• du klickst auf eine Schaltfläche und es passiert nicht sofort etwas
• das Öffnen einer Seite dauert mehrere Sekunden
• die angezeigten Werte sind nicht aktuell
• Trends laden langsam oder ruckeln
• Animationen sind nicht flüssig

Warum ist die Visualisierung langsam?
Typischerweise ist es eine Kombination mehrerer Faktoren:

• schwache CPU/GPU, zu wenig Arbeitsspeicher oder langsamer Speicher
• Systembelastung durch mehrere HMI-Clients im Betrieb
• ungeeignete Kommunikation mit der SPS (z.B. unnötiges Lesen von Daten, die der Benutzer gar nicht sieht, oder zu hohe Abtastrate)
• komplexe Skripte und Berechnungen in Echtzeit
• zu viele Objekte auf einer Seite
• fehlende Priorisierung von Informationen
• schlecht gestaltete Seitennavigation
• unnötig aufwendiges und anspruchsvolles Design
• grosse Anzahl grafischer Effekte (Schatten, Verläufe, Animationen)
• Fokus auf "Wow-Effekt" auf Kosten der Leistung

Es ist wichtig, diese Probleme frühzeitig zu vermeiden. Mit fortschreitender Entwicklung verschlechtert sich die Leistung in der Regel eher, als dass sie sich verbessert. Jede neue Funktion, jede zusätzliche Seite und jede Erweiterung belastet das System. Wenn die Visualisierung fertig ist, ist es in der Regel zu spät für grundlegende Änderungen. Eine deutliche Beschleunigung ist oft nicht realistisch erreichbar - zum Beispiel lässt sich die Ladezeit einer Seite meist nicht auf Hälfte reduzieren, selbst mit deutlich leistungsfähigerer Hardware.

Deshalb muss die Leistung von Anfang an berücksichtigt werden.
Gestalte die Visualisierung so, dass sie nicht nur funktional und optisch ansprechend ist, sondern vor allem schnell.

Wie entwirft man eine schnelle Visualisierung?
Das Grundprinzip ist einfach: Nur das anzeigen, was im jeweiligen Moment benötigt wird - und das so effizient wie möglich.

• ausreichend leistungsfähige Hardware wählen
• die Datenmenge auf jeder Seite auf das notwendige Minimum beschränken
• Daten nur laden, wenn sie tatsächlich benötigt werden
• keine Daten übertragen oder verarbeiten, die der Benutzer nicht sieht
• Visualisierungsseiten einfach und übersichtlich halten
• unnötig komplexe Skripte und Berechnungen vermeiden
• ein einfaches, funktionales Design ohne unnötige Effekte verwenden

Jede Entscheidung im Design beeinflusst die Leistung. Und gerade die kleinen Dinge, die am Anfang unbedeutend erscheinen, entscheiden darüber, ob die Visualisierung schnell - oder langsam ist. Selbst die beste Visualisierung in Bezug auf Funktionalität und Design scheitert, wenn sie den Bediener bei seiner Arbeit ausbremst. Sehr schnell entsteht der Eindruck, dass sie nicht nutzbar ist.

Hardware, die zu Beginn als ausreichend leistungsfähig erscheint, kann mit fortschreitender Entwicklung schnell durchschnittlich oder unzureichend werden. Spätere Versuche, die Visualisierung durch leistungsfähigere Hardware zu beschleunigen, sind teuer - und bringen oft nur einen begrenzten Effekt. Am Ende verbessert sich die Reaktionszeit zwar, aber nicht so weit, dass der Bediener wirklich zufrieden ist.

Ein erfahrener Benutzer bewegt sich sehr schnell in der Visualisierung, und es ist nicht akzeptabel, dass er auf das Laden einer neuen Seite warten muss. Die maximale Ladezeit sollte im Bereich von Sekundenbruchteilen liegen - idealerweise unter 0,5 Sekunden. Darüber hinaus beginnt der Benutzer eine Verzögerung wahrzunehmen.
Wenn eine Aktion länger dauert, ist es notwendig, dem Benutzer sofort eine Rückmeldung zu geben, dass das System den Befehl empfangen hat und verarbeitet.

© Radim-Automation, 2020–2026. Alle Rechte vorbehalten.
Die Verbreitung dieses Artikels ist mit Angabe der Quelle (Link zur Originalseite) ausdrücklich gestattet.

Verwandte vorherige Artikel:

• Wie lange wird eine Störung unsere Produktion stilllegen?
• Resilient Machine Control Design
• Wann ein Touchpanel nicht ausreicht
• HMI – helles versus dunkles Design
• Was macht eine HMI intuitiv?
• Auswahl eines HMI-Displays
• HMI – Übertreibt es nicht mit komplexem Design
• Hardwarekonzept
• Ein gutes Konzept = Kompletter Satz geeigneter Lösungen
• Gibt es auch Nachteile?
• Denke kritisch!
• Warum scheitern Automatisierungsprojekte?
• Sammelt alle Anforderungen und sortiert sie!
• HMI- und SPS-Anwendungen sollen zusammenwachsen
• Mehr als nur starten und stoppen
• Definiere kontinuierlich Testszenarien und Testfälle!
• Mach es nicht schlimmer!
• Industrielle Evolution - Höre eurem Kunden zu und folge neuen Trends!
• Bleibe wachsam!
• Was braucht der Kunde?
• Enttäuscht euren Kunden nicht!
• Konzentriere dich auf das Ziel!
• Verstecke kein Problem!
• Überprüfe das Ergebnis!
• Halte es einfach!
• Erfolg ist kein Zufall
• Wähle das richtige Werkzeug!
• Transparenz und Zuverlässigkeit
• Von einer Idee zu einem konsistenten System