Stati dell'interfaccia utente di Agentic: come mostrare il pensiero dell'intelligenza artificiale, le chiamate agli strumenti e i progressi
Come progettare gli stati di un'esecuzione dell'agente AI: ricevuto, in pensiero, chiamate allo strumento, streaming, completato, interrotto e non riuscito. Modelli, tempistiche ed esempi.
Punto chiave
L'esecuzione di un agente richiede più stati di una normale richiesta: ricevuto, in elaborazione, ogni chiamata allo strumento, streaming della risposta, completato, interrotto e non riuscito. Mostra ciascuno di essi in modo diverso, dai un nome al passaggio in cui si trova l'agente, lascia che le persone interrompano la corsa in qualsiasi momento e concludi con un breve riepilogo di ciò che è stato fatto. Mantieni disponibili i dettagli di basso livello ma compressi.
Perché le esecuzioni degli agenti necessitano dei propri stati
Una richiesta classica ha due stati visibili: caricamento in corso e completata. L'esecuzione di un agente AI è diversa. Può richiedere secondi o minuti, si muove attraverso diversi passaggi come la ricerca, la lettura di file o la chiamata a un'API e può intraprendere azioni con conseguenze. La ricerca sui tempi di risposta di Nielsen Norman Group è ancora valida: circa 0,1 secondi sembrano istantanei, circa 1 secondo mantiene il flusso del pensiero e dopo circa 10 secondi le persone hanno bisogno di feedback su ciò che sta accadendo e approssimativamente quanto tempo ci vorrà. La maggior parte degli agenti gestiscono terreni in quest'ultimo gruppo.
Gli Stati da progettare
Progetta ognuno di questi come un proprio stato con il proprio aspetto e le proprie parole, non come uno spinner:
- Ricevuto: conferma la richiesta istantaneamente (meno di 0,1 s), ad esempio mostrando il messaggio nel thread.
- Pensare: un indicatore calmo vicino a dove apparirà la risposta. Evita percentuali di progresso false.
- Chiamata allo strumento: dai un nome al passaggio in parole semplici ("Ricerca nei documenti", "Lettura di 3 file"), con un conteggio se lo conosci.
- In attesa di approvazione: una pausa chiara quando l'agente necessita dell'autorizzazione prima di agire.
- Streaming: mostra l'output man mano che arriva; interrompi l'indicatore del pensiero non appena inizia il testo.
- Fatto: un breve riepilogo di ciò che è cambiato, con annullamento ove possibile.
- Interrotto e fallito: dire cosa è successo, cosa è stato mantenuto e come riprovare.
Mostra il piano, non il registro grezzo
I lunghi registri delle chiamate agli strumenti sono utili per il debug ma sono impegnativi per la maggior parte degli utenti. Una buona impostazione predefinita è uno stato su una riga per il passaggio corrente, più un elenco compresso dei passaggi completati che le persone possono espandere. Gli sviluppatori e gli utenti esperti possono aprire i dettagli; tutti gli altri vedono i progressi in un linguaggio semplice. Protocolli come AG-UI, uno standard aperto basato su eventi per connettere gli agenti alle app rivolte agli utenti, esistono in parte in modo che i front-end possano ricevere questi eventi di passaggio in modo coerente.
Controllo e fiducia
Le persone si fidano di più degli agenti quando mantengono il controllo. Mantenere visibile un pulsante di arresto durante l'intera corsa. Chiedi conferma prima di azioni irreversibili come l'invio, il pagamento o l'eliminazione e mostra esattamente cosa accadrà. Dopo la corsa, puoi annullare, modificare o riprovare facilmente un singolo passaggio invece di ricominciare da capo.
Mozione per gli Stati agenti
Il movimento è un segnale forte che indica che "qualcosa sta accadendo", ma i cicli diventano stancanti a lungo termine. Utilizza un ciclo di pensiero delicato e a basso contrasto, un cambiamento netto quando inizia la chiamata di uno strumento e una risoluzione chiara al termine dell'esecuzione. Rispetta l'impostazione del movimento ridotto scambiando il movimento con un leggero cambiamento di opacità. Gli assistenti vocali utilizzano spesso una sfera animata con stati di inattività, ascolto, pensiero e conversazione chiaramente diversi.
Principi chiave da ricordare
- Progettazione ricevuta, elaborazione, chiamata allo strumento, approvazione, streaming, completato, interrotto e non riuscito come stati separati
- Assegna un nome al passaggio corrente in un linguaggio semplice; comprimere l'intero registro
- Mantieni la fermata visibile per tutta la corsa e conferma le azioni irreversibili
- Dopo circa 10 secondi le persone necessitano di informazioni sui progressi
- Usa movimenti calmi e rispetta le impostazioni di movimento ridotto
Domande frequenti
Fonti
- Response Times: The 3 Important Limits — Nielsen Norman Group
- Progress Indicators Make a Slow System Less Insufferable — Nielsen Norman Group
- AG-UI Overview: Agent User Interaction Protocol — AG-UI
- Understanding SC 2.3.3: Animation from Interactions — W3C WAI