Cos'è la Generative UI?

La Generative UI è un paradigma di interfaccia in cui layout e componenti vengono assemblati a runtime da un LLM in risposta all'intento dell'utente, invece di essere progettati in anticipo per ogni schermata. Nei contesti di commerce adatta ciò che l'acquirente vede, spesso attingendo componenti da un design system fisso, così brand e accessibilità restano coerenti anche quando la composizione è dinamica.

Definizione

Uno stack di Generative UI registra un catalogo di componenti React o Web Components tipizzati presso l'LLM, esponendo i dati tramite strumenti MCP o REST e assegnando al modello un obiettivo come "aiuta l'utente a completare la sua cucina". Il modello emette quindi un albero JSON strutturato, non HTML libero, che seleziona componenti come ProductCard, ComparisonTable o QuizStep, li riempie di contenuto e li dispone. Un renderer valida l'albero rispetto alle forme consentite, lo idrata con i dati e lo invia al browser. Poiché l'output è vincolato, il modello non può inventare attributi o rompere il design system, e i token spesi per le decisioni di layout restano limitati.

Perché è importante

Le pagine precostituite sprecano spazio per gli acquirenti con intenti fuori dal comune e seppelliscono la risposta giusta dietro più click. La Generative UI permette a un frontend di Composable Commerce di rispondere alla domanda reale, così una query come "mi servono scarpe da corsa per piedi piatti sotto i 120 euro" può restituire una tabella comparativa, una guida alla scelta e tre raccomandazioni dirette invece di una pagina categoria. Estende la Personalization oltre la sostituzione dei contenuti fino alle decisioni di layout e si accompagna naturalmente al Conversational Commerce. Il rischio è l'Hallucination nelle scelte di layout, perciò i renderer rifiutano gli alberi non validi e ricadono su pagine canoniche, con suite di Eval che coprono le query più comuni.

Casi d'uso

Una pagina di ricerca genera un quiz, una guida e una griglia di risultati per una query complessa, ma solo una griglia per una ricerca prodotto chiara. Un portale B2B genera una dashboard di procurement con richieste di preventivo e pulsanti di riordino calibrati sul ruolo dell'acquirente. Una pagina post-acquisto assembla tracciamento, accessori complementari e istruzioni di manutenzione specifiche per gli articoli appena ordinati, tutto guidato da una singola chiamata a un agente.

Correlati

Scopri Agentic Frontend Management Platform · Composable Visual Page Builder.