W
WisyLink
ProduktPreiseAPIBlogKontakt
Alle Beiträge

WisyLink Blog

generative-uiruntime-compositionoutcome-designinterface-constraintsui-evaluation

Generative UI: Oberflächen, die zur Laufzeit aus Absicht komponiert werden

Generative UI baut Oberflächen zur Anfragezeit aus Absicht und Kontext statt vorgezeichneter Screens und verschiebt Design zu Ergebnissen, Constraints und Vertrauen.

3. Juni 20267 Min. Lesezeit
Generative UI: Oberflächen, die zur Laufzeit aus Absicht komponiert werden

Generative UI ist die Praxis, eine Oberfläche zur Anfragezeit aus einer benannten Absicht und dem umgebenden Kontext zusammenzusetzen, statt ein im Voraus gezeichnetes Layout auszuliefern. Statt eines festen Screens erhält der Nutzer eine Komposition für diesen Moment: Steuerelemente, Texte und Anordnung werden gewählt, wenn die Anfrage landet — gegen Constraints, die der Designer gesetzt hat, nicht gegen Pixel, die er platziert hat.

  • Eine Oberfläche hört auf, Artefakt zu sein, und wird Ausgabe einer Funktion über Absicht und Kontext.
  • Designer spezifizieren Outcomes und Grenzen; die Runtime wählt die konkrete Anordnung.
  • Zwei Nutzer mit demselben Ziel können zwei verschiedene Screens treffen.
  • Konsistenz wandert vom Layout zum Verhalten, da das Layout nicht mehr fest ist.
  • Vertrauen hängt nun davon ab, ob ein einmaliger Screen gelesen und verifiziert werden kann.
  • Evaluation verschiebt sich vom Prüfen eines Mockups zum Sampeln einer Render-Verteilung.

Was ist generative UI, wenn der Screen pro Anfrage gebaut wird?

Generative UI meint Oberflächen, die zur Laufzeit aus einem Modell von Absicht und Kontext komponiert werden, sodass das gerenderte Ergebnis ein Kandidat unter vielen ist, nicht ein einziges kanonisches Design. Die Disziplin behandelt einen Screen als abgeleitete Ausgabe. Was der Nutzer sieht, ist eine Auflösung eines Raums möglicher Kompositionen, verengt durch Anfrage und geltende Constraints.

Das ist ein anderes Objekt als ein responsives Layout. Responsive Design ordnet eine bekannte Elementmenge über Breakpoints um; Menge und Beziehungen bleiben verfasst. Generative Komposition lässt die Elementmenge selbst variieren: welche Felder erscheinen, welche Aktionen angeboten werden, wie dicht das Ergebnis ist und was weggelassen wird. Die Variation ist der Punkt, kein Randfall.

Die Arbeitsdefinitionen, die sich über 2025 und 2026 gesetzt haben, teilen eine Verpflichtung. Die Oberfläche wird aus einer Beschreibung dessen zusammengebaut, was nach der Interaktion wahr sein soll, gepaart mit dem Bekannten über die Situation, und die konkrete Form bleibt dem Moment des Renderings überlassen.

Es hilft zu benennen, was in diesem Bild menschlich bleibt. Absicht, Komponenten-Vokabular und Constraints werden weiterhin bewusst verfasst. Delegiert wird der Akt der Anordnung: das Binden dieser Teile zu einem spezifischen Screen für eine spezifische Anfrage. Generation entfernt Designurteil nicht so sehr, wie sie es von der Oberfläche zu den Regeln verlagert, die jede Oberfläche regieren.

Wie ändert sich Design vom Zeichnen von Screens zum Spezifizieren von Outcomes?

Wenn das Artefakt generiert wird, wandert die Hebelwirkung des Designers stromaufwärts. Die Arbeitseinheit wird eine Spezifikation von Absicht, erlaubten Bausteinen und Constraints, die jede gültige Komposition einhalten muss. Man hört auf, einen Screen anzuordnen, und beginnt, die Abnahmebedingungen des Screens zu beschreiben.

