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 & UX8 min læst·Updated oktober 2026·Af ExodeUI-teamet

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.

Direkte Resumé & Definition

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.

Diagram over en agent, der bevæger sig fra modtaget til tænkning, værktøjsopkald, streaming og færdig, med stop og genforsøg tilgængeligt ved hvert trin
En agents tilstande kører. Hver enkelt skal se anderledes ud, og stop skal være tilgængelig hele vejen igennem.

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

  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

Relaterede vejledninger og eksempler

stater for din AI-assistent

Gratis animerede kugler med inaktive, lyttende, tænkende og taletilstande, som din kode skifter. Åbn en og skift den.

Se AI-kuglegalleriet
Prøv gratis