Agentiske brugergrænsefladetilstande: Sådan viser du AI-tænkning, værktøjsopkald og fremskridt
Sådan designes tilstandene for en AI-agentkørsel: modtaget, tænkning, værktøjsopkald, streaming, udført, stoppet og mislykket. Mønstre, timing og eksempler.
Core Takeaway
En agentkørsel har brug for flere tilstande end en normal anmodning: modtaget, tænkende, hvert værktøjsopkald, streaming af svaret, udført, stoppet og mislykket. Vis hver enkelt forskelligt, navngiv det trin, agenten er på, lad folk stoppe løbeturen til enhver tid, og afslut med en kort oversigt over, hvad der blev gjort. Hold detaljer på lavt niveau tilgængelig, men skjult.
Hvorfor agenter har brug for deres egne stater
En klassisk anmodning har to synlige tilstande: indlæst og udført. En AI-agentkørsel er anderledes. Det kan tage sekunder eller minutter, det bevæger sig gennem flere trin, såsom at søge, læse filer eller kalde et API, og det kan tage handlinger med konsekvenser. Svartidsforskning fra Nielsen Norman Group gælder stadig: omkring 0,1 sekund føles øjeblikkeligt, omkring 1 sekund holder tankestrømmen, og efter omkring 10 sekunder har folk brug for feedback om, hvad der sker, og hvor lang tid det vil tage. De fleste agent kører land i den sidste gruppe.
Staten skal designe
Design hver af disse som sin egen tilstand med sit eget udseende og ord, ikke som én spinner:
- Modtaget: Bekræft anmodningen med det samme (under 0,1 s), for eksempel ved at vise beskeden i tråden.
- Tænker: en rolig indikator i nærheden af, hvor svaret vises. Undgå falske fremskridtsprocenter.
- Værktøjskald: navngiv trinnet med almindelige ord ("Søger i dokumenter", "Læser 3 filer"), med en optælling, hvis du kender det.
- Venter på godkendelse: en klar pause, når agenten har brug for tilladelse, før han handler.
- Streaming: vis output, når det ankommer; stop tænkeindikatoren, så snart teksten starter.
- Udført: en kort oversigt over, hvad der er ændret, med fortryd, hvor det er muligt.
- Stoppet og fejlede: Sig, hvad der skete, hvad der blev gemt, og hvordan du prøver igen.
Vis planen, ikke den rå log
Lange logfiler med værktøjsopkald er nyttige til fejlretning, men overvældende for de fleste brugere. En god standard er en status på én linje for det aktuelle trin plus en skjult liste over gennemførte trin, som folk kan udvide. Udviklere og superbrugere kan åbne detaljerne; alle andre ser fremskridt i almindeligt sprog. Protokoller såsom AG-UI, en åben hændelsesbaseret standard til at forbinde agenter til brugervendte apps, eksisterer delvist, så frontends kan modtage disse trinhændelser på en ensartet måde.
Kontrol og tillid
Folk stoler mere på agenter, når de bevarer kontrollen. Hold en stopknap synlig under hele løbeturen. Bed om bekræftelse før irreversible handlinger såsom afsendelse, betaling eller sletning, og vis præcis, hvad der vil ske. Efter løbeturen skal du gøre det nemt at fortryde, redigere eller prøve et enkelt trin igen i stedet for at starte forfra.
Forslag til agentstater
Bevægelse er et stærkt signal om "der sker noget", men loops bliver trættende i lange løb. Brug en blid løkke med lav kontrast til at tænke, en tydelig ændring, når et værktøjskald starter, og en klar afregning, når løbeturen slutter. Respekter indstillingen for reduceret bevægelse ved at skifte bevægelse til en subtil opacitetsændring. Stemmeassistenter bruger ofte en animeret kugle med klart forskellige tomgange, lytte-, tænke- og taletilstande.
Tast Principles for at huske
- Design modtaget, tænkning, værktøjsopkald, godkendelse, streaming, udført, stoppet og fejlet som separate tilstande
- Navngiv det aktuelle trin i almindeligt sprog; fold hele logfilen sammen
- Hold stop synligt for hele løbeturen og bekræft irreversible handlinger
- Efter ca. 10 sekunder har folk brug for information om fremskridt
- Brug rolige bevægelser og respekter indstillinger for reduceret bevægelse
Ofte stillede spørgsmål
Kilder
- 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