Das klingt nach einer kleinen Verlagerung von Aufwand, ändert aber, was „fertig“ bedeutet. Ein gezeichneter Screen ist fertig, wenn er einmal richtig aussieht. Ein spezifiziertes Outcome ist fertig, wenn jeder plausible Render innerhalb der Grenzen akzeptabel ist — eine weit größere Behauptung. Die Designfläche weitet sich von einer Komposition zu einer Familie.

Ein Tradeoff, der auftaucht, ist Ausdruckskraft gegen Regierbarkeit. Constraints zu lockern lässt die Runtime eine schärfere Passung für jede Anfrage und jeden Kontext liefern. Sie zu straffen hält die Familie klein genug zum Nachdenken. Das Handwerk liegt darin zu wählen, welche Entscheidungen als Invarianten zu fixieren und welche dem Moment zu überlassen sind.

EigenschaftVorgezeichnete ScreensZur Laufzeit komponierte Interfaces
Design-EinheitEin festes LayoutAbsicht plus Constraints
Was variiertDaten in SlotsSlots, Aktionen, Dichte
Definition von fertigEin Screen sieht richtig ausJeder Render in Grenzen ist akzeptabel
Review-ZielEin MockupEine Verteilung von Outputs
FehlermodusFalsches statisches LayoutGültiger aber desorientierender Render

Kann eine Oberfläche konsistent bleiben, wenn keine zwei Renders übereinstimmen?

Konsistenz wurde historisch vom Layout selbst getragen: derselbe Button am selben Ort lehrte den Nutzer, wohin zu schauen. Wenn das Layout pro Anfrage wechseln kann, schwächt sich dieser Anker, und Konsistenz muss auf einer höheren Ebene als Position neu ausgedrückt werden.

Die Antwort des Feldes tendiert zu Invarianten. Bestimmte Beziehungen werden unabhängig von der Komposition als nicht verhandelbar erklärt: eine destruktive Aktion ist immer bestätigbar, Primärabsicht ist immer in einem Schritt erreichbar, dasselbe Konzept nutzt immer dasselbe Label und denselben Affordance. Die Runtime ist unter diesen Linien frei und darüber gebunden.

Das rahmt eine Produktsprache als Regelmenge um, die der Generator erfüllen muss, nicht als Screenshot, den er matchen muss. Konsistenz wird behavioral und semantisch statt räumlich. Die schwierigeren Fragen betreffen, welche Invarianten tragend sind, denn jede fixe Invariante tauscht etwas der Adaptivität ein, die das Generieren der Oberfläche überhaupt rechtfertigte.

Es gibt auch eine temporale Art von Konsistenz zu verteidigen. Ein einzelner Nutzer, der über Tage zurückkehrt, trifft unterschiedliche Kompositionen, und das System muss über diese Sequenz kohärent wirken, auch wenn keine zwei Besuche pixelgenau ausrichten. Die Anker dafür sind konzeptuell: ein Feature behält seinen Namen, eine Aktion ihren Sinn, und das mentale Modell vom letzten Mal sagt noch voraus, was diesmal geschieht.

Warum ist Vertrauen schwerer, wenn ein Screen nur einmal existiert?

Ein Screen, der für eine einzelne Anfrage gerendert und dann nie wieder gesehen wird, verkompliziert die üblichen Vertrauensquellen. Nutzer bauen Vertrauen teilweise durch Wiederholung und geteilte Referenz auf: denselben Screen, den andere beschrieben, denselben Pfad, den sie gestern gingen. Eine einmalige Komposition entfernt diesen gemeinsamen Boden.

