Generatieve UI: hoe AI-agenten hun eigen interface bouwen
Steeds meer AI-agenten beslissen zelf wanneer ze knoppen, formulieren of statusberichten tonen. Wat is generatieve UI, waarom breekt het juist nu door en wat betekent het voor je klantcontact?
Auteur: Heyloha Team
De nieuwe generatie AI-agenten laat de UI niet meer aan ontwerpers over
Tot voor kort was elke chat-interface vooraf ontworpen. Een ontwerper bepaalde welke knoppen verschenen op welk moment, een ontwikkelaar bouwde de flow en de bezoeker volgde het pad. De agent zelf was niet meer dan een tekstbox met een blauwe verzendknop.
Dat verandert. Bij generatieve UI beslist de AI-agent zelf, per situatie, of een knop, formulier of statusbericht het gesprek soepeler maakt. Geen vooraf opgebouwde menu's, geen flow-builder, gewoon de juiste UI-component op het juiste moment.
Wat is generatieve UI precies?
Generatieve UI (afgekort 'gen UI') is een ontwerpprincipe waarbij de gebruikersinterface op afroep wordt samengesteld door een AI-model, in plaats van vooraf vastgelegd. Op het moment dat het model een vraag stelt of een tool gebruikt, kiest het zelf welke UI-component het meegeeft: keuzeknoppen, een formulier, een tabel, een grafiek of een statusbericht.
In de praktijk werkt dat zo: de agent krijgt naast tekst-output een set componenten tot zijn beschikking. Bij een vraag met vier mogelijke antwoorden serveert de agent vier knoppen. Bij een verzoek om een lead te kwalificeren rendert hij een formulier met de juiste velden. Bij een tool-call die een paar seconden duurt, toont hij in real time wat hij doet.
De achterliggende verandering is fundamenteel: de UI is niet langer een statisch script, maar een output van het model.
Waarom dit nu doorbreekt
Generatieve UI komt nu in een stroomversnelling, om drie redenen.
Ten eerste zijn frontier-modellen (zoals Claude 4 en GPT-5) betrouwbaar genoeg geworden in tool-use om consistent het juiste component te kiezen. Een jaar geleden zag je nog modellen die op willekeurige momenten een formulier renderden, of juist nooit. Nu kiezen modellen consistent voor de UI die past bij de context.
Ten tweede zijn de developer-tools volwassen geworden. De Vercel AI SDK, OpenAI's Canvas, Anthropic Artifacts en de tool-calling-frameworks van LangChain en LlamaIndex maken het bouwen van generatieve UI haalbaar voor productteams.
Ten derde is de gebruikersverwachting verschoven. ChatGPT en Claude tonen al jaren rich content (afbeeldingen, code-blokken, grafieken) in chat. Eindgebruikers verwachten inmiddels dat een chatbot meer kan dan tekst en haken af bij een interface die alleen maar een typvenster is.
Voorbeelden uit de praktijk
OpenAI Canvas opent een tweede paneel waarin code of tekst gezamenlijk bewerkt wordt, in plaats van alles in een lange chat te plakken.
Anthropic Artifacts rendert losse documenten, presentaties en mini-apps die het model genereert, met live preview.
Vercel v0 schrijft React-componenten op basis van een prompt en toont ze direct als gebruikersinterface, niet als code.
In klantcontact begint hetzelfde patroon door te breken. Steeds meer AI-agenten in zorg, financiën en zakelijke dienstverlening renderen formulieren in de chat, presenteren keuzeknoppen voor afspraken en tonen real-time status van tool-calls.
Wat dit betekent voor je klantgesprekken
Voor bedrijven die met klantcontact werken, levert generatieve UI drie concrete voordelen op.
Lager drop-off-percentage. Een klik op een keuzeknop is sneller en minder werk dan een zin typen. Bij meervoudige lead-capture vult een bezoeker liever een compact formulier in dan vraag voor vraag te antwoorden.
Schonere data. Knoppen geven gestandaardiseerde antwoorden. Verplichte velden in een formulier voorkomen typo's in e-mailadressen en ontbrekende telefoonnummers. De data die in je CRM landt, is direct bruikbaar.
Meer transparantie tijdens wachttijden. Tool-calls die een paar seconden duren, voelden eerst als een black box. Met een real-time statustekst ('Beschikbaarheid controleren...') weet de bezoeker waar hij op wacht en haakt minder vaak af.
Hoe Heyloha het toepast
We hebben generatieve UI in Heyloha's AI chatbot ingebouwd op drie manieren.
Keuzeknoppen verschijnen wanneer de agent een vraag stelt met een afgebakend aantal antwoorden. Bijvoorbeeld 'Wat voor woning is het?' (Koop, Verhuur, Investering of Anders), of vrije tijdslots uit een gekoppelde Microsoft Calendar.
Formulieren in de chat verschijnen bij meerdere velden tegelijk: leadcapture, callback-aanvragen, waarderingsverzoeken voor een makelaar. De bezoeker vult alles in een keer in: geen redirect, geen pop-up, in jouw branding.
Een live actie-indicator toont in real time wat de agent op dat moment doet: een postcode controleren, een waardering berekenen, een afspraak inplannen. Geen black box van vijf seconden.
De agent beslist zelf wanneer hij een knop, formulier of indicator inzet. Geen scripts, geen flow-builder, gewoon de juiste UI-component voor de situatie.
De volgende stap
Generatieve UI is geen visuele upgrade van bestaande chatbots. Het is een verschuiving in hoe interfaces ontstaan: van vooraf vastgelegd naar gegenereerd in context. Voor klantgesprekken betekent het minder afhakers, schonere data en gesprekken die echt door blijven lopen.
Wil je het zelf zien? Test Heyloha 14 dagen gratis op je eigen website, of bekijk de live demo en zie hoe de agent zijn eigen UI rendert tijdens een gesprek.