Smashing Magazine: Пять паттернов для отображения действий AI-агентов

Майский материал Виктора Йокко на Smashing Magazine (2026) переходит от выявления моментов, когда нужна прозрачность, к наполнению этих моментов конкретными UI-паттернами. Исходная посылка проста: когда во время сложной задачи, выполняемой AI-агентом, появляется обычный спиннер, пользователь не может понять, застряла ли система, работает ли в штатном режиме или справляется с чем-то неожиданно сложным. Эффективные агентные интерфейсы заменяют неопределённость конкретикой.

В статье представлено пять паттернов — каждый соответствует определённому уровню риска и требуемой видимости.

Living Breadcrumb подходит для фоновых задач с низкими ставками. Он отображается как ненавязчивый индикатор статуса, постепенно обновляющийся — от «Читаю письмо» до «Составляю ответ» — не требуя внимания пользователя. Он сигнализирует о прогрессе без отвлечения.

Dynamic Checklist предназначен для рабочих процессов с высокими ставками. Он показывает выполненные шаги, текущий этап и то, что ещё предстоит сделать. В отличие от прогресс-бара, он показывает именно ту точку, в которой находится агент, что позволяет раньше заметить проблему и снижает тревогу от наблюдения за непрозрачным таймером.

Thinking Toggle предоставляет опытным пользователям доступ к упрощённым журналам обработки по требованию. Этот паттерн делает глубокую прозрачность доступной, не навязывая её тем, кому она не нужна.

Audit Trail — постоянная запись последовательности решений агента. После завершения задачи пользователь может просмотреть, что именно сделал агент и почему. Это особенно важно в областях, где подотчётность важна и после завершения взаимодействия: юридическая работа, финансовые решения, медицинская сортировка.

Partial Success Design обрабатывает случаи, когда агент выполняет одни части задачи, но не другие. Вместо бинарного сообщения об успехе или неудаче этот паттерн сообщает, какие шаги удались, а какие нет, давая пользователю чёткое представление о том, что требует дальнейших действий.

Все пять паттернов объединяет то, что Йокко называет «формулой агентного обновления»: глагол действия, конкретный объект и соответствующие ограничения или правила. Разница между «Загрузка…» и «Просматриваю цены Lufthansa и United в поисках билетов до 600 долларов» наглядно демонстрирует принцип: второй вариант сообщает пользователю, над чем работает агент, что именно он с этим делает и какое ограничение учитывает.

В статье Perplexity AI и Devin AI приводятся как примеры успешно реализованных паттернов, а непрозрачная система памяти ChatGPT — как предостерегающий случай отложенной прозрачности.

Отдельное замечание касается тона. В ситуациях с низкими ставками дружелюбный разговорный стиль снижает трение. В ситуациях с высокими ставками более нейтральный и точный стиль сигнализирует о надёжности. Тон для отмены встречи отличается от тона для выполнения финансовой транзакции — и дизайнеры должны намеренно учитывать эту разницу.

В паре с первой частью серии — посвящённой аудиту узлов решений для выявления нужных моментов прозрачности — этот материал даёт дизайнерам полный инструментарий: и для вопроса «когда», и для вопроса «что показывать».