Vertrauen muss dann aus Lesbarkeit innerhalb des Renders selbst kommen. Die Oberfläche muss ihre eigene Begründung prüfbar machen: warum diese Felder, warum diese Aktion primär, welche Daten die Anordnung formten. Wenn eine Komposition ihre eigene Form rechtfertigen kann, kann ein Nutzer sie im Moment verifizieren statt sich darauf zu verlassen, sie zuvor gesehen zu haben.

Vorhersagbarkeit liefert eine zweite Quelle. Selbst ein einmal gesehener Screen wirkt vertrauenswürdig, wenn er sich so verhält, wie seine deklarierten Invarianten versprechen, sodass der Nutzer vor dem Handeln schließen kann, was eine Aktion tut. Das Risiko ist das Gegenteil: ein technisch gültiger, aber überraschender Render, bei dem die Komposition in Grenzen blieb und dennoch dem Erwarteten widersprach. Gegen diese Überraschung zu schützen ist ebenso Teil von Vertrauen wie Begründung offenzulegen.

Kompositions-Envelope
Der deklarierte Raum von Anordnungen, die ein Generator für eine gegebene Absicht erzeugen darf, begrenzt durch Constraints.
Invariante
Eine Eigenschaft, die jeder Render unabhängig von der Komposition halten muss, etwa Erreichbarkeit der Primäraktion.
Lesbarkeit
Das Maß, in dem ein einmaliger Render offenlegt, warum er so zusammengesetzt wurde.

Wie bewertet man eine UI, die bei jeder Anfrage anders ist?

Inspektion nimmt ein stabiles Ziel an. Wenn das Ziel eine Verteilung statt eines einzelnen Screens ist, muss Evaluation vom Prüfen des einen Designs zum Charakterisieren der Population von Designs wandern, die die Spezifikation emittieren kann. Die Frage verschiebt sich von „ist dieser Screen gut“ zu „ist der Envelope von Screens akzeptabel“.

Eine praktische Operationsreihenfolge tendiert dazu so auszusehen:

  1. Stellen Sie Absicht und Kontext, auf die die Oberfläche antwortet, in für Nicht-Autoren lesbaren Begriffen fest.
  2. Deklarieren Sie die Invarianten, die jeder Render erfüllen muss, und die Grenzen, in denen er bleiben muss.
  3. Sampeln Sie viele Renders über realistische Absichten und Kontexte, einschließlich sparsamer und adversarialer.
  4. Bewerten Sie jede Probe gegen Invarianten und Aufgabenerfüllung, nicht gegen ein Referenz-Mockup.
  5. Straffen Sie Constraints, wo Renders driften, und lockern Sie sie, wo Grenzen eine bessere Passung unterdrücken.

Die Verschiebung geht vom einmaligen Design-Review zu einer stehenden Evaluationsschleife, weil die Spezifikation nach dem Ship weiter neue Screens emittiert. Coverage zählt mehr als Politur an einem einzelnen Render. Eine Oberfläche, die auf den zufällig geprüften Fällen korrekt ist, ist noch nicht als korrekt bekannt, und die ungeprüften Fälle sind genau dort, wo eine gültige-aber-desorientierende Komposition zu verstecken tendiert. Evaluation als Sampling statt als Freigabe zu behandeln macht diese versteckte Region beobachtbar.

Wohin zur Laufzeit komponierte Interfaces zu gehen scheinen

Die Trajektorie zeigt auf Interfaces, die weniger als Dokumente und mehr als Systeme mit zu spezifizierendem und zu überwachendem Verhalten behandelt werden. Wenn Komposition zur Runtime wandert, wird die knappe Fähigkeit, Constraints präzise genug für Sicherheit und lose genug für Nutzen zu schreiben und dann zu beobachten, was der Generator dagegen tatsächlich produziert.

Schwerer wird die Rechenschaft für einen Screen, den niemand gezeichnet hat. Wenn ein Render irreführt, liegt die Ursache in der Spezifikation, dem Kontext oder der Wahl des Generators innerhalb der Grenzen, und diese zu trennen wird zur eigenen Disziplin. Eine Verteilung zu versionieren, einen einzelnen Render zu reproduzieren und eine einmalige Komposition im Nachhinein zu erklären sind offene Probleme, die das Feld noch benennt.

