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 хвилин читання·Updated жовтень 2026 р·Команда ExodeUI

Стани інтерфейсу користувача Agentic: як показати мислення ШІ, виклики інструментів і прогрес

Як спроектувати стани запуску агента штучного інтелекту: отримано, обдумування, виклики інструментів, потокове передавання, виконано, зупинено та не вдалося. Шаблони, терміни та приклади.

Пряме резюме та визначення

Основний винос

Запуск агента вимагає більше станів, ніж звичайний запит: отримано, обдумування, кожен виклик інструменту, потокова передача відповіді, виконано, зупинено та не вдалося. Покажіть кожного по-різному, назвіть крок, на якому перебуває агент, дозвольте людям зупинити запуск у будь-який момент і завершіть коротким підсумком того, що було зроблено. Зберігати низькорівневі деталі доступними, але згорнутими.

Навіщо агентам потрібні власні штати

Класичний запит має два видимих ​​стани: завантаження та виконання. Запуск агента штучного інтелекту відрізняється. Це може зайняти секунди або хвилини, він проходить кілька кроків, таких як пошук, читання файлів або виклик API, і може виконувати дії з наслідками. Дослідження часу відгуку від Nielsen Norman Group все ще застосовуються: приблизно 0,1 секунди здається миттєвим, приблизно 1 секунда підтримує потік думок, а приблизно через 10 секунд людям потрібен зворотній зв’язок про те, що відбувається, і приблизно скільки часу це займе. Більшість агентів працює в цій останній групі.

Діаграма роботи агента, що переходить від прийому до обдумування, виклик інструмента, потокове передавання та готове, із зупинкою та повторною спробою на кожному кроці
Стани запуску агента. Кожна з них має виглядати по-різному, а зупинка має бути доступною всюди.

Штати для проектування

Створіть кожну з них як окрему державу з власним зовнішнім виглядом і словами, а не як одну пряму:

  • Отримано: підтвердьте запит миттєво (до 0,1 с), наприклад, показавши повідомлення в ланцюжку.
  • Мислення: спокійний індикатор біля місця, де з'явиться відповідь. Уникайте фальшивих відсотків прогресу.
  • Виклик інструменту: назвіть крок простими словами («Пошук у документах», «Читання 3 файлів») із кількістю, якщо ви її знаєте.
  • Очікування схвалення: чітка пауза, коли агенту потрібен дозвіл перед діями.
  • Потокове передавання: показувати результат, щойно він надходить; зупиніть індикатор мислення, щойно почнеться текст.
  • Готово: короткий опис того, що змінилося, зі скасуванням, де це можливо.
  • Зупинено та не вдалося: скажіть, що сталося, що збережено та як повторити спробу.

Покажіть план, а не необроблений журнал

Довгі журнали викликів інструментів корисні для налагодження, але для більшості користувачів це надто важко. Хорошим за умовчанням є однорядковий статус для поточного кроку, а також згорнутий список виконаних кроків, який користувачі можуть розширити. Розробники та досвідчені користувачі можуть відкрити деталь; всі інші бачать прогрес простою мовою. Такі протоколи, як AG-UI, відкритий стандарт на основі подій для підключення агентів до користувальницьких додатків, частково існують, щоб інтерфейси могли отримувати ці крокові події узгодженим способом.

Контроль і довіра

Люди більше довіряють агентам, коли вони контролюють ситуацію. Тримайте кнопку зупинки видимою протягом усього циклу. Запитуйте підтвердження перед незворотними діями, такими як надсилання, оплата чи видалення, і покажіть, що саме станеться. Після запуску спростіть скасування, редагування або повторення одного кроку замість того, щоб починати спочатку.

Рух для агентських станів

Рух є сильним сигналом про те, що "щось відбувається", але цикли втомлюються під час довгих пробігів. Використовуйте м’яку петлю з низьким контрастом для мислення, чітку зміну, коли починається виклик інструменту, і чітке встановлення, коли цикл закінчується. Дотримуйтеся параметра зменшення руху, змінивши рух на тонку зміну непрозорості. Голосові помічники часто використовують анімовану кулю з чітко різними станами очікування, прослуховування, мислення та розмови.

Ключі Principle, які слід запам’ятати

  • Проект отримано, обдумування, виклик інструмента, схвалення, потокове передавання, виконано, зупинено та не вдалося як окремі стани
  • Назвіть поточний крок доступною мовою; згорнути весь журнал
  • Тримайте зупинку видимою протягом усього циклу та підтверджуйте незворотні дії
  • Приблизно через 10 секунд людям потрібна інформація про прогрес
  • Використовуйте спокійні рухи та дотримуйтеся налаштувань зменшення руху

Часті запитання

Джерела

  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

Відповідні посібники та приклади

Штати для вашого помічника ШІ

Безкоштовні анімовані кулі з станами бездіяльності, прослуховування, мислення та мовлення, які змінюють ваш код. Відкрийте один і змініть його.

Перегляньте галерею AI orb
Спробуйте безкоштовно