Designtrends 2026: de AI verlaat de chat, het designsysteem stelt de regel

U hebt de zomer waarschijnlijk doorgebracht met steeds hetzelfde te horen: stop AI in uw app. Een chatbot, een assistent, een knop die oplicht. Wat er zelden bij wordt verteld, is waar u die moet zetten, hoe dat eruitziet zodra het op een scherm staat, en wat het met de rest van de interface doet.

Elke week lees ik wat er over app-design verschijnt: Nielsen Norman Group, UX Collective, Smashing Magazine en Muzli, de release notes van de grote apps en het werk dat op Dribbble verschijnt. Dit is wat de zomer van 2026 heeft veranderd, en wat het nieuwe seizoen al heeft bevestigd.

Dit is de dichtste trend van de zomer, en hij is eerst op de schermen af te lezen. ChatGPT, Grok, Claude, Gemini en Pi openen allemaal op dezelfde vrijwel lege pagina: een logo of een vraag, een invoerveld, geen enkel tabblad op het eerste niveau. Vijf producten, één beslissing. Als het gesprek het product is, gaat de interface opzij.

De theorie kwam erachteraan. Nielsen Norman Group formuleerde vijf kwaliteiten om een chatbot te beoordelen, en UX Collective vroeg wat er overblijft van de bureaubladmetafoor, de vensters, de menu's, de mappen, wanneer je tegen een app praat in plaats van erdoorheen te lopen. Het scherpst is de herlezing van de wet van Jakob, die zegt dat gebruikers hun tijd op andere producten doorbrengen en dus overal dezelfde conventies verwachten. Als iedereen went aan alles doen vanuit een gespreksvenster, dan wordt dat venster de conventie. De schermen, kopte een ander artikel, worden gedegradeerd.

Daarna hield de assistent op met antwoorden en begon te doen. Google Maps boekt een hotel of bestelt een maaltijdzonder de kaart te verlaten. Google AI Mode volgt de prijs van een vlucht en boekt zonder u naar een externe site te sturen. Booking.com zet zijn AI-routeknop midden op het startscherm, niet in een aparte chatbot. Cloudflare trok de logica helemaal door met Kitesurf, een browser gebouwd voor agents in plaats van voor mensen.

Het tegenwicht kwam tegelijk, en het past in één zin: hoe meer de AI handelt, hoe meer ze moet laten zien wat ze doet. Een toestemmingskader stelt vier niveaus voor, automatisch, voorbeeld, bevestiging en ongedaan maken, afhankelijk van hoe omkeerbaar de handeling is, en apps als Atoms of World of Hyatt passen het al toe. DeepSeek, Manus, ChatGPT en Notion tonen hun redenering, stap voor stap, voordat ze antwoorden. Europa heeft verduidelijkt dat een AI-vermelding een echt label moet zijn, geen icoontje dat glinstert.

En voor uw app. Bij GoodBarber is de assistent die met uw gebruikers praat een sectie, de RAG-chatbot, en hij antwoordt met wat u publiceert, niet met het algemene geheugen van een model. Hij krijgt zijn plek in de navigatie als elke andere sectie. Dat is een leeskeuze: in een contentapp blijft de ingang de content, en de assistent komt daarna.

Breder, en ik sta erachter. Niets bewijst deze zomer dat een gespreksingang de tabbladen en secties moet vervangen die een content- of communityapp structuur geven. De algemene assistenten hebben hun startscherm leeggemaakt omdat hun product het gesprek is. Het uwe is uw content. Wat Google Maps en Booking.com laten zien, de AI-handeling middenin het traject in plaats van in een apart tabblad, is de vraag die deze beweging aan ons allemaal stelt. Ik stel hem zonder hem te beslechten.

De tweede beweging van de zomer is minder zichtbaar en gaat dieper. Het designsysteem is van aard veranderd: het is geen componentenbibliotheek meer die je raadpleegt, het is een regel die bepaalt wat de AI voortbrengt.

