UX и UI дизайн смещается к GenUI: экран под запрос человека собирает нейросеть

Речь о генеративном интерфейсе (Generative UI, GenUI). В нём ИИ-агент, то есть программа на основе нейросети, которая сама выполняет задачу по шагам, отвечает не только текстом. Он присылает ещё таблицу, график, карту или карточку с кнопкой. Автор колонки о дизайне интерфейсов, которую мы адаптировали, подчёркивает: экран, который пересобирается под пользователя, сам по себе не новость. Новое в другом: откуда стартует сценарий и что именно проектирует дизайнер.

Что нового в GenUI?

Сначала две расшифровки. UX, это опыт пользователя: насколько легко и спокойно человеку пользоваться сервисом. UI, это сам интерфейс: экраны, кнопки, поля. Ux ui дизайн отвечает за то и другое сразу.

• Вход через ситуацию. Человек пишет своими словами, что у него происходит, и не ищет нужный раздел каталога.
• Ответ из готовых деталей интерфейса. Вместе с текстом приходят таблица, график, карточка с действием или карта.
• Новая работа дизайнера. Он пишет правила, по которым нейросеть собирает экраны.
• Три принципа человекоцентричности: контекстуальность, снижение когнитивной нагрузки (меньше того, что нужно держать в голове) и этичность взаимодействия.

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

Маркетплейс за четыре шага превращается в консьержа

Типичная точка оттока в интернет-торговле, по словам автора, это тупик на входе. Задача у человека есть, а названия товара нет. Сотни карточек и тридцать фильтров вызывают паралич выбора, и человек уходит.

Пример запроса: «нужна штука, чтобы отучить ребёнка от подгузников». Дальше сценарий проходит четыре шага.

1. Снятие неопределённости. Экран уточняет: ребёнку около двух лет? И подсказывает, что искомое называется «тренировочные трусики».
2. Сужение выбора. Вместо фильтров показаны четыре маршрута: трусики, горшок, «набор для перехода» и наклейки-поощрения.
3. Диалог вместо форм. На реплику «ребёнок боится горшка» горшок пропадает из выдачи, появляется накладка на унитаз со ступенькой, а вперёд выходят трусики с мультгероями.
4. Обычное завершение. На карточках стоит привычная кнопка «В корзину», размер подбирается по весу ребёнка, оплата проходит по стандартной схеме.

Госуслуги могли бы собирать план вместо каталога

Сегодня портал устроен как список ведомственных услуг. Разделы «жизненных ситуаций» есть, но их вручную сделали под несколько десятков частых случаев. Не нашёл свою ситуацию, тогда либо разбирайся в пяти услугах сам, либо иди в МФЦ (многофункциональный центр), где сотрудник разложит всё по шагам.

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

Как попробовать подход на своих текстах?

1. Откройте любую чат-нейросеть, которой пользуетесь.
2. Напишите промпт (запрос к нейросети) как описание ситуации, без терминов: что случилось и что вы хотите получить.
3. Попросите ответ в виде таблицы или списка вариантов.
4. Проверьте, какие догадки о вас сделала нейросеть, и поправьте неверные.

Можно ли опробовать подход без зарубежных сервисов?

Российские нейросети источник не упоминает и ни с чем их не сравнивает. Для упражнения выше подойдут доступные в РФ YandexGPT и GigaChat: задача в том, чтобы потренироваться описывать ситуацию, а не нажимать кнопки.

Что делать с этим прямо сейчас, по ролям

Автору Дзена: пишите заголовки и вступления от ситуации читателя («бабушка живёт у вас без регистрации»), а не от названия услуги или товара.

Маркетологу: проверьте воронку на «тупик на входе», то есть место, где человек не знает, как называется то, что ему нужно.

Предпринимателю: опишите 5 самых частых ситуаций клиентов их словами. Это заготовка для будущего ассистента и для текстов сайта уже сегодня.

Что чаще всего спрашивают про человекоцентричный дизайн?

Это то же самое, что адаптивная вёрстка?

Нет. Автор пишет, что персональные ленты и адаптивную вёрстку делают давно, но человеку всё равно приходится учить язык системы. Здесь язык учит система.

Чем опасен «понимающий» интерфейс?

Неверной догадкой о вашей жизни. Поэтому, по словам автора, консьерж обязан ошибаться осторожнее, чем фильтр.

Что искать, выбирая ux ui дизайн курсы?

Ищите программы, где учат проектировать правила и сценарии, а не только рисовать экраны: по логике разбора, именно правило становится единицей работы дизайнера. Курс, который учит только раскладывать кнопки, готовит к профессии, которая уже меняется.