Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
AI și UX8 minute de citit·Updated octombrie 2026·De echipa ExodeUI

State UI Agentic: Cum să arăți gândirea AI, apelurile de instrumente și progresul

Cum să proiectați stările unui agent AI rulat: primit, gândire, apeluri de instrumente, streaming, terminat, oprit și eșuat. Modele, sincronizare și exemple.

Rezumat direct și definiție

Core Takeaway

Un agent rulat are nevoie de mai multe stări decât o solicitare normală: primit, gândire, fiecare apel de instrument, răspunsul în flux, terminat, oprit și eșuat. Afișați fiecare în mod diferit, denumiți pasul în care se află agentul, lăsați oamenii să oprească rularea oricând și terminați cu un scurt rezumat al faptului. Păstrați detaliile de nivel scăzut disponibile, dar restrânse.

De ce rulările de agenți au nevoie de propriile stări

O solicitare clasică are două stări vizibile: încărcare și terminată. Rularea unui agent AI este diferită. Poate dura secunde sau minute, parcurge mai mulți pași, cum ar fi căutarea, citirea fișierelor sau apelarea unui API și poate lua acțiuni cu consecințe. Cercetarea timpului de răspuns de la Nielsen Norman Group încă se aplică: aproximativ 0,1 secunde sunt instantanee, aproximativ 1 secundă păstrează fluxul de gândire și, după aproximativ 10 secunde, oamenii au nevoie de feedback despre ceea ce se întâmplă și aproximativ cât timp va dura. Majoritatea agenților administrează terenuri în ultimul grup.

Diagrama rulării unui agent trecând de la recepție la gândire, apel de instrument, transmitere în flux și gata, cu oprire și reîncercare disponibile la fiecare pas
Stările unui agent rulează. Fiecare ar trebui să arate diferit și stop ar trebui să fie disponibil pe tot parcursul.

Statele să proiecteze

Proiectați fiecare dintre acestea ca starea sa, cu aspectul și cuvintele sale, nu ca un singur rotitor:

  • Primit: confirmați cererea instantaneu (sub 0,1 s), de exemplu prin afișarea mesajului în fir.
  • Gândire: un indicator calm lângă locul unde va apărea răspunsul. Evitați procentele false de progres.
  • Apelul instrumentului: denumiți pasul în cuvinte simple ("Căutarea documentelor", "Citirea a 3 fișiere"), cu un număr, dacă îl cunoașteți.
  • În așteptarea aprobării: o pauză clară când agentul are nevoie de permisiunea înainte de a acționa.
  • Streaming: arată ieșirea pe măsură ce sosește; opriți indicatorul de gândire de îndată ce începe textul.
  • Terminat: un scurt rezumat al schimbărilor, cu anulare acolo unde este posibil.
  • S-a oprit și a eșuat: spuneți ce s-a întâmplat, ce a fost păstrat și cum să reîncercați.

Arată planul, nu jurnalul brut

Jurnalele lungi de apeluri de instrumente sunt utile pentru depanare, dar copleșitoare pentru majoritatea utilizatorilor. O valoare prestabilită bună este o stare pe o linie pentru pasul curent, plus o listă restrânsă de pași finalizați pe care oamenii o pot extinde. Dezvoltatorii și utilizatorii cu putere pot deschide detaliile; toți ceilalți văd progresul într-un limbaj simplu. Protocoale precum AG-UI, un standard deschis bazat pe evenimente pentru conectarea agenților la aplicații orientate către utilizator, există parțial, astfel încât front-end-urile să poată primi aceste evenimente pas într-un mod consecvent.

Control și încredere

Oamenii au mai multă încredere în agenți atunci când păstrează controlul. Păstrați un buton de oprire vizibil pe toată durata alergării. Solicitați confirmare înainte de acțiuni ireversibile, cum ar fi trimiterea, plata sau ștergerea, și arătați exact ce se va întâmpla. După rulare, faceți ușor să anulați, să editați sau să reîncercați un singur pas în loc să o luați de la capăt.

Moțiune pentru statele agent

Mișcarea este un semnal puternic pentru „se întâmplă ceva”, dar buclele devin obositoare în cursele lungi. Utilizați o buclă blândă, cu contrast redus pentru a gândi, o schimbare distinctă când începe un apel de instrument și o soluție clară când rularea se termină. Respectați setarea de mișcare redusă schimbând mișcarea pentru o modificare subtilă a opacității. Asistenții vocali folosesc adesea un glob animat cu stări de inactivitate, de ascultare, de gândire și de vorbire clar diferite.

Cheie Principles de reținut

  • Design primit, gândire, apel de instrument, aprobare, streaming, finalizat, oprit și eșuat ca stări separate
  • Denumiți pasul curent într-un limbaj simplu; restrângeți jurnalul complet
  • Păstrați oprirea vizibilă pe toată durata cursei și confirmați acțiunile ireversibile
  • După aproximativ 10 secunde, oamenii au nevoie de informații despre progres
  • Folosiți o mișcare calmă și respectați setările de mișcare redusă

Întrebări frecvente

Surse

  1. Response Times: The 3 Important Limits — Nielsen Norman Group
  2. Progress Indicators Make a Slow System Less Insufferable — Nielsen Norman Group
  3. AG-UI Overview: Agent User Interaction Protocol — AG-UI
  4. Understanding SC 2.3.3: Animation from Interactions — W3C WAI

Ghiduri și exemple înrudite

State pentru asistentul tău AI

Sfere animate gratuite cu stări inactiv, ascultare, gândire și vorbire comutatoare de cod. Deschide unul și schimbă-l.

Vedeți galeria AI orb
Încercați gratuit