Tooling tendiert dazu, dieser Teilung zu folgen. Die Instrumente, die reifen, sind die zum Schreiben von Constraints, Sampeln von Renders und Zurückverfolgen einer einzelnen Komposition zu den Inputs, die sie erzeugten — nicht die zum manuellen Platzieren von Elementen. Der Schwerpunkt wandert von der Canvas zur Spezifikation und dem Monitor daneben.

Der wahrscheinliche Siedepunkt ist eine Arbeitsteilung: Menschen besitzen Absicht und Invarianten, die Runtime besitzt Anordnung, und eine kontinuierliche Evaluationsschicht sitzt dazwischen. Die Oberfläche hört auf, ein fertiges Ding zu sein, und wird ein regiertes — eine stillere, aber anspruchsvollere Haltung, als Screens zu zeichnen je verlangt hat.

F.A.Q.

Häufig gestellte Fragen

Wie unterscheidet sich generative UI von Responsive Design?
Responsive Design ordnet eine verfasste Elementmenge über Bildschirmgrößen um, während Menge und Beziehungen fest bleiben. Generative UI lässt die Elementmenge selbst zur Laufzeit variieren, sodass Felder, Aktionen und Dichte pro Anfrage aus Absicht und Kontext gewählt werden, nicht vorbestimmt.
Was produziert ein Designer in einem outcome-orientierten Workflow tatsächlich?
Statt eines fertigen Layouts eine Spezifikation: die Absicht, der die Oberfläche dient, die erlaubten Bausteine und die Constraints, die jede gültige Komposition einhalten muss. Die konkrete Anordnung bleibt der Runtime; das Deliverable beschreibt Abnahmebedingungen statt Pixel.
Wie kann eine zur Laufzeit komponierte Oberfläche konsistent bleiben?
Konsistenz wandert von Position zu deklarierten Invarianten. Regeln wie immer erreichbare Primärabsicht, konsistente Labels für dasselbe Konzept und bestätigbare destruktive Aktionen gelten über jeden Render, sodass die Oberfläche in Verhalten und Bedeutung konsistent bleibt, auch wenn keine zwei Layouts übereinstimmen.
Wie testet man eine Oberfläche, die sich bei jeder Anfrage ändert?
Man bewertet die Verteilung der Renders, nicht einen einzelnen Screen. Das heißt viele Kompositionen über realistische und adversariale Absichten zu samplen, jede gegen Invarianten und Aufgabenerfüllung zu bewerten und Constraints dort zu straffen oder zu lockern, wo Renders driften — als stehende Schleife statt einmaligem Review.
Teilen
XLinkedInFacebook
Auf dieser Seite
  1. Was Generative UI bedeutet
  2. Von Screens zu Outcomes
  3. Konsistenz ohne festes Layout
  4. Vertrauen in einmalige Screens
  5. Variable Interfaces bewerten
  6. Wohin Komposition geht

Dokumentation

  • Überblick
  • API
  • CLI
  • GitHub
  • npm

Blog

  • Blog entdecken
  • Gleiche Eingabe, unterschiedliches Ergebnis: Reproduzierbarkeit in der Produktion
  • Die Herkunft maschinell erzeugter Medien nachweisen
  • Kontext-Engineering: Vom Prompt-Polieren zur Informationsarchitektur
  • Agenten mit Werkzeugen: KI, die von Antwort zu Handlung übergeht

Rechtliches

  • Datenschutz
  • Nutzungsbedingungen
  • Unternehmen

Produkt

  • Funktionen
  • Preise
  • Kontakt
  • Entwicklung
WisyLink © 2026·
Von unserem Team mit ❤️ erstellt.