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 →
LanguageРусский
ИИ и UX8 минут чтения·Updated октябрь 2026 г.·Команда ExodeUI

Состояния агентного пользовательского интерфейса: как показать мышление ИИ, вызовы инструментов и прогресс

Как спроектировать состояния работы агента ИИ: получено, обдумано, вызовы инструментов, потоковая передача, выполнено, остановлено и не выполнено. Закономерности, сроки и примеры.

Кратко и определение

Главное

Для запуска агента требуется больше состояний, чем для обычного запроса: получено, обдумано, каждый вызов инструмента, потоковая передача ответа, выполнено, остановлено и не выполнено. Покажите каждый из них по-разному, назовите шаг, на котором находится агент, позвольте людям остановить выполнение в любой момент и закончите кратким описанием того, что было сделано. Сохраняйте низкоуровневые детали доступными, но свернутыми.

Почему для работы агентов нужны собственные состояния

Классический запрос имеет два видимых состояния: загрузка и выполнение. Запуск агента ИИ отличается. Это может занять секунды или минуты, оно проходит через несколько этапов, таких как поиск, чтение файлов или вызов API, и может выполнять действия с последствиями. Исследование времени отклика Nielsen Norman Group все еще актуально: около 0,1 секунды кажется мгновенным, около 1 секунды сохраняет поток мыслей, а примерно через 10 секунд людям нужна обратная связь о том, что происходит и примерно сколько времени это займет. Большинство агентов принадлежат к этой последней группе.

Схема перехода агента от получения к обдумыванию, вызову инструмента, потоковой передаче и выполнению, с остановкой и повторной попыткой, доступной на каждом этапе
Состояния агента выполняются. Каждый из них должен выглядеть по-разному, и остановка должна быть доступна повсюду.

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

Создайте каждое из них как отдельное состояние со своим внешним видом и словами, а не как один счетчик:

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

Показывайте план, а не необработанный журнал

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

Контроль и доверие

Люди больше доверяют агентам, когда они сохраняют контроль. Держите кнопку остановки на видном месте в течение всего пробега. Попросите подтверждение перед необратимыми действиями, такими как отправка, оплата или удаление, и покажите, что именно произойдет. После выполнения упростите отмену, редактирование или повторение одного шага вместо того, чтобы начинать заново.

Предложение для штатов агентов

Движение — сильный сигнал о том, что «что-то происходит», но при длительной работе циклы утомляются. Используйте плавный, малоконтрастный цикл для размышления, четкое изменение при запуске инструмента и четкое урегулирование после завершения прогона. Соблюдайте настройку уменьшения движения, заменяя движение тонким изменением непрозрачности. Голосовые помощники часто используют анимированный шар с четко разными состояниями ожидания, слушания, мышления и речи.

Ключевые принципы

  • Получение проекта, обдумывание, вызов инструмента, утверждение, потоковая передача, выполнение, остановка и сбой как отдельные состояния.
  • Назовите текущий шаг простым языком; свернуть весь журнал
  • Держите остановку видимой на протяжении всего пробега и подтверждайте необратимые действия.
  • Примерно через 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 ВАИ

Связанные руководства и примеры

Штаты для вашего ИИ-помощника

Бесплатные анимированные сферы с состояниями бездействия, слушания, мышления и разговора, которые переключают ваш код. Откройте один и измените его.

Посмотреть галерею сфер ИИ
Попробовать бесплатно