Stavy Agentic UI: Ako ukázať myslenie AI, volanie nástrojov a pokrok
Ako navrhnúť stavy behu agenta AI: prijaté, myslenie, volania nástrojov, streamovanie, hotovo, zastavené a neúspešné. Vzory, načasovanie a príklady.
Core Takeaway
Spustenie agenta potrebuje viac stavov ako bežná požiadavka: prijaté, myslenie, každé volanie nástroja, streamovanie odpovede, hotovo, zastavené a neúspešné. Ukážte každý inak, pomenujte krok, na ktorom sa agent nachádza, dovoľte ľuďom kedykoľvek zastaviť beh a zakončite krátkym zhrnutím toho, čo sa urobilo. Ponechajte dostupné podrobnosti nízkej úrovne, ale zbalené.
Prečo beh agentov potrebuje svoje vlastné štáty
Klasická požiadavka má dva viditeľné stavy: načítavanie a hotovo. Spustenie AI agenta je iné. Môže to trvať sekundy alebo minúty, prejde niekoľkými krokmi, ako je vyhľadávanie, čítanie súborov alebo volanie API, a môže podniknúť kroky s následkami. Prieskum doby odozvy od Nielsen Norman Group stále platí: približne 0,1 sekundy je okamžitý pocit, približne 1 sekunda udržiava tok myšlienok a po približne 10 sekundách ľudia potrebujú spätnú väzbu o tom, čo sa deje a ako dlho to bude približne trvať. Väčšina agentov riadi pôdu v tejto poslednej skupine.
Štáty, ktoré sa majú navrhnúť
Navrhnite každý z nich ako svoj vlastný štát s vlastným vzhľadom a slovami, nie ako jeden kolotoč:
- Prijaté: okamžite potvrďte požiadavku (menej ako 0,1 s), napríklad zobrazením správy vo vlákne.
- Myslenie: pokojný indikátor blízko miesta, kde sa objaví odpoveď. Vyhnite sa falošným percentám pokroku.
- Volanie nástroja: pomenujte krok jednoduchými slovami („Vyhľadávanie dokumentov“, „Čítanie 3 súborov“), s počtom, ak ho poznáte.
- Čakanie na schválenie: jasná pauza, keď agent potrebuje povolenie predtým, ako začne konať.
- Streamovanie: zobraziť výstup tak, ako príde; zastavte indikátor myslenia hneď, ako začne text.
- Hotovo: krátke zhrnutie toho, čo sa zmenilo, s možnosťou vrátiť späť, ak je to možné.
- Zastavené a neúspešné: povedzte, čo sa stalo, čo bolo zachované a ako to skúsiť znova.
Ukážte plán, nie surový denník
Dlhé protokoly volaní nástrojov sú užitočné na ladenie, ale pre väčšinu používateľov sú zdrvujúce. Dobrým predvoleným nastavením je jednoriadkový stav pre aktuálny krok plus zbalený zoznam dokončených krokov, ktoré môžu ľudia rozšíriť. Vývojári a pokročilí používatelia môžu otvoriť podrobnosti; všetci ostatní vidia pokrok v jednoduchom jazyku. Protokoly ako AG-UI, otvorený štandard založený na udalostiach na pripojenie agentov k aplikáciám orientovaným na používateľa, čiastočne existujú, takže klientske rozhrania môžu prijímať tieto udalosti krokov konzistentným spôsobom.
Kontrola a dôvera
Ľudia viac dôverujú agentom, keď zostanú pod kontrolou. Udržujte tlačidlo zastavenia viditeľné počas celého behu. Pred nezvratnými akciami, ako je odoslanie, zaplatenie alebo vymazanie, požiadajte o potvrdenie a ukážte, čo sa presne stane. Po behu uľahčite vrátenie, úpravu alebo opakovanie jedného kroku namiesto toho, aby ste začínali odznova.
Návrh na stav agenta
Pohyb je silným signálom „niečo sa deje“, ale slučky sú pri dlhých behoch únavné. Použite jemnú slučku s nízkym kontrastom na premýšľanie, zreteľnú zmenu, keď sa spustí volanie nástroja, a jasné vyrovnanie po dokončení cyklu. Rešpektujte nastavenie zníženého pohybu a vymeňte pohyb za jemnú zmenu nepriehľadnosti. Hlasoví asistenti často používajú animovanú guľu s jasne odlišnými stavmi nečinnosti, počúvania, myslenia a rozprávania.
Kľúč Principle na zapamätanie
- Návrh prijatý, myslenie, volanie nástroja, schválenie, streamovanie, hotovo, zastavené a neúspešné ako samostatné stavy
- Pomenujte aktuálny krok v jednoduchom jazyku; zbaliť celý denník
- Udržujte zastavenie viditeľné počas celého behu a potvrďte nezvratné akcie
- Po približne 10 sekundách ľudia potrebujú informácie o postupe
- Používajte pokojný pohyb a rešpektujte nastavenia zníženého pohybu
Často kladené otázky
Zdroje
- 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