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 →
Sztuczna inteligencja i UX8 minut czytania·Updated Październik 2026·Zespół ExodeUI

Stany agenta interfejsu użytkownika: jak pokazać myślenie AI, wywołania narzędzi i postęp

Jak zaprojektować stany działania agenta AI: odebrane, myślenie, wywołania narzędzi, przesyłanie strumieniowe, gotowe, zatrzymane i zakończone niepowodzeniem. Wzory, czas i przykłady.

Bezpośrednie podsumowanie i definicja

Rdzeń na wynos

Uruchomienie agenta wymaga więcej stanów niż zwykłe żądanie: odebrane, myślenie, każde wywołanie narzędzia, przesyłanie strumieniowe odpowiedzi, wykonane, zatrzymane i zakończone niepowodzeniem. Pokaż każdy z nich inaczej, nazwij krok, na którym znajduje się agent, pozwól ludziom zatrzymać działanie w dowolnym momencie i zakończ krótkim podsumowaniem tego, co zostało zrobione. Zachowaj szczegóły niskiego poziomu dostępne, ale zwinięte.

Dlaczego uruchamianie agentów wymaga własnych stanów

Klasyczne żądanie ma dwa widoczne stany: ładowanie i gotowe. Uruchomienie agenta AI jest inne. Może to zająć sekundy lub minuty, przechodzi przez kilka etapów, takich jak wyszukiwanie, odczytywanie plików lub wywoływanie interfejsu API, i może podejmować działania, które mają konsekwencje. Badania dotyczące czasu reakcji przeprowadzone w Nielsen Norman Group nadal mają zastosowanie: około 0,1 sekundy wydaje się natychmiastowe, około 1 sekundy utrzymuje przepływ myśli, a po około 10 sekundach ludzie potrzebują informacji zwrotnej na temat tego, co się dzieje i mniej więcej, ile czasu to zajmie. Większość agentów obsługuje grunty w tej ostatniej grupie.

Schemat przebiegu agenta przechodzącego od otrzymania do myślenia, wywołania narzędzia, przesyłania strumieniowego i zakończenia, z możliwością zatrzymania i ponowienia próby na każdym kroku
Stany agenta działają. Każdy z nich powinien wyglądać inaczej, a przystanek powinien być dostępny przez cały czas.

Stany do zaprojektowania

Zaprojektuj każdy z nich jako odrębny stan z własnym wyglądem i słowami, a nie jako jeden spinner:

  • Otrzymano: potwierdź żądanie natychmiast (poniżej 0,1 s), na przykład wyświetlając wiadomość w wątku.
  • Myślenie: spokojny wskaźnik w pobliżu miejsca, w którym pojawi się odpowiedź. Unikaj fałszywych procentów postępu.
  • Wywołanie narzędzia: nazwij krok prostymi słowami („Przeszukiwanie dokumentów”, „Czytanie 3 plików”) i podaj liczbę, jeśli ją znasz.
  • Oczekiwanie na akceptację: wyraźna pauza, gdy agent potrzebuje pozwolenia przed podjęciem działania.
  • Przesyłanie strumieniowe: wyświetlaj dane wyjściowe w momencie ich otrzymania; zatrzymaj wskaźnik myślenia, gdy tylko zacznie się tekst.
  • Gotowe: krótkie podsumowanie tego, co się zmieniło, z możliwością cofnięcia, jeśli to możliwe.
  • Zatrzymano i zakończyło się niepowodzeniem: powiedz, co się stało, co zostało zachowane i jak ponowić próbę.

Pokaż plan, a nie surowy dziennik

Długie dzienniki wywołań narzędzi są przydatne do debugowania, ale są przytłaczające dla większości użytkowników. Dobrym ustawieniem domyślnym jest jednowierszowy status bieżącego kroku plus zwinięta lista ukończonych kroków, którą można rozwinąć. Programiści i zaawansowani użytkownicy mogą otworzyć szczegóły; wszyscy inni widzą postęp prostym językiem. Protokoły takie jak AG-UI, otwarty standard oparty na zdarzeniach, służący do łączenia agentów z aplikacjami dostępnymi dla użytkownika, istnieją częściowo po to, aby interfejsy użytkownika mogły odbierać te zdarzenia kroków w spójny sposób.

Kontrola i zaufanie

Ludzie bardziej ufają agentom, gdy mają kontrolę. Przycisk stop powinien być widoczny przez cały czas trwania biegu. Poproś o potwierdzenie przed nieodwracalnymi działaniami, takimi jak wysłanie, płatność lub usunięcie, i pokaż dokładnie, co się stanie. Po uruchomieniu możesz łatwo cofnąć, edytować lub ponowić pojedynczy krok, zamiast zaczynać od nowa.

Wniosek o stany agentowe

Ruch jest silnym sygnałem, że „coś się dzieje”, ale pętle męczą na długich dystansach. Użyj delikatnej pętli o niskim kontraście do myślenia, wyraźną zmianę, gdy rozpoczyna się wywołanie narzędzia i wyraźną stabilizację, gdy przebieg się zakończy. Przestrzegaj ustawienia zmniejszonego ruchu, zamieniając ruch na subtelną zmianę krycia. Asystenci głosowi często używają animowanej kuli z wyraźnie różnymi stanami bezczynności, słuchania, myślenia i mówienia.

Klucz Principles do zapamiętania

  • Projekt otrzymany, przemyślenie, wywołanie narzędzia, zatwierdzenie, przesyłanie strumieniowe, wykonanie, zatrzymanie i niepowodzenie jako odrębne stany
  • Nazwij bieżący krok prostym językiem; zwiń cały dziennik
  • Zachowaj widoczność przystanku przez cały bieg i potwierdź nieodwracalne działania
  • Po około 10 sekundach ludzie potrzebują informacji o postępie
  • Używaj spokojnego ruchu i przestrzegaj ustawień ograniczonego ruchu

Często zadawane pytania

Źródła

  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

Powiązane przewodniki i przykłady

Stany dla Twojego asystenta AI

Darmowe animowane kule ze stanami bezczynności, słuchania, myślenia i mówienia, przełączają kod. Otwórz jeden i zmień go.

Zobacz galerię kul AI
Wypróbuj za darmo