Rendering im Browser für moderate Systemanforderungen
Im Fokus der Entwicklung des auf HTML5-Technologie basierenden Werkzeugs stand die Realisierung von HMIs in hoher Designqualität und Usability, inklusive Multitouch-Interaktion. Dabei benötigt die Darstellung des Designs keine besonders aufwändige Hardware-Basis, denn HTML5 nutzt das Rendering der Web-Browser und die eingebaute Grafik-Beschleunigung. So können auch aufwändig gestaltete Oberflächen auf Systemen mit kleinen und kostengünstigen Prozessoren laufen.
Gestaltungsfreiraum für mobile Anwendungen
Den Interfaces liegt dabei das gleiche Prinzip des \’responsive Designs\‘ wie bei herkömmlichen Websites zugrunde: In jedem Screen werden Bedienelemente wie in einem Baukastensystem individuell angeordnet und lassen sich anpassen. Bei der Gestaltung ist der Ausgangspunkt daher nicht ein individuelles, aber beständiges Grundlayout, sondern vielmehr ein flexibles modulares System, in dem die \’Controls\‘ in unterschiedlichen Anordnungen miteinander harmonieren müssen. Daher \’sprechen\‘ alle Controls dieselbe Designsprache: klare und eindeutige Farben und Formen, welche sich auf jedem Endgerät zu einem übersichtlich strukturierten Raster zusammenfügen lassen. Der Gedanke der Einheitlichkeit führt allerdings nicht zu Eintönigkeit. Bewusst gesetzte Gestaltungselemente dienen dazu, die Bildschirmdarstellung aufzulockern. So sorgen etwa leichte Glow-Effekte für eine futuristische Anmutung. Dieser spielerische Charakter könnte bei der Integration von Smart Devices in den Maschinenbedienung noch zunehmend eine Rolle spielen: Smart Devices, die nach und nach ihren Weg in die Arbeitswelt finden, können die umfassenden \’User Experience\‘ einer Maschinen- oder Anlagenbedienung positiv verändern. Entsprechend gestaltete Interfaces unterstützen diesen Effekt.
