В эпоху искусственного интеллекта ваша система дизайна перестает быть приятной и становится потолком того, как могут когда-либо выглядеть интерфейсы, созданные искусственным интеллектом. Надежная система — это усилитель силы для автоматизированного производства. Слабый — это предел качества, мимо которого вы не можете пройти.
Ходит заманчивая история о том, что ИИ делает системы проектирования неактуальными. Если модель может отображать любой интерфейс по требованию, зачем вообще поддерживать токены, компоненты и рекомендации. Честный ответ — противоположный. Чем больше элементов вашего интерфейса создается, тем больше ваша дизайн-система решает, как должно выглядеть хорошее. ИИ не изобретает качество. Он усиливает любую основу, которую вы ему даете.
Три смены, с которыми сталкивается каждая SaaS-команда
1. API — это новая поверхность продукта
Агенты ИИ не нажимают кнопки и не перемещаются по меню. Они вызывают API. Если ваши наиболее важные действия доступны только с помощью модального или многошагового мастера, агент не сможет их использовать и все чаще будет полностью обходить ваш продукт. Панель теперь чистая, полная, с хорошо документированными конечными точками для каждого значимого действия, которое может предпринять человек. Ваш API больше не является бэк-офисом, это входная дверь для растущей доли ваших пользователей.
2. Системы проектирования — это мультипликатор усилий, а не накладных расходов.
Когда ИИ собирает экраны по требованию, поддерживаемые вами компоненты, токены и шаблоны становятся словарем, на котором говорит модель. Строгая система с четкими именами, предсказуемыми интервалами и небольшим набором хорошо протестированных примитивов позволяет модели создавать интерфейсы, которые каждый раз кажутся целостными. Небрежный подход приводит к дрейфу, непоследовательности и медленному разрушению доверия. Одна и та же реакция на сильную и слабую системы дает заметно разные результаты.
3. Теперь вы разрабатываете дизайн для двух пользователей одновременно.
Теперь у каждого продукта есть две аудитории. Человек, которому нужны сигналы доверия, отмены, контрольные журналы и четкое представление о том, что происходит от его имени. Агент, которому нужны структурированные данные, стабильные идентификаторы, идемпотентные конечные точки и машиночитаемые сообщения об ошибках. Один и тот же рабочий процесс часто требует одновременного использования обеих поверхностей: экрана подтверждения для человека и ответа JSON для агента. Относиться к ним как к равным первоклассным пользователям с первого дня — это новое правило по умолчанию.
Почему сильная дизайн-система — это самая выгодная инвестиция
Представьте себе две команды, создающие конкурирующие продукты. Оба используют одну и ту же модель для создания частей интерфейса. Команда А провела последний год, укрепляя свою систему проектирования: документированные токены, доступные компоненты, четкие состояния, письменные рекомендации по размещению и плотности. Команда Б быстро выпустила товар и накопила десятки уникальных стилей. Передайте одно и то же приглашение обоим. Команда А получает безупречный и последовательный экран, которому пользователь сразу же доверяет. Команда Б получает что-то, что на первый взгляд выглядит правдоподобно, и чем дольше вы этим пользуетесь, тем неприятнее становится. Модель та же самая. Потолка нет.
- Токены, обозначающие цвет, расстояние, радиус и движение на простом английском языке.
- Небольшой набор примитивов, которые обрабатывают 80 процентов макетов: карточка, список, таблица, форма, диалог.
- Документированные состояния для пустых, загружаемых, ошибочных, успешных и частичных данных.
- Специальные возможности встроены, а не прикручены, поэтому сгенерированные экраны никогда не поставляются с недоступными настройками по умолчанию.
- Краткое письменное голосовое и тональное руководство, благодаря которому созданный текст останется в вашем бренде.
Что это значит для дизайнеров
Работа пикселей уменьшается. Работа суждения растет. Когда модель может визуализировать сносный экран за считанные секунды, самое ценное, что делает дизайнер, — это решает, что следует и не следует генерировать, что требует участия человека в цикле и что базовая система должна упростить по умолчанию. Рвом становятся вкус, сдержанность и глубокое понимание ментальной модели пользователя. Задача дизайнера — сделать сложные задачи очевидными, а затем закодировать эту очевидность в системе, которую использует модель.
Клавиатура освободила нас от пишущей машинки, плуг – от лопаты. ИИ освобождает нас от необходимости строить экраны. Нам еще принадлежит то, что нужно построить и почему это важно.
— перефразировано из оригинального выступления
Часто задаваемые вопросы
Делает ли ИИ дизайн-системы ненужными?
Нет. Это делает их более важными. Модель не изобретает качество, она усиливает любую основу, которую вы ей даете. Надежная система проектирования теперь является пределом того, как могут выглядеть ваши интерфейсы, созданные искусственным интеллектом.
С чего небольшой команде следует начать разработку дизайн-системы?
Выберите пять токенов, пять компонентов и пять документированных состояний и используйте их повсюду. Небольшая система, которой действительно следуют, лучше разросшейся системы, которой никто не доверяет. Развивайте его только тогда, когда вас подталкивает реальная потребность в продукте.
Как на практике выглядит продукт, ориентированный на API?
Каждое действие, которое пользователь может предпринять в пользовательском интерфейсе, также доступно через документированную конечную точку со стабильными идентификаторами, предсказуемыми ошибками и идемпотентным поведением. Пользовательский интерфейс становится одним из нескольких клиентов, а не единственным путем к продукту.
Дизайн как карьера уходит?
Противоположное. Часть, связанная с перемещением пикселей, сокращается, но рассудительность, вкус, системное мышление и сочувствие к пользователю становятся наиболее важными навыками при создании программного обеспечения. Дизайнеры, владеющие системой, из которой собирается модель, будут более ценными, а не менее ценными.