Technische Systemarchitektur auf Websites verständlich erklären

Bevor ein Systembild gestaltet wird, muss feststehen, welche Frage es beantworten soll. Geht es um den Umfang eines Systems, um Datenflüsse, Verantwortlichkeiten, Betriebszustände oder eine mögliche Erweiterung? Werden alle Antworten in ein einziges Bild gepackt, steigt die visuelle Dichte, während die Orientierung sinkt.

Das Konzept arbeitet deshalb mit fokussierten Ansichten. Eine Übersicht zeigt Systemgrenze und Hauptmodule. Vertiefungen erklären Schnittstellen oder Zustände. Jede Ansicht trägt eine verständliche Überschrift, eine textliche Zusammenfassung und eine sichtbare Beleggrenze. Das Diagramm ist so auch ohne Animation und ohne Fachwissen in groben Zügen erfassbar.

Technische Ebenen beschreiben, woraus ein System besteht. Schnittstellen beschreiben, wie Teile miteinander kommunizieren oder Material übergeben. Zustände beschreiben, was zu einem bestimmten Zeitpunkt relevant ist. Auf Websites werden diese Kategorien häufig vermischt. Das führt zu Grafiken, die präzise aussehen, aber keine klare Aussage besitzen.

VORQON nutzt eine konsistente visuelle Grammatik: Flächen markieren Ebenen, Linien markieren Beziehungen, Punkte markieren Zustände und kurze Labels benennen die Bedeutung. Farben tragen nie allein die Information. Eine reale Website müsste Begriffe und Diagramme mit Fachverantwortlichen prüfen; die Studie demonstriert nur die UX-Logik.

Nicht jede Person braucht dieselbe technische Tiefe. Eine Geschäftsführung sucht zunächst Relevanz und Risiko, der Einkauf Rahmenbedingungen, die Technik Schnittstellen und der Betrieb Zustände oder Wartungsbezug. Progressive Offenlegung ermöglicht einen gemeinsamen Einstieg und klar beschriftete Vertiefungen, ohne getrennte Doorway-Seiten für jede Rolle zu erzeugen.

Der Systemnavigator ist dafür ein illustratives UX-Muster. Er führt von einer Übersicht zu erklärenden Modulen, bleibt aber eine statische Website-Komponente. Es gibt keine Simulation, keinen Konfigurator und keine Verbindung zu realen Anlagen. Diese Grenze wird direkt am Muster erläutert.

Ein gutes Systembild macht nicht nur Zusammenhänge sichtbar, sondern auch die Herkunft seiner Aussagen. Reale Produktdaten, Normen, Kompatibilitäten und Leistungsgrenzen müssten mit Quelle, Version und Verantwortlichkeit verbunden werden. Ohne diese Basis darf ein Konzept keine technische Gewissheit simulieren.

Zugleich muss der Inhalt ohne Farbe, Bewegung oder präzise Zeigerbedienung verständlich bleiben. Kontrast, Fokusreihenfolge, Textalternativen und reduzierte Bewegung sind daher Teil des Informationsmodells. Die selbst erstellten VORQON-SVGs enthalten keine eingebetteten Skripte, Fremdmedien oder Textobjekte; bedeutungstragender Text bleibt im HTML.