VORQON

UX-Muster / Systemnavigator

Transparente CreativeWork-Studie von mu digital – keine reale VORQON-Firma, keine Automationsleistung und keine Projektannahme.

Systemnavigator für Automation-Websites: Überblick und Tiefe verbinden

Der Systemnavigator ist eine redaktionelle Interaktionsidee für komplexe Automation-Websites. Er hilft, von einer verständlichen Übersicht in fachliche Tiefe zu wechseln, ohne eine reale Anlage, Software oder Konfiguration zu simulieren.

Selbst erstelltes Interface-Muster eines Systemnavigators mit Ebenen und Detailpfaden
Eigenes geometrisches Systemvisual; keine reale Anlage, Software oder Betriebsdarstellung.

Primäre Suchintention

Systemnavigation und progressive Tiefe auf Automation-Websites als UX-Muster

Klare Grenze

Kein Produktkonfigurator, kein HMI, kein Digital Twin und keine Verbindung zu Betriebsdaten.

01

Aufgabe des Musters

Eine komplexe Systemseite muss gleichzeitig Orientierung und Tiefe anbieten. Wird alles sofort sichtbar, entsteht eine Informationswand. Werden Details zu stark verborgen, fehlt die technische Substanz. Der Navigator löst diese Spannung mit einer stabilen Übersicht und klar beschrifteten Vertiefungen.

Die Übersicht zeigt nur Hauptmodule und Beziehungen. Jede Vertiefung beantwortet eine konkrete Frage und enthält einen Rückweg zum Gesamtsystem. Der aktuelle Zustand wird nicht allein über Farbe angezeigt.

02

Anatomie des Systemnavigators

Das Muster besteht aus Systemrahmen, Ebenenliste, Detailfläche, textlicher Zusammenfassung und verwandten Pfaden. Der Systemrahmen benennt Gegenstand und Grenze. Die Ebenenliste verwendet verständliche Begriffe. Die Detailfläche erklärt Aufgabe, Schnittstellen, Voraussetzungen und mögliche Belegarten.

Eine reale Umsetzung könnte mit Fachinhalten befüllt werden. VORQON nutzt ausschließlich qualitative Beispieldaten und eigene geometrische Grafiken. Es existiert keine Produktlogik hinter den Elementen.

  • stabile Übersicht als Orientierungspunkt
  • eine konkrete Frage pro Vertiefung
  • sichtbarer Rückweg und nachvollziehbare Fokusreihenfolge
03

Desktop, Mobil und reduzierte Bewegung

Auf großen Bildschirmen können Übersicht und Detail nebeneinanderstehen. Mobil wird daraus eine lineare Reihenfolge: Systemrahmen, Ebenenauswahl, Detail und nächste Frage. Touch-Ziele bleiben ausreichend groß, und keine Information setzt Hover voraus.

Animation unterstützt nur den Zusammenhang zwischen Auswahl und Detail. Bei reduzierter Bewegung bleibt der Wechsel unmittelbar und vollständig sichtbar. Inhalte starten nie in einem dauerhaft unsichtbaren Zustand.

04

Wahrheits- und Sicherheitsgrenze

Ein technisch gestalteter Navigator kann leicht wie ein echtes Bedieninterface wirken. Die Komponente trägt deshalb eine sichtbare Konzeptkennzeichnung und zeigt keine Echtzeitwerte, Alarme, Steuerbefehle oder Anlagenbezeichnungen. Begriffe wie Start, Stopp oder Störung werden nicht als bedienbare Controls eingesetzt.

Das Muster ist ein Website-Artefakt. Für HMI-, Safety-, Engineering- oder Digital-Twin-Anwendungen wären andere Normen, Prüfungen und Verantwortlichkeiten erforderlich, die VORQON weder anbietet noch behauptet.