mateDS als Design System im D-Stack

mateDS als Design System im Deutschland-Stack

Sehr geehrte Damen und Herren,

digitale Verwaltung ist nur dann wirksam, wenn technische Plattformdienste in verständliche, konsistente und barrierefreie Oberflächen übersetzt werden. Gute User Experience (kurz: UX, Nutzerzufriedenheit) ist damit kein Gestaltungsaspekt, sondern ein Qualitäts- und Erfolgsfaktor staatlicher Digitalisierung.

Wir schlagen vor, das Mate Design System (mateDS) als produktionsnahen Baustein in die Technologie-Landkarte des Deutschland-Stacks mit aufzunehmen. Das mateDS verbindet sehr gute User Experience, Barrierefreiheit und die Möglichkeit einer Framework-unabhängigen Verwendung.

Der Deutschland-Stack schafft mit Identitäts-, Interaktions- und Datendiensten die technische Grundlage für eine interoperable, souveräne Verwaltungsarchitektur. Damit diese Infrastruktur im Alltag wirksam wird, braucht es eine operative UI-Schicht, die technische Funktionen nicht nur visuell beschreibt, sondern als nutzbares, konsistentes Verhalten in Anwendungen realisiert – insbesondere im Kontext komplexer, langlebiger Fachverfahren.

Das Mate Design System erfüllt genau diese Rolle.

MateDS ist ein Web-Komponenten-basiertes Design-System, das Framework-agnostisch integriert werden kann. Es wurde explizit für den Einsatz in komplexen, langlebigen Fachverfahren der öffentlichen Verwaltung entwickelt. mateDS bildet nicht nur das visuelle Erscheinungsbild ab, sondern kapselt auch das einheitliche Verhalten von Oberflächen (Look & Feel) – einschließlich Interaktionslogik, Zustandsmanagement und Barrierefreiheit – systemisch auf Komponentenebene und stellt dieses Verhalten produktionsreif zur Verfügung.

Das Mate Design System basiert auf Vaadin. Die Frontend-Seite kann dabei per “Web-first” Ansatz mit Wrapper-Frameworks (z.B. Vue.js) oder über den “Backend-for-Frontend“ Ansatz direkt über eine Vaadin Flow API auf Java-Basis integriert werden. Die komponentenseitige Interaktionslogik bleibt dabei konsistent, während die Einbindung (z.B. Events, Form-Binding) Framework-spezifisch erfolgt.

Die zugrundeliegenden Frameworks wurden separat zur Aufnahme in den Deutschland-Stack in openCode beantragt:

  • Vue.js – Antrag eingereicht: #617
  • Vaadin – Antrag eingereicht: #618

MateDS ist die Grundlage für die Zukunft der großen Fachverfahren der AKDB (Finanzwesen, Personalwesen, administrative Funktionen), welche bei mehr als 5000 Kunden aus der öffentlichen Verwaltung genutzt werden. Durch den Standard-basierten Ansatz und auf der Basis von Vaadin ist mateDS interoperabel, migrationsfähig und langfristig wartbar.

Das Mate Design System ergänzt den Deutschland-Stack damit um eine europäisch-souveräne, leistungsfähige, skalierbare, langlebige, barrierefreie, sichere und konsistente UI-Schicht.

Im angehängten Dokument findet sich die Einordnung von mateDS entlang der Kriterien des Deutschland-Stacks sowie die zugrundeliegenden fachlichen und technischen Aspekte im Detail. Für Rückfragen stehen wir gerne zur Verfügung unter mate@akdb.de .

Weitere Informationen und Details unter https://www.mate-ds.de .

mateDS-LongVersion-OpenCode-DSTACK.pdf

Assignee Loading
Time tracking Loading