i4AE GmbH – CODESYS und TIA Portal Experte | aus Berlin

Referenzprojekt · E-Mobility / Charging UX · i4AE GmbH (Berlin)

E-Mobility HMI: Intuitive User Experience wie am Smartphone – industriell robust umgesetzt

Modernes Bedien- und Diagnosekonzept für E-Auto-Ladestationen mit WinCC Unified: weniger Fehlbedienung, schnellere Störungsbehebung und ein UI, das auch Nicht-Techniker sofort verstehen.

  • Siemens WinCC Unified (PC-Runtime & Panels)
  • HTML5/SVG UI (skalierbar)
  • Multi-Touch
  • Modbus TCP
  • MQTT (Cloud/Backend)
  • OPC UA (optional)

Herausforderung: Schlechte UX treibt Support-Kosten hoch – und schadet der Marke

Beim Laden ist der Endnutzer kein Ingenieur. Wenn das Display unklar ist, entstehen Fehlbedienungen, Hotline-Anrufe und negative Erfahrungen am Standort. Gleichzeitig muss die Lösung im Feld industriell robust und im Service schnell diagnosefähig bleiben.

Hohe Support-Kosten

Unklare Menüs und zu kleine Touch-Elemente führen zu Rückfragen, Abbrüchen und Hotline-Tickets – OPEX steigt.

Lange Störungszeiten (MTTR)

Wenn Fehlercodes nicht verständlich sind und Diagnosen fehlen, dauert die Störungsbehebung länger als nötig.

Bedienfehler im Alltag

Falsche Schritte (Kabel/Start/Stop/Reset) führen zu Abbrüchen. Das ist frustrierend – und wirkt direkt auf die Nutzungsrate.

Uneinheitliche Hardware, gleiche Software

Unterschiedliche Displaygrößen ohne skalierbares UI bedeuten doppelte Pflege. Ohne moderne Grafikbasis wird es schnell unübersichtlich.

Lösung: Smartphone-like UX mit WinCC Unified – plus Service-Diagnose für den Feldbetrieb

i4AE hat das HMI so gestaltet, dass Endnutzer sofort zurechtkommen und Techniker Fehler schneller finden: WinCC Unified mit SVG/HTML5 für skalierbare Touch-Elemente, klare Zustände (Start/Stop/Fehler), plus ein Diagnosekonzept mit Rollen, Alarmen und Datenfluss (Modbus TCP/MQTT).

Was wir umgesetzt haben

  • Intuitive Touch-Navigation (große Targets) Klare Screen-Hierarchie für Nutzer: Start/Stop, Status, Hinweise – ohne „Technik-Menüs“.
  • SVG/Vector-UI: skalierbar & hardware-unabhängig Ein Design für verschiedene Displaygrößen – ohne Qualitätsverlust beim Zoomen (Unified, SVG).
  • Rollen- & Rechtekonzept Nutzer, Betreiber, Service: getrennte Ansichten reduzieren Fehlbedienung und sichern Einstellungen ab.
  • Gestengesteuerte Diagnose (Service-Modus) Service-Menü per definierter Geste/Sequenz: schnelle Diagnose ohne „öffentliche“ Tech-Überladung.
  • Alarming & Klartext-Fehlerbilder Fehlercodes werden in verständliche Aktionen übersetzt (z. B. Verbindung, Leistungsteil, Messwerte).
  • Datenfluss: intern stabil, extern bereit Modbus TCP für interne Komponenten (z. B. Leistungsteil/Zähler) und MQTT für Cloud/Backend.

Ergebnis: weniger Support, schnellere Diagnose – und ein UI, das zur Marke passt

Gute HMI-UX wirkt direkt auf Betriebskosten und Außenwirkung: weniger Fehlbedienung reduziert Hotline-Tickets, klare Diagnose-Sichten verkürzen die Störungsbehebung – und der Standort wirkt modern und vertrauenswürdig.

Betrieb
Reduzierte Fehlbedienung

Große Touch-Elemente, klare Schritte und verständliches Feedback senken Abbrüche und Rückfragen – besonders bei Erstnutzern.

Service
Schnellere Diagnose (MTTR)

Service-Modus, Klartext-Alarme und strukturierte Statusseiten führen Techniker schneller zur Ursache – ohne langes Suchen.

Marke
Minimale Einarbeitungszeit

Ein Display, das sich „wie Smartphone“ anfühlt, wirkt hochwertig – Betreiber profitieren von weniger Schulung und besserer Nutzerakzeptanz.

CEO-Sicht: weniger OPEX durch weniger Hotline, bessere Verfügbarkeit durch schnelleren Service – und ein UI, das die Markenwahrnehmung am Standort sichtbar verbessert.

Technische Künye (Kurzüberblick)

Plattform & Datenfluss in einem Blick: WinCC Unified (HTML5/SVG), Modbus TCP für interne Komponenten und MQTT für Cloud/Backend – plus optionaler OPC-UA Datenexport.

Use Case
HMI/UX für E-Auto-Ladestation (Bedienung & Diagnose)
HMI-Plattform
Siemens WinCC Unified (PC-Runtime & Unified Panels)
UI-Technik
HTML5 / SVG (skalierbar) · Multi-Touch
Controller (typ.)
S7-1200 / S7-1500 (projektspezifisch)
Protokolle (intern)
Modbus TCP (z. B. Leistungsteil / Zähler)
Backend / Cloud
MQTT (Telemetry / Status / Events)
Optionale Schnittstelle
OPC UA (Datenexport / Integration)
Features
Rollen · Service-Modus · Alarming · Logging/Trends
Ready
Energy-Management · Remote-Diagnose (projektspezifisch)
Normen (optional)
ISO 15118 – Vorbereitung / projektspezifisch

Verursacht Ihr aktuelles Display zu viele Rückfragen?

Wir prüfen User-Flows, Service-Diagnose und Datenpunkte (Modbus/MQTT) – und zeigen, wie sich Fehlbedienung und Support-Kosten reduzieren lassen, ohne die industrielle Robustheit zu verlieren.

HMI-Design Review anfordern Weitere Referenzen
24h Rückmeldung: In der Regel melden wir uns innerhalb eines Werktages mit den nächsten technischen Fragen oder einem Vorschlag für das Vorgehen.