UX для AI-чатов: как маленькая кнопка решает большую проблему скролла

AI-чаты породили новый класс UX-проблем: ответ генерируется постепенно, страница двигается, пользователь читает середину, а новый текст сдвигает контекст. Обычная кнопка «наверх» ведёт к шапке сайта, а не к началу ответа. В итоге приходится ловить нужный абзац вручную.

Решение может быть очень простым: кнопка, которая переносит к началу последнего ответа ассистента. Но за этой мелочью стоит важный принцип — интерфейс AI-продукта должен учитывать потоковую генерацию, а не только статичный текст.

Почему старые паттерны не работают

Классический чат строился вокруг коротких сообщений. LLM-ответ может быть на несколько экранов, содержать код, таблицы и длинные рассуждения. Пока ответ растёт, scroll position становится нестабильным.

Проблемы:

• потеря начала ответа;
• случайный auto-scroll вниз;
• сложно вернуться к конкретной части;
• навигация по истории перегружена;
• mobile UX становится хуже.

Userscript как быстрый прототип

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

Для production-интерфейса эту идею можно развить:

• якоря у каждого ответа;
• кнопка «к началу/концу ответа»;
• мини-оглавление для длинного ответа;
• сохранение позиции чтения;
• отключаемый auto-scroll;
• быстрый переход к коду или таблицам.

Важность стабильной прокрутки

Если пользователь читает текст, интерфейс не должен вырывать его вниз. Хорошая логика auto-scroll учитывает состояние: если пользователь сам ушёл выше, новые токены не должны менять позицию. Если он находится внизу, можно продолжать прокручивать.

Это маленькая деталь, но она сильно влияет на ощущение качества AI-продукта.

Итог

AI-интерфейсы требуют новых навигационных паттернов. Длинные потоковые ответы нельзя обслуживать теми же кнопками, что обычные страницы и старые чаты.

Кнопка «к началу ответа» — простой пример того, как микрофича исправляет ежедневную боль. Чем длиннее и умнее ответы модели, тем важнее становится UX вокруг чтения, возврата и ориентации в контексте.