Перевод подготовил автор канала Друг Опенсурса, приятного прочтения, заранее благодарю за подписку
В статье описывается навигационная структура из 20 UX-паттернов, разделенных на уровень стабильности, фокуса, ясности и контроля. Подход предполагает использование чата как механизма обработки, а документа как основной рабочей области.
Проблема интерфейсов на базе чата
В инструментах, где основным интерфейсом является диалог, рассуждения и решения сохраняются внутри истории переписки, а не в виде отдельных документов. Из за этого если ИИ теряет контекст или отключается, работа останавливается. В обычных инструментах сбои носят локальный характер, позволяя продолжать редактирование. В чатах при сбое системы пользователь теряет доступ к результатам мышления и контексту задачи.

Уровни проектирования

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

Заключение
Эти паттерны можно внедрять выборочно. Они направлены на то, чтобы рабочие процессы оставались функциональными при нестабильной работе нейросетей или сбоях связи. Цель дизайна в данном случае – обеспечить сохранение контекста и возможности продолжения работы независимо от производительности модели.
Автор: Qwertcoser