Het beginpunt is een snelheidsprobleem. AI genereert schermen en code sneller dan welk team ze ook kan beoordelen. Nielsen Norman Group gaf een naam aan wat zich daarachter opstapelt, de UX-schuld van AI, en beschreef designteams die veroordeeld zijn tot doorlopend opruimen. Een designsysteem dat alleen dient om achteraf te controleren, heeft al verloren.

Vandaar de vraag die de artikelen van de zomer bezighield: waar leeft de waarheid van een component? Niet in Figma en niet in de code, antwoordt UX Collective, maar in een contract dat voor allebei gezag heeft, want twee kopieën die uit elkaar lopen laten zich niet meer met de hand bijleggen. Nielsen Norman Group leverde het leesraster met een volwassenheidsmodel in zes dimensies, een auditinstrument dat governance en adoptie net zo goed meet als consistentie. En de rechtszaak tegen Figma over toestemming voor trainingsdata herinnerde eraan dat governance geen woord is: wie beslist de regels, en wie hebben er baat bij.

Dat contract heeft al een concrete vorm, en die past in een tekstbestand. DESIGN.md, in april door Google Labs als open source uitgebracht, beschrijft de kleuren, de typografie, de witruimte en de componenten van een merk in een formaat dat codeeragents lezen voordat ze een scherm genereren. Stitch maakt het, Claude Code en Cursor lezen het, Figma-plugins genereren het uit een ontwerp en Claude Design haalt er een uit een .fig-bestand. De zomer maakte van dat bestand het middelpunt van de discussie: één standaardbestand draagt de visuele identiteit, voor mensen zowel als voor agents. Het designsysteem is geen oplevering meer, het is een tekst die een machine leest voordat ze handelt.

In twee maanden ging het van bibliotheek naar levend organisme, en het is de AI die het daarheen heeft geduwd.

En voor uw app. Bij GoodBarber worden kleur, typografie, witruimte, vorm en schaduw één keer vastgelegd, als rollen, en de engine past ze rechtstreeks toe op elk scherm, op iOS, op Android en in de PWA. Het uiteenlopen van ontwerp en code, dat het contract wil oplossen, speelt hier niet op dezelfde manier. Wat u instelt, is wat er verschijnt.

Breder, en dit is het echte onderwerp. Het vocabulaire van het contract en van het ene bestand wordt nuttig op de dag dat een externe AI-agent de regels van een merk moet lezen om iets correct te bouwen. Dat is precies de vraag die onze MCP-server oproept, waarmee een agent vandaag de content van een app kan bedienen, de artikelen, de pushberichten, de shop, terwijl het design in de builder blijft. Onze designregels machineleesbaar maken is een spoor dat de zomer concreter heeft gemaakt. Ik schrijf het op als een spoor.

Geen van beide bewegingen is vertraagd. De AI handelt inmiddels in het product zonder validatiestap: verschillende artikelen vertellen dezelfde omslag, een canvas dat handelt vanuit de context in plaats van vanuit stap-voor-stapinstructies, een engineer die de macht verliest om te zeggen dat iets onmogelijk is. Een AI-functie wordt nu beoordeeld op wat ze in plaats van de gebruiker doet, niet op wat ze hem voorstelt.

Het designsysteem is op zijn beurt de regel geworden die de AI omkadert. Alle generatietools leveren standaard hetzelfde resultaat, een Inter-letter, een gecentreerde hero, een indigoblauwe knop, als niemand ze een tegengestelde regel geeft. Het antwoord is geen stijlgids meer die je herleest, het is een regelbestand geschreven om door AI gelezen te worden. Het systeem wint door regels te schrijven, niet door componenten te publiceren.

Er zijn twee nieuwe dingen opgedoken. Het eerste zet de plaatsing door: de assistentbalk trekt het hoofdscherm in. Drie dashboards, boekhouding, bedrijfsbeheer en hersenmonitoring, zetten een veld "vraag wat u wilt" direct onder de cijfers, zonder knop om een aparte chat te openen, en Notion en Meta AI hebben dezelfde reflex. De assistent wordt een veld erbij op het startscherm, geen bestemming.

Het tweede gaat tegen al het andere in: een anti-AI-beweging. Dezeen zette vijf ontwerpen op een rij die bedoeld zijn om AI te weerstaan, waaronder een letter die automatische scraping op het verkeerde been zet. Een duidelijke vermoeidheid, voorlopig nog voorbehouden aan makers. Of ze doorsijpelt naar consumentenproducten, valt af te wachten.

Deze sectie heeft geen band met ons product en zoekt die ook niet. Het is mijn ontwerpersblik op wat het seizoen aan de kleurkant neerzet.

Pantone koos Cloud Dancer, een luchtig gebroken wit, en het is de eerste keer dat de kleur van het jaar een wit is. Het vak ontving het koeltjes, wat te begrijpen is: een kleur van het jaar is er in de eerste plaats om gezien te worden. Het herfst-winterpalet zegt hetzelfde op een andere manier en zet vier aardtinten, gedoofde klei, specerij, mahonie en verbrande olijf, tegenover vier verzadigde kleuren die door niets worden verzacht. De eerste houden de vlakken, de tweede houden de steunpunten. Wat er op dit moment beweegt is niet het accent, maar de ondergrond waarop u het legt.

De referentie die ik voor het scherm het scherpst volg komt van WGSN en Coloro, omdat ze verder vooruitkijkt. Na Transformative Teal kondigt ze Luminous Blue aan, een kobalt uit de lapisfamilie, en daarna Radiant Earth, een aards rood dat niet als accent maar als neutrale kleur wordt neergezet. Een rood waarop je een hele interface bouwt, niet alleen een knop: dat is het gebaar dat telt.

Op het scherm is de duidelijkste beweging het einde van het zuivere zwart in donkere modus. #000 is hard en laat grijze vegen achter bij het scrollen op OLED-schermen. In plaats daarvan komen diepe omgevingsondergronden, nachtblauw, bosgroen en houtskool, soms afgestemd op het uur. Het zuivere wit wijkt op dezelfde manier voor verwarmde neutrale tinten, en elke kleur moet inmiddels bestaan in licht, in donker en in hoog contrast: die met maar één versie breekt zodra de gebruiker van modus wisselt.

Twee stromingen breken uit de rij. Door AI gegenereerde paletten stellen combinaties voor die een mens niet had geprobeerd, salie met malve en staalblauw, en sommige houden stand. In de tegengestelde richting keert een uitgesproken neobrutalisme terug bij apps die op geen enkele andere willen lijken, in fintech en in Web3.

Vier paletten leken me bruikbaar zoals ze zijn, elk met dat waar het voor dient.

Nog één punt, en het is het punt dat morgenochtend al geldt. Aardse accenten halen op een crèmekleurige ondergrond zelden de contrastverhouding van 4,5:1: houd ze voor vlakken en randen, nooit voor tekst. En zet op mobiel het contrast van uw actieknoppen bewust boven dat minimum, want het waargenomen contrast zakt in de volle zon in. Een kleur die het op uw scherm haalt, kan op straat onleesbaar zijn.

Gaat de in het startscherm ingebouwde assistentbalk de aparte chatknop vervangen? De plaatsing heeft gewonnen bij Google Maps, Booking.com en Notion. De vraag is of apps die geen assistent zijn volgen, of dat het veld "vraag wat u wilt" het domein van dashboards blijft.

Gaat de directe uitvoering door AI, boeken, bestellen, een prijs volgen, om een nieuw bevestigingspatroon vóór de handeling vragen? Het kader met vier niveaus bestaat. De vraag is wie het overneemt op het moment dat de handeling onomkeerbaar wordt.

Gaat de Europese AI-labelplicht zich uitbreiden naar interne AI-tools, verder dan beeldgeneratoren? De vraag speelt voor elke app waarvan gegenereerde content een eindgebruiker bereikt.

Deze drie vragen hebben een termijn, het najaar, en de eerste raakt ons net zo goed als de andere. Tot die tijd, als u één ding uit deze zomer meeneemt voor uw app: een AI-functie wordt beoordeeld op wat ze voor uw gebruikers doet, niet op hoe fel ze blinkt. Bij GoodBarber antwoordt ze vandaag met wat u publiceert. Wat het najaar zal zeggen, is waar ze moet komen te zitten.