--- title: "Designtrends 2026: Die KI verlässt den Chat" description: "Sie haben den Sommer vermutlich damit verbracht, immer dasselbe zu hören: Bringen Sie KI in Ihre App. Einen Chatbot, einen Assistenten, einen Button, der leucht" canonical_url: "https://de.goodbarber.com/blog/designtrends-2026-die-ki-verlasst-den-chat-das-design-system-macht-die-regel-a1441/" lang: de date: 2026-09-08 last_updated: 2026-09-08 --- # Designtrends 2026: Die KI verlässt den Chat [Zurück](/blog/mach-es-r13/) # Designtrends 2026: Die KI verlässt den Chat, das Design-System macht die Regel Written by [Lesia PIETRI](https://de.goodbarber.com/blog/author/lesia-pietri/) on Dienstag 8 September 2026 ## Während Content-Apps den Sommer damit verbrachten, sich zu fragen, wohin mit der KI, hat sich das Design an zwei Fronten bewegt: Der Assistent hat den Chat verlassen und ist in den Bildschirm eingezogen, und das Design-System ist von einer Bibliothek zu einer Regel geworden. Was das für Ihre App bedeutet, die Farben der Saison und die Fragen, die der Herbst entscheiden muss. ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97960998-68201406.jpg?v=1788875915.0099883) Sie haben den Sommer vermutlich damit verbracht, immer dasselbe zu hören: Bringen Sie KI in Ihre App. Einen Chatbot, einen Assistenten, einen Button, der leuchtet. Was Ihnen kaum jemand sagt: wohin damit, wie das aussieht, sobald es auf einem Bildschirm liegt, und was es mit dem Rest der Oberfläche macht. Jede Woche lese ich, was zum App-Design erscheint: Nielsen Norman Group, UX Collective, Smashing Magazine und Muzli, die Release Notes der großen Apps und die Entwürfe auf Dribbble. Das hat der Sommer 2026 verändert, und das hat der Saisonstart bereits bestätigt. ## Der Assistent verlässt den Chat ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97960998-68201407.jpg?v=1788875916.4979956) Das ist der dichteste Trend des Sommers, und er lässt sich zuerst an den Bildschirmen ablesen. ChatGPT, Grok, Claude, Gemini und Pi öffnen alle mit derselben fast leeren Seite: ein Logo oder eine Frage, ein Eingabefeld, kein Tab auf der ersten Ebene. Fünf Produkte, eine einzige Entscheidung. Wenn das Gespräch das Produkt ist, tritt die Oberfläche zur Seite. Die Theorie kam hinterher. Die Nielsen Norman Group hat [fünf Qualitäten zur Beurteilung eines Chatbots](https://www.nngroup.com/articles/dimensions-of-ai-chatbots/) aufgestellt, und UX Collective hat gefragt, was von der Schreibtisch-Metapher bleibt, den Fenstern, den Menüs, den Ordnern, wenn man mit einer App spricht, statt sie zu durchlaufen. Am schärfsten ist die Neulesung des Jakobschen Gesetzes, wonach Nutzer ihre Zeit auf anderen Produkten verbringen und deshalb überall dieselben Konventionen erwarten. Wenn sich alle daran gewöhnen, alles aus einem Chatfenster heraus zu erledigen, [wird genau dieses Fenster zur Konvention](https://uxdesign.cc/jakobs-law-how-to-apply-it-as-ai-collapses-surfaces-into-one-chat-box-d8ebc9a727db). Die Bildschirme, titelte ein anderer Artikel, [werden degradiert](https://uxdesign.cc/the-screens-are-getting-demoted-6b40120fcf04). Dann hörte der Assistent auf zu antworten und fing an zu handeln. [Google Maps bucht ein Hotel oder bestellt ein Essen](https://techcrunch.com/2026/08/06/google-maps-adds-agentic-features-including-food-ordering-and-hotel-bookings/), [ohne die Karte zu verlassen](https://blog.google/products-and-platforms/products/maps/ask-maps-immersive-navigation/). [Google AI Mode verfolgt einen Flugpreis und bucht](https://techcrunch.com/2026/08/27/googles-ai-mode-can-now-track-flight-prices-help-book-hotels-and-more/), ohne auf eine fremde Website weiterzuleiten. Booking.com setzt seinen KI-Routen-Button mitten auf den Startbildschirm, nicht in einen separaten Chatbot. Cloudflare hat die Logik mit Kitesurf zu Ende gedacht, einem Browser, der für Agenten statt für Menschen gebaut ist. Der Gegenpunkt kam zur selben Zeit, und er passt in einen Satz: Je mehr die KI handelt, desto mehr muss sie zeigen, was sie tut. [Ein Berechtigungsmodell](https://medium.muz.li/when-should-an-ai-agent-ask-for-permission-a-ux-framework-for-trust-and-control-231f6c06e505) schlägt vier Stufen vor, automatisch, Vorschau, Bestätigung und Rückgängig, je nachdem, wie umkehrbar die Aktion ist, und Apps wie Atoms oder World of Hyatt setzen es bereits ein. DeepSeek, Manus, ChatGPT und Notion zeigen ihre Gedankenschritte, bevor sie antworten. [Europa hat klargestellt](https://smashingmagazine.com/2026/08/eu-guidelines-ai-labelling/), dass ein KI-Hinweis eine echte Kennzeichnung sein muss, kein Symbol, das glitzert. **Und für Ihre App.** Bei GoodBarber ist der Assistent, der mit Ihren Nutzern spricht, eine Sektion, [der RAG-Chatbot](https://de.goodbarber.com/blog/rag-chatbot-ki-die-anhand-ihrer-veroffentlichten-inhalte-antwortet-a1316/), und er antwortet mit dem, was Sie veröffentlichen, nicht mit dem Allgemeinwissen eines Modells. Er hat seinen Platz in der Navigation wie jede andere Sektion. Das ist eine Leseentscheidung: In einer Content-App bleibt der Einstieg der Inhalt, und der Assistent kommt danach. **Weiter gefasst, und dazu stehe ich.** Nichts in diesem Sommer beweist, dass ein Gesprächseinstieg die Tabs und Sektionen ersetzen müsste, die eine Content- oder Community-App strukturieren. Die Allzweck-Assistenten haben ihren Startbildschirm geleert, weil ihr Produkt das Gespräch ist. Ihres ist Ihr Inhalt. Was Google Maps und Booking.com zeigen, die KI-Aktion mitten im Weg statt in einem eigenen Tab, ist die Frage, die diese Bewegung uns allen stellt. Ich stelle sie, ohne sie zu entscheiden. ## Das Design-System wird von der Bibliothek zur Regel ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97960998-68201408.jpg?v=1788875918.130004) Die zweite Bewegung des Sommers ist weniger sichtbar und geht tiefer. Das Design-System hat seine Natur geändert: Es ist keine Komponentenbibliothek mehr, die man nachschlägt, sondern eine Regel, die bestimmt, was die KI produziert. Der Ausgangspunkt ist ein Tempoproblem. Die KI erzeugt Bildschirme und Code schneller, als irgendein Team sie bewerten kann. Die Nielsen Norman Group hat dem, was sich dahinter anhäuft, einen Namen gegeben, [die UX-Schuld der KI](https://www.nngroup.com/articles/ai-ux-debt/), und Designteams beschrieben, die zum Dauerputzen verurteilt sind. Ein Design-System, das nur der nachträglichen Kontrolle dient, hat bereits verloren. Daher die Frage, die die Artikel des Sommers beschäftigt hat: Wo liegt die Wahrheit einer Komponente? [Weder in Figma noch im Code](https://uxdesign.cc/design-system-contracts-the-component-lives-in-neither-figma-nor-code-3032d94ca067), antwortet UX Collective, sondern in einem Vertrag, der für beide verbindlich ist, denn zwei auseinanderdriftende Kopien lassen sich nicht mehr von Hand abgleichen. Die Nielsen Norman Group lieferte das Raster mit [einem Reifegradmodell in sechs Dimensionen](https://www.nngroup.com/articles/design-system-maturity/), einem Audit-Werkzeug, das Governance und Verbreitung genauso misst wie Konsistenz. Und die Klage gegen Figma zur Einwilligung in Trainingsdaten hat daran erinnert, dass Governance kein Wort ist: Wer entscheidet die Regeln, und wem nützen sie. Dieser Vertrag hat bereits eine konkrete Form, und sie passt in eine Textdatei. [DESIGN.md](https://github.com/google-labs-code/design.md), im April von Google Labs als Open Source veröffentlicht, beschreibt Farben, Typografie, Abstände und Komponenten einer Marke in einem Format, das Coding-Agenten lesen, bevor sie einen Bildschirm erzeugen. Stitch erzeugt es, Claude Code und Cursor lesen es, Figma-Plugins erstellen es aus einem Entwurf, Claude Design zieht es aus einer .fig-Datei. Der Sommer hat diese Datei ins Zentrum der Diskussion gerückt: [eine einzige Standarddatei trägt die visuelle Identität](https://uxdesign.cc/design-md-the-one-standard-file-carries-your-visual-identity-for-humans-and-agents-9058d5b39d9b), für Menschen wie für Agenten. Das Design-System ist kein Liefergegenstand mehr, es ist ein Text, den eine Maschine liest, bevor sie handelt. In zwei Monaten ist es von der Bibliothek zum lebenden Organismus geworden, und die KI hat es dorthin geschoben. **Und für Ihre App.** Bei GoodBarber werden Farbe, Typografie, Abstand, Form und Schatten [einmal festgelegt, als Rollen](https://de.goodbarber.com/uxdesign/), und die Engine wendet sie direkt auf jeden Bildschirm an, unter iOS, unter Android und in der PWA. Das Auseinanderdriften von Entwurf und Code, das der Vertrag lösen will, stellt sich so gar nicht. Was Sie einstellen, ist das, was erscheint. **Weiter gefasst, und das ist das eigentliche Thema.** Das Vokabular des Vertrags und der einen Datei wird an dem Tag nützlich, an dem ein externer KI-Agent die Regeln einer Marke lesen muss, um etwas Richtiges zu bauen. Genau das ist die Frage, die [unser MCP-Server](https://de.goodbarber.com/mcp/) aufwirft, mit dem ein Agent heute die Inhalte einer App bedienen kann, ihre Artikel, ihre Push-Nachrichten, ihren Shop, während das Design im Builder bleibt. Unsere Designregeln maschinenlesbar zu machen, ist eine Spur, die der Sommer konkreter gemacht hat. Ich schreibe sie als Spur. ## Und seit dem Saisonstart ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97960998-68201409.jpg?v=1788875919.7700121) Keine der beiden Bewegungen hat nachgelassen. Die KI handelt inzwischen im Produkt ohne Freigabeschritt: Mehrere Artikel erzählen denselben Umschwung, [eine Arbeitsfläche, die aus dem Kontext heraus handelt](https://uxdesign.cc/when-the-canvas-starts-acting-whos-really-in-control-0128f641223c) statt aus Schritt-für-Schritt-Anweisungen, ein Entwickler, der die Macht verliert zu sagen, dass etwas unmöglich ist. Eine KI-Funktion misst sich heute daran, was sie anstelle des Nutzers tut, nicht daran, was sie ihm vorschlägt. Das Design-System wiederum ist zur Regel geworden, die die KI einrahmt. Alle Generierungswerkzeuge liefern standardmäßig dasselbe Ergebnis, eine Inter-Schrift, einen zentrierten Hero, einen indigoblauen Button, wenn ihnen niemand eine gegenteilige Regel gibt. [Die Antwort](https://medium.muz.li/your-design-system-is-now-a-prompt-heres-how-to-make-it-a-good-one-d5d200899129) ist kein Styleguide mehr, den man nachliest, sondern eine Regeldatei, geschrieben, damit die KI sie liest. Das System gewinnt, indem es Regeln schreibt, nicht indem es Komponenten veröffentlicht. Zwei neue Dinge sind aufgetaucht. Das erste setzt die Platzierung fort: Die Assistentenleiste wandert in den Hauptbildschirm. Drei Dashboards, Buchhaltung, Unternehmenssteuerung und Gehirn-Tracking, setzen ein Feld "Fragen Sie, was Sie wollen" direkt unter die Zahlen, ohne Button für einen separaten Chat, und Notion wie Meta AI haben denselben Reflex. Der Assistent wird zu einem Feld mehr auf dem Startbildschirm, nicht zu einem Ziel. Das zweite läuft allem anderen entgegen: eine Anti-KI-Bewegung. [Dezeen hat fünf Designobjekte zusammengestellt](https://www.dezeen.com/2026/09/05/anti-ai-designs-roundup/), die der KI widerstehen sollen, darunter eine Schrift, die automatisches Scraping in die Irre führt. Eine deutliche Müdigkeit, noch auf Kreative beschränkt. Ob sie bis zu den Massenprodukten durchsickert, bleibt abzuwarten. ## Die Farben der Saison ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97960998-68201410.jpg?v=1788875921.4820206) Dieser Abschnitt hat nichts mit unserem Produkt zu tun und sucht das auch nicht. Es ist mein Designerinnenblick auf das, was die Saison farblich setzt. Pantone hat [Cloud Dancer](https://www.pantone.com/color-of-the-year/2026) gewählt, ein luftiges Gebrochenweiß, und zum ersten Mal ist die Farbe des Jahres ein Weiß. Die Branche hat das kühl aufgenommen, was verständlich ist: Eine Farbe des Jahres soll vor allem gesehen werden. Die Herbst-Winter-Palette sagt dasselbe auf andere Weise und stellt vier Erdtöne, gedämpften Ton, Gewürz, Mahagoni und verbranntes Oliv, vier gesättigten Farben gegenüber, die nichts abmildert. Die einen halten die Flächen, die anderen halten die Stützpunkte. Was sich gerade bewegt, ist nicht der Akzent, sondern der Grund, auf den man ihn legt. Die Referenz, die ich für den Bildschirm am genauesten verfolge, kommt von WGSN und Coloro, weil sie weiter nach vorn schaut. Nach Transformative Teal kündigt sie Luminous Blue an, ein Kobalt aus der Lapislazuli-Familie, dann [Radiant Earth](https://www.wgsn.com/en/blog/colour-year-2028-radiant-earth), ein erdiges Rot, das nicht als Akzent, sondern als Neutralton gesetzt wird. Ein Rot, auf dem man eine ganze Oberfläche baut, nicht nur einen Button: Das ist die Geste, auf die es ankommt. Auf dem Bildschirm ist die klarste Bewegung das Ende des reinen Schwarz im Dunkelmodus. `#000` ist hart und hinterlässt beim Scrollen graue Schlieren auf OLED-Displays. An seiner Stelle stehen tiefe Umgebungsgründe, Nachtblau, Waldgrün und Anthrazit, manchmal nach Tageszeit abgestuft. Reines Weiß weicht auf dieselbe Weise erwärmten Neutraltönen, und jede Farbe muss inzwischen in Hell, in Dunkel und in hohem Kontrast existieren: Die mit nur einer Fassung bricht, sobald der Nutzer den Modus wechselt. Zwei Strömungen scheren aus. KI-generierte Paletten schlagen Kombinationen vor, die ein Mensch nicht versucht hätte, Salbei mit Malve und Stahlblau, und einige davon tragen. In die Gegenrichtung kehrt ein offener Neobrutalismus auf Apps zurück, die keiner anderen ähneln wollen, im Fintech und im Web3. Vier Paletten schienen mir so verwendbar, wie sie sind, jede mit dem, wofür sie taugt. Ein letzter Punkt, und er gilt schon morgen früh. Erdige Akzente erreichen auf cremefarbenem Grund selten das Kontrastverhältnis von 4,5:1: Behalten Sie sie für Flächen und Ränder, nie für Text. Und heben Sie auf dem Smartphone den Kontrast Ihrer Aktions-Buttons über dieses Minimum, denn der wahrgenommene Kontrast bricht in der prallen Sonne ein. Eine Farbe, die auf Ihrem Bildschirm besteht, kann auf der Straße unlesbar sein. ## Die drei Fragen, die der Herbst entscheiden muss ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/97960998-68201411.jpg?v=1788875923.2220292) **Wird die in den Startbildschirm integrierte Assistentenleiste den separaten Chat-Button ersetzen?** Die Platzierung hat sich bei Google Maps, Booking.com und Notion durchgesetzt. Offen bleibt, ob Apps, die keine Assistenten sind, nachziehen, oder ob das Feld "Fragen Sie, was Sie wollen" den Dashboards vorbehalten bleibt. **Wird die direkte Ausführung durch die KI, buchen, bestellen, einen Preis verfolgen, ein neues Bestätigungsmuster vor der Aktion verlangen?** Das Vier-Stufen-Modell gibt es. Offen bleibt, wer es in dem Moment übernimmt, in dem die Aktion unumkehrbar wird. **Wird die europäische KI-Kennzeichnungspflicht auf interne KI-Werkzeuge ausgeweitet, über Bildgeneratoren hinaus?** Die Frage stellt sich für jede App, deren generierte Inhalte einen Endnutzer erreichen. Diese drei Fragen haben eine Frist, den Herbst, und die erste betrifft uns genauso wie die anderen. Bis dahin, wenn Sie aus diesem Sommer eine Sache für Ihre App mitnehmen: Eine KI-Funktion misst sich daran, [was sie für Ihre Nutzer tut](https://de.goodbarber.com/ai/), nicht daran, wie sehr sie glänzt. Bei GoodBarber antwortet sie heute mit dem, was Sie veröffentlichen. Was der Herbst sagen wird, ist, wo sie sitzen muss. ![Lesia PIETRI](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) Über den Autor[Lesia PIETRI](https://de.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design Ich bin Head of Product Design bei GoodBarber. Ich verantworte das Design des Produkts: das Design System, auf dem jede App aufbaut, die Layouts als Ausgangspunkt und den Weg von der ersten Idee bis zur veröffentlichten App. Mein Anspruch: Auch wer noch nie ein Design-Tool geöffnet hat, veröffentlicht eine App, die auf jedem Screen durchdacht wirkt. Als Designer aus Leidenschaft verbringe ich meine Tage mit den Details, die niemand benennt: Abstände, Kontraste, das Gewicht einer Überschrift. Hier schreibe ich über das Design von GoodBarber und über die Neuheiten des Produkts: die Features, die Layouts und die Themes. [Mehr erfahren](https://de.goodbarber.com/blog/author/lesia-pietri/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/lesia-pietri-150824116/)