Стани інтерфейсу користувача Agentic: як показати мислення ШІ, виклики інструментів і прогрес
Як спроектувати стани запуску агента штучного інтелекту: отримано, обдумування, виклики інструментів, потокове передавання, виконано, зупинено та не вдалося. Шаблони, терміни та приклади.
Основний винос
Запуск агента вимагає більше станів, ніж звичайний запит: отримано, обдумування, кожен виклик інструменту, потокова передача відповіді, виконано, зупинено та не вдалося. Покажіть кожного по-різному, назвіть крок, на якому перебуває агент, дозвольте людям зупинити запуск у будь-який момент і завершіть коротким підсумком того, що було зроблено. Зберігати низькорівневі деталі доступними, але згорнутими.
Навіщо агентам потрібні власні штати
Класичний запит має два видимих стани: завантаження та виконання. Запуск агента штучного інтелекту відрізняється. Це може зайняти секунди або хвилини, він проходить кілька кроків, таких як пошук, читання файлів або виклик API, і може виконувати дії з наслідками. Дослідження часу відгуку від Nielsen Norman Group все ще застосовуються: приблизно 0,1 секунди здається миттєвим, приблизно 1 секунда підтримує потік думок, а приблизно через 10 секунд людям потрібен зворотній зв’язок про те, що відбувається, і приблизно скільки часу це займе. Більшість агентів працює в цій останній групі.
Штати для проектування
Створіть кожну з них як окрему державу з власним зовнішнім виглядом і словами, а не як одну пряму:
- Отримано: підтвердьте запит миттєво (до 0,1 с), наприклад, показавши повідомлення в ланцюжку.
- Мислення: спокійний індикатор біля місця, де з'явиться відповідь. Уникайте фальшивих відсотків прогресу.
- Виклик інструменту: назвіть крок простими словами («Пошук у документах», «Читання 3 файлів») із кількістю, якщо ви її знаєте.
- Очікування схвалення: чітка пауза, коли агенту потрібен дозвіл перед діями.
- Потокове передавання: показувати результат, щойно він надходить; зупиніть індикатор мислення, щойно почнеться текст.
- Готово: короткий опис того, що змінилося, зі скасуванням, де це можливо.
- Зупинено та не вдалося: скажіть, що сталося, що збережено та як повторити спробу.
Покажіть план, а не необроблений журнал
Довгі журнали викликів інструментів корисні для налагодження, але для більшості користувачів це надто важко. Хорошим за умовчанням є однорядковий статус для поточного кроку, а також згорнутий список виконаних кроків, який користувачі можуть розширити. Розробники та досвідчені користувачі можуть відкрити деталь; всі інші бачать прогрес простою мовою. Такі протоколи, як AG-UI, відкритий стандарт на основі подій для підключення агентів до користувальницьких додатків, частково існують, щоб інтерфейси могли отримувати ці крокові події узгодженим способом.
Контроль і довіра
Люди більше довіряють агентам, коли вони контролюють ситуацію. Тримайте кнопку зупинки видимою протягом усього циклу. Запитуйте підтвердження перед незворотними діями, такими як надсилання, оплата чи видалення, і покажіть, що саме станеться. Після запуску спростіть скасування, редагування або повторення одного кроку замість того, щоб починати спочатку.
Рух для агентських станів
Рух є сильним сигналом про те, що "щось відбувається", але цикли втомлюються під час довгих пробігів. Використовуйте м’яку петлю з низьким контрастом для мислення, чітку зміну, коли починається виклик інструменту, і чітке встановлення, коли цикл закінчується. Дотримуйтеся параметра зменшення руху, змінивши рух на тонку зміну непрозорості. Голосові помічники часто використовують анімовану кулю з чітко різними станами очікування, прослуховування, мислення та розмови.
Ключі Principle, які слід запам’ятати
- Проект отримано, обдумування, виклик інструмента, схвалення, потокове передавання, виконано, зупинено та не вдалося як окремі стани
- Назвіть поточний крок доступною мовою; згорнути весь журнал
- Тримайте зупинку видимою протягом усього циклу та підтверджуйте незворотні дії
- Приблизно через 10 секунд людям потрібна інформація про прогрес
- Використовуйте спокійні рухи та дотримуйтеся налаштувань зменшення руху
Часті запитання
Джерела
- Response Times: The 3 Important Limits — Nielsen Norman Group
- Progress Indicators Make a Slow System Less Insufferable — Nielsen Norman Group
- AG-UI Overview: Agent User Interaction Protocol — AG-UI
- Understanding SC 2.3.3: Animation from Interactions — W3C WAI