ChatGPT теперь отвечает работающим интерфейсом

На прошлой неделе OpenAI представили несколько новых фичей ChatGPT, одна из них заинтересовала меня больше остальных. Это Intelligent UI.

Теперь в ответе он может отдавать кнопки, поля ввода, слайдеры и другой UI, а также интерактивные графики и схемы, с которыми можно работать прямо в окне чата. Сравнение чего-либо может превратиться в таблицу с настройками и фильтрами, объяснение – в модель с изменяемыми параметрами. Формат ответа системой подбирается самостоятельно вместе с его содержанием.

 

 

Один из предложенных OpenAI сценариев, при котором можно с большей вероятностью получить такой ответ – это объяснение сложных тем. Его я и решил протестировать в первую очередь. Заданная мною тема была про связь кегля, ширины колонки и интерлиньяжа. В запросе я сразу попросил интерактивный образец с тремя изменяемыми параметрами и неизменным вариантом рядом для сравнения.

ChatGPT собрал два образца одного абзаца и три управляющих слайдера. В одном образце можно было менять параметры и сразу видеть, как меняется текст, второй оставался неизменным для сравнения. Ползунки действительно влияли на размер букв, переносы и расстояние между строками. В продолжении разговора ChatGPT показал два образца с разными гарнитурами, объясняя, почему одна и та же ширина колонки не гарантирует одинакового количества знаков в строке. Так внутри объяснения появился небольшой инструмент, с помощью которого можно было разбираться в теме более наглядно.

 

Интерактивный пример с типографикой
Интерактивный пример с типографикой

Ещё для двух экспериментов я выбрал визуальную иерархию и разницу между геометрическим и оптическим выравниванием.

 

У вопроса может быть свой интерфейс

Возможность получить от AI работающий прототип существовала и раньше. В самом ChatGPT для этого уже был инструмент Canvas, но это была отдельная вкладка. Теперь же взаимодействие с ответом переезжает в окно чата.

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

Меня в этом радует сокращение пути от словесного объяснения к наглядному ответу. Часто после ответа ещё нужно найти подходящий инструмент, перенести данные, попробовать разные значения. Intelligent UI позволяет собрать нужную часть этой работы прямо во время диалога, и человек сможет продолжить разбираться в вопросе там же, где его задал.

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

Ответ может содержать собственный инструмент для работы с вопросом.

 

Интерактивный пример с визуальной иерархией
Интерактивный пример с визуальной иерархией

 

Кастомный UX под задачу

Концепцией Generative UI я заразился ещё в 2024 году после немного утопической, но вдохновляющей статьи Якоба Нильсена о крахе доступности интерфейса. Тогда меня особенно привлекла возможность собирать интерфейс не только под конкретного пользователя, но и под его конкретную потребность. Хотя до привычной продуктовой реализации тогда было очень далеко.

Поклонники научной фантастики вспомнят разумных роботов Азимова из «Я, робот» и почти неотличимых от людей андроидов Дика из «Мечтают ли андроиды об электроовцах?». А в «Последнем вопросе» Азимова, опубликованном ещё в 1956 году, человек мог обратиться к удалённому компьютеру через небольшой персональный терминал и услышать ответ. Прошли десятилетия, прежде чем такой разговор с машиной стал привычной частью нашей жизни.

 

 

Мы привыкли заранее придумывать сценарии, рисовать экраны и распределять по ним возможности продукта. Тогда же, 2,5 года назад, очень сильно захотелось представить будущее, в котором сам продукт участвует в выборе подходящей формы для решения задач человека.

В статье о Generative UI я разбирал эту идею на карточке товара. Человеку, который сравнивает характеристики, нужны подробности и удобное сопоставление. Тому, кто выбирает через внешний вид, полезнее крупные фотографии и примеры использования. Данные о товаре одни и те же, но можно иначе выстроить путь к принятию решения о покупке, изменив набор и порядок блоков.

Intelligent UI делает близкую вещь в масштабе отдельного ответа. Задача возникает в разговоре, и под неё собирается рабочая область. Ей не обязательно становиться отдельным приложением с названием, меню и собственной сущностью. Она может понадобиться на несколько минут, пока человек разбирается с конкретным вопросом. Здесь мне особенно нравится соразмерность. Небольшая потребность получает небольшой, подходящий именно ей интерфейс.

 

Интерактивный пример с оптическим выравниванием
Интерактивный пример с оптическим выравниванием

 

Даже у одного и того же человека от вопроса к вопросу меняется то, что ему нужно. В Intelligent UI потребность, выраженная в разговоре, влияет на сам способ взаимодействия с продуктом. Глубокая индивидуализация с учётом особенностей восприятия и опыта конкретного человека остаётся более широкой идеей. Но уже возможность получить интерфейс под текущую задачу для меня многое меняет в привычном чате.

Свой интерфейс может появиться даже у задачи на несколько минут.

 

Как собирается такой интерфейс

У OpenAI есть библиотека компонентов, а у модели – возможность выбирать, как соединить их в ответ. Это позволяет сочетать разнообразие интерфейсов со знакомыми элементами продукта. Модели не приходится каждый раз изобретать внешний вид кнопки, чтобы предложить новый способ работы с вопросом.

 

Как вопрос становится интерфейсом
Как вопрос становится интерфейсом

 

Похожий принцип работает и в протоколе A2UI, о котором я писал в статье «A2UI – у Generative UI появился общий язык». Это открытый проект Google. Агент передаёт приложению описание нужных элементов, данные и доступные действия. Приложение собирает интерфейс из собственных компонентов и может передавать действия человека обратно агенту. Один и тот же замысел можно воплотить в разных продуктах, сохранив их привычный внешний вид и поведение.

Это сходство подхода, а не свидетельство общей технологии. В анонсе OpenAI использование A2UI не указано. У A2UI своя роль – дать агентам и приложениям общий язык. Intelligent UI показывает, что получает человек, когда похожая идея становится частью повседневного продукта. Для меня эти события складываются в довольно последовательное развитие интерфейсов и процессов, которые можно сгенерировать при помощи AI.

 

Приятно увидеть это в работе

И да, этот запуск для меня ещё и личная радость. Приятно узнавать в работающем продукте идею, в которую поверил несколько лет назад. У неё появились знакомые элементы управления, понятные действия и место в обычном диалоговом интерфейсе. То, что приходилось объяснять через концепции, обернутые в статичные конструкты, теперь можно просто показать.

Я по-прежнему жду большего от Generative UI. Хочется увидеть, насколько гибко и точно интерфейсы смогут подстраиваться под человека и сколько привычных действий получится сделать проще.

7 октября 2026 года будущего неопределенного времени в разговоре о Generative UI стало немного меньше.

 


Больше материалов ищите на моём канале о Немного Другом Дизайне с AI @someotherdesign

Комментарии

Индекс популярности

Как считается индекс