В статье описывается навигационная структура из 20 UX-паттернов, разделённых по уровням стабильности, фокуса, ясности и контроля. Подход предполагает использование чата как механизма обработки, а документа — как основной рабочей области.
Проблема интерфейсов на базе чата
В инструментах, где основным интерфейсом является диалог, рассуждения и решения сохраняются внутри истории переписки, а не в виде отдельных документов.
Если ИИ теряет контекст или отключается, работа останавливается. В традиционных инструментах сбои носят локальный характер — пользователь может продолжить редактирование. В чатах же при сбое система теряет доступ к результатам мышления и контексту задачи.
Уровни проектирования
Стабильность
Цель — сохранить прогресс при сбоях ИИ или завершении сессии.
- Постоянные артефакты: важные данные (заметки, спецификации) выносятся в отдельные документы или канвас вне чата.
- Контрольные точки: создание промежуточных итогов, чтобы можно было вернуться к ним.
- Иерархия резервных вариантов: наличие плана действий при отказе основной модели — например, переход на более простую модель или ручной ввод.
- Участие человека: проектирование этапов, требующих проверки пользователем перед подтверждением результата.
- Автономная работа: интерфейс остаётся активным для ручного редактирования, даже если сервер ИИ недоступен.
Фокус
Паттерны помогают пользователю сохранять ориентацию в длинных диалогах.
- Панель состояния сессии: отображение текущих целей и фильтров в боковой панели.
- Карта диалога: визуализация структуры переписки, веток и принятых решений.
- Скрытые слои: отображение предположений ИИ (цели, ограничения) с возможностью их правки.
- Семантическое масштабирование: переключение между детальным просмотром и кратким обзором всей ветки.
- Визуальные якоря: закрепление важных объектов (диаграмм, данных) в фиксированной части экрана.
Ясность
Понимание, как ИИ пришёл к результату, и насколько он в нём уверен.
- Индикаторы уверенности: визуальное отображение степени неопределённости ответа.
- Цитирование источников: ссылки на данные, на которых основан ответ.
- Объяснение логики: возможность запросить обоснование вывода.
- Предпросмотр промпта: отображение инструкций, передаваемых модели.
- Идентификация модели: указание, какая модель используется в данный момент.
Контроль
Предоставление способов управления процессом помимо текстового ввода.
- Смешанные модальности: использование кнопок, слайдеров и списков вместе с текстом.
- Редактируемые результаты: возможность напрямую изменять текст или код, созданный ИИ.
- Ручное переопределение: функция обхода автоматизации для выполнения задачи вручную.
- Переключение режимов: выбор между свободным чатом и структурированным редактированием.
- Контекстные ветки: изоляция подзадач в отдельные потоки, чтобы избежать смешивания данных.
Диагностика интерфейса
- Если есть контроль, но нет стабильности, данные будут теряться при обновлении страницы.
- Если есть стабильность, но нет фокуса, данные сохраняются, но их трудно найти.
- Если есть фокус, но нет ясности, система организована, но логика работы ИИ остаётся непонятной.
- Если есть ясность, но нет контроля, пользователь понимает ошибку ИИ, но не может быстро исправить её вручную.
Заключение
Эти паттерны можно внедрять выборочно. Они направлены на то, чтобы рабочие процессы оставались функциональными при нестабильной работе нейросетей или сбоях связи.
Цель дизайна — обеспечить сохранение контекста и возможность продолжения работы независимо от производительности модели.