Agentic UI States: Hur man visar AI-tänkande, verktygsanrop och framsteg

Varför agenter behöver sina egna stater

En klassisk begäran har två synliga tillstånd: laddar och klar. En AI-agentkörning är annorlunda. Det kan ta sekunder eller minuter, det går igenom flera steg som att söka, läsa filer eller anropa ett API, och det kan vidta åtgärder med konsekvenser. Svarstidsforskning från Nielsen Norman Group gäller fortfarande: cirka 0,1 sekunder känns omedelbart, cirka 1 sekund håller tankeflödet och efter cirka 10 sekunder behöver människor feedback om vad som händer och ungefär hur lång tid det kommer att ta. De flesta agenter kör land i den sista gruppen.

staterna att designa

Designa var och en av dessa som sin egen stat med sitt eget utseende och ord, inte som en spinner:

• Mottaget: bekräfta förfrågan direkt (under 0,1 s), till exempel genom att visa meddelandet i tråden.
• Tänkande: en lugn indikator nära där svaret kommer att visas. Undvik falska framstegsprocent.
• Verktygsanrop: namnge steget i vanliga ord ("Söker i dokumenten", "Läser 3 filer"), med en räkning om du vet det.
• Väntar på godkännande: en tydlig paus när agenten behöver tillstånd innan han agerar.
• Streaming: visa utdata när den kommer; stoppa tankeindikatorn så snart texten börjar.
• Klart: en kort sammanfattning av vad som ändrades, med ångra där det är möjligt.
• Stoppade och misslyckades: säg vad som hände, vad som behölls och hur du ska försöka igen.

Visa planen, inte den råa loggen

Långa loggar med verktygsanrop är användbara för felsökning men överväldigande för de flesta användare. En bra standard är en enradsstatus för det aktuella steget, plus en komprimerad lista med slutförda steg som folk kan utöka. Utvecklare och avancerade användare kan öppna detaljerna; alla andra ser framsteg i klartext. Protokoll som AG-UI, en öppen händelsebaserad standard för att koppla agenter till användarvänliga appar, finns delvis så att gränssnitt kan ta emot dessa steghändelser på ett konsekvent sätt.

Kontroll och tillit

Folk litar mer på agenter när de behåller kontrollen. Håll en stoppknapp synlig under hela löpningen. Be om bekräftelse innan oåterkalleliga åtgärder som att skicka, betala eller ta bort, och visa exakt vad som kommer att hända. Efter körningen, gör det enkelt att ångra, redigera eller försöka igen ett enda steg istället för att börja om.

Motion för agentstater

Rörelse är en stark signal för att "något händer", men loopar blir tröttsamma i långa löpturer. Använd en mjuk slinga med låg kontrast för att tänka, en distinkt förändring när ett verktygsanrop startar och en tydlig uppgörelse när löpningen är klar. Respektera inställningen för reducerad rörelse genom att byta rörelse mot en subtil opacitetsändring. Röstassistenter använder ofta en animerad klot med tydligt olika viloläge, lyssnande, tänkande och taltillstånd.