Das Projekt Open UI will Design-Komponenten von Frameworks standardisieren. Zu viele unnötige Design-Arbeit sei nötig, um identische Webapp-Komponenten für Framework neu zu erfinden.
Das Open-UI-Projekt steckt in den Kinderschuhen und verfolgt laut der Webseite mehrere Ziele. Zum einen will es die Namen und Strukturen der gängigen UI-Komponenten standardisieren, seien es Buttons, Checkboxen, Carousels oder Dropdown-Menüs. Das betreffe auch den Weg für das Theming dieser Komponenten. Für existierende Lösungen sucht das Projekt nach einheitlichen Verfahren.
Der erste Schritt dafür soll sein, existierende Komponenten überhaupt zu dokumentieren. Die Suche nach einer gemeinsamen Sprache, um UIs und Design-Systeme zu beschreiben, steht dann als Zweites auf dem Zettel. Ein Design-System wäre zum Beispiel das Material Design von Google, das bestimmte Vorgaben für ein einheitliches Aussehen von Android-Apps macht. Als dritten Punkt möchten die Designer hinter Open UI schließlich einen Browserstandard für Webapp-Komponenten entwickeln. Und Viertens sollen sich Designer-Prozesse und Entwickler-Workflows einander annähern.
Bei der Namenssuche wollen die Designer die in der Community bereits vorhandenen Begriffe bevorzugen, weil diese bereits im Umlauf seien und leichter hängen bleiben. Zugleich sollen Bezeichnungen bei Design-Wechseln nicht ungültig werden, als Beispiel dienen hier “Placeholder” versus “Shimmer”.
Arbeit an der Matrix
Aktuell arbeitet das Projekt an einer Matrix aus Komponentennamen, um Gemeinsamkeiten zwischen den Designs zu entdecken. Das Projekt orientiert sich an den erwähnten Design-Systemen, wobei es diese in einer maschinenlesbaren JSON5-Notation dokumentiert. Nicht alle Design-Systeme seien aber geeignet, zu einem offenen Standard beizutragen.
Für das Projekt nützliche Design-Systeme sollen daher einige Kriterien erfüllen: Sie müssen unter anderem Designer und Entwickler unterstützen, verschiedene Plattformen und Frameworks, barrierefrei sein, kleine und große Projekte unterstützen und einiges mehr. Wer zum Projekt stoßen möchte, erhält eine erste Orientierung auf der “Contribution”-Seite.
