
Главное
• 2024 год стал тем годом, когда UI/UX из ремесла превратилось в ремесло, рождённое вместе с ИИ. Figma AI, Samsung One UI 7, V0 от Vercel, Cursor и Lovable, Apple Intelligence, Galaxy AI — продуктовые команды теперь ожидают, что ИИ сам нарисует прототип, перепишет код и адаптирует интерфейс под конкретного пользователя. Те, кто проигнорировал эту волну, потеряли месяцы в релизных циклах.
• Проигравшие в 2024 году — это редизайны без понимания задач пользователя. Apple Photos, Spotify, Sonos и Nike выпустили обновления интерфейсов, из-за которых потеряли пользователей, выручку или и то, и другое. Общая причина: изменения ради красоты или ради роста метрик в A/B-тестах, а не ради решения главных задач, которые стоят перед пользователями.
• Закрытие InVision в 2024 году положило конец эпохе прототипирования 2010-х. Теперь стандарт — Figma. Adobe XD фактически заморожен. Sketch остался в узкой нише небольших команд на Mac. Penpot становится заметной open-source-альтернативой. Если в 2026 году вы всё ещё работаете в InVision — вы работаете в музее.
• Новые роли в дизайне — не выдумка. AI Interaction Designer, Prompt Designer, Design Engineer, Service Designer и Spatial Designer перестали быть просто пунктами в LinkedIn — это реальные позиции в штатном расписании серьёзных продуктовых команд с бюджетом. Разделение на «дизайнера» и «инженера дизайна» — самое значимое кадровое изменение года.
• Эта статья — взгляд senior-продакта и senior-инженера, а не просто подборка идей с Pinterest. Ниже: что реально вышло в 2024, что построили в 2025–26, что ещё впереди и что с этим делать, если вы прямо сейчас оцениваете объём работ по продукту.
Зачем Фора Софт написала этот обзор UI/UX
Фора Софт выпускает программные продукты почти два десятилетия, и дизайн всегда был важной частью каждого проекта. У нас нет отдельной «дизайн-студии», которая передаёт макеты инженерам через стену. Дизайнеры, продакт-менеджеры и разработчики работают в одной команде и отвечают за общий результат — только так можно вовремя выпустить интерфейс, основанный на ИИ.
Эта статья — внутренний плейбук, по которому мы вводим в курс новых продакт-оунеров: что изменилось в UI/UX в 2024 году и как это повлияло на 2025–2026. Она предназначена для CTO, продуктовых директоров и основателей, которые решают, что развивать, что закрывать и кого нанимать в дизайн и инженерию. Мы разберём успехи, громкие провалы, изменения на уровне платформ и практические коммерческие последствия для всех, кто оценивает разработку ПО на заказ.
Наша команда использует инженерные процессы с поддержкой ИИ-агентов — собственные пайплайны на основе Claude и Cursor — чтобы автоматизировать рутинные задачи в любом продукте: дизайн-системы, библиотеки компонентов, пустые состояния, типовые сценарии. Это позволяет сосредоточиться на действительно важном: на ИИ-возможностях, на рабочем процессе, за который платит клиент, и на деталях, которые превращают «работает» в «нравится». Поэтому наши оценки на 2026 год значительно ниже типичных индустриальных значений 2024–2025 годов.
Нужен взгляд со стороны на UI/UX в вашем роадмапе?
Принесите продукт, результаты пользовательских исследований и бриф на редизайн. За 30 минут мы скажем, за какими трендами стоит гнаться, какие пропустить и куда в первую очередь внедрить ИИ-возможности.
Конец эпохи InVision и консолидация платформ
InVision закрылся 31 декабря 2024 года — к этому моменту он давно перестал быть стандартом для прототипирования. Figma его уже вытеснила, и в течение 2025 года консолидация рынка пошла гораздо дальше.
Figma — новый субстрат дизайна. Figma Make и Figma Sites превратили холст в полноценную платформу, с которой можно сразу запускать продукт. Добавьте к этому Figma AI для сборки компонентов и Figma Slides для документации дизайн-системы — и большинство команд B2B-стартапов теперь доводят прототипы до уровня продакшена прямо в Figma. Заблокированная в 2023 году сделка с Adobe стала тем самым моментом, когда Figma перестала быть просто инструментом и превратилась в полноценную платформу.
Adobe XD больше не развивается. Adobe прекратила активную разработку; пользователи XD в основном перешли на Figma или Adobe Express для создания маркетинговых страниц. Sketch остался в нише независимых дизайнеров на Mac. Penpot — убедительная open-source-альтернатива для команд, которым нужен self-hosting.
Стек хэндоффа изменился. Zeplin и Avocode потеряли популярность, потому что Figma Dev Mode и экосистема экспорта design-токенов теперь покрывают большую часть их функций. Storybook по-прежнему остаётся связующим звеном с разработкой. Под ним появился новый слой — V0 от Vercel, Cursor, Lovable и подобные инструменты, которые превращают фрейм из Figma в готовый React-код напрямую.
ИИ-инструменты дизайна, которые реально вышли в 2024–26
2024-й стал первым годом, когда ИИ-инструменты в дизайне перестали быть демонстрационными и вошли в повседневный рабочий процесс. Для продуктовых команд важны два тренда.
Генерация перешла от макетов экранов к рабочим компонентам. V0 (Vercel), Lovable, Bolt и Cursor превращают промпт или фрейм Figma в готовый код на Tailwind и React. Это полезно для создания базовой структуры, тестирования дизайн-системы и быстрого прототипирования. Полной заменой решениям старшего дизайнера эти инструменты пока не стали — но работу джуниора на третьей неделе по созданию формы регистрации они точно заменяют.
Персонализация перешла в рантайм. Apple Intelligence, Galaxy AI и Samsung One UI 7 сделали персонализацию на устройстве частью платформы: подстройка тона при написании, очистка фотографий, суммаризация контента и контекстные ответы теперь работают прямо в операционной системе, а не в отдельных приложениях. Вывод для продуктовых команд: не тратьте силы на функции, которые ОС теперь предоставляет бесплатно, а сосредоточьтесь на возможностях, которые выигрывают от этих новых возможностей системы.
Генеративный UI — следующая граница. Artifacts от Anthropic, Canvas от OpenAI и встроенные холсты в Gemini от Google доказали этот паттерн: ИИ возвращает не просто текст, а небольшой интерактивный фрагмент интерфейса, с которым можно работать. К 2026 году зрелые B2B-продукты начинают внедрять динамические UI-поверхности — таблицы, графики, формы — которые собираются в реальном времени с помощью LLM и строгой библиотеки компонентов.
Хорошее: редизайны, которые сработали
Пять продуктовых редизайнов 2024 года заслуживают разбора: они принесли реальные улучшения и при этом не оттолкнули пользователей.
1. Samsung One UI 7. Полное обновление Android-оболочки Samsung с акцентом на взаимодействие с искусственным интеллектом: Now Bar, Now Brief, AI Select, Cross-App Actions. Редизайн решил важную задачу — превратить экран блокировки и главный экран в поверхности, где система работает за пользователя. Реакция на обзорных площадках и в форумах оказалась подавляюще положительной.
2. Платформенный апдейт Linear в 2024. Планирование циклов, подзадачи, запросы от клиентов и ИИ-подсказки по приоритизации внедрялись поэтапно — волнами, а не одним большим обновлением. Каждая новая функция учитывала привычный стиль работы опытных пользователей. Linear сохранил более 90% своей аудитории с высоким NPS, одновременно расширившись на работу продакт-менеджеров.
3. Notion AI встроен как полноценный участник страницы. Вместо отдельного бота в боковой панели Notion AI работает прямо внутри любого блока. Попросите его сделать краткое содержание, переписать текст или перевести — и не нужно покидать страницу. Этот подход («ИИ — это действие на привычной поверхности») стал стандартом для продуктов в сфере продуктивности.
4. Перестройка онбординга Stripe. Stripe переработал онбординг продавцов, сделав акцент на поэтапной верификации и чётко показав в интерфейсе этапы KYC/KYB с участием ИИ. Время до первого платежа для новых аккаунтов заметно сократилось. Урок: объяснения от ИИ должны быть на виду, когда пользователь должен довериться автоматическому решению.
5. Пространственные UI-паттерны Apple Vision Pro. Даже при низком спросе со стороны потребителей грамматика взаимодействия в visionOS — щипок, взгляд, тап глазами — стала эталоном для любых проектов пространственного ПО. Зрелые пространственные интерфейсы пока в основном используются в корпоративных целях: тренировки, подготовка к операциям, ревью дизайна. Но паттерны, заложенные в 2024 году, уже прижились.
Используйте паттерн «ИИ как глагол», когда: у пользователей уже есть основная поверхность — документ, доска или лента. Встраивание ИИ прямо в неё почти всегда эффективнее, чем выносить его в отдельный чат-бот или модальное окно. Отдельные ИИ-интерфейсы оставьте для принципиально новых сценариев, которых раньше не было.
Плохое: редизайны, из-за которых потеряли пользователей или выручку
2024-й также принёс самые громкие и дорогие UI-скандалы последних лет. Общая закономерность — редизайны, в которых эстетика, показатели роста или политика платформы ставились выше главной задачи пользователя.
Apple Photos (iOS 18) столкнулся с волной жалоб. Однополосная библиотека перемешала привычные действия, убрала нижнюю навигацию, к которой пользователи давно привыкли, и вывела ИИ-«Воспоминания» выше недавних фото. Отзывы в App Store и реакция в соцсетях оказались необычно резкими для стандартного приложения Apple. В версиях 18.1 и 18.2 компания постепенно вернула часть прежнего интерфейса. Урок: не нарушайте привычный сценарий использования ради продвижения ИИ в приложении, которым уже пользуются миллиарды людей.
Перетасовка главного экрана и DJ-функции в Spotify раздражила опытных пользователей. Редизайн поднял ИИ-плейлисты, подкасты и короткие видео в иерархии открытий за счёт пользовательских плейлистов. Опытные слушатели громко жаловались; рост числа подписчиков замедлился именно тогда, когда Spotify нужно было ускорение. Урок: никогда не понижайте функцию, которая держит удержание, ради функции, которая просто наращивает минуты вовлечения.
Переписывание приложения Sonos стало хрестоматийным провалом. Новый Sonos-апп вышел с поломанными ключевыми функциями — будильником, таймером сна и управлением очередью. Доверие пользователей рухнуло, CEO пришлось сменить, а компания начала возвращать деньги старым покупателям. Урок: если после переписывания основная задача пользователя остаётся неработоспособной, проект обречён — даже при идеальной новой архитектуре.
Промах Nike стоимостью около 1,8 трлн ₽. Переход от персонализации на основе данных к бренд-ориентированному опыту на старте взаимодействия с пользователем привёл к потере Nike примерно 1,8 трлн ₽ капитализации к середине 2024 года. Урок здесь — не в каком-то конкретном решении интерфейса, а в стратегическом выборе UX: он обесценил накопленные данные. Сейчас Nike возвращается к прежнему курсу, и процесс восстановления ещё не завершён.
API-кризис Reddit. Повышение цен на API в 2023 году переросло в 2024-м в закрытие сторонних приложений, сбои в инструментах модерации и редизайн поиска, из-за которого официальное мобильное приложение стало неудобным для опытных модераторов. Reddit всё равно вышел на IPO, но накопленные проблемы с пользовательским опытом отразились на показателях удержания.
Генеративный UI: новый паттерн, который стоит освоить уже сейчас
Самый значимый сдвиг в UI, начавшийся в 2024 году, — это генеративный UI: интерфейсы, которые во время работы собираются LLM из строгой библиотеки компонентов. Сейчас это работает по трём причинам.
Библиотека компонентов — это контракт. LLM не придумывает кнопки. Она выбирает из типизированного реестра компонентов, которыми владеет ваша команда: DataTable, SummaryCard, Chart, FormField, FilterBar. Каждый компонент описывает свои пропсы в JSON Schema. LLM выдаёт JSON-чертёж, а ваш рендерер превращает его в React.
Состояние хранится на сервере. LLM не сохраняет состояние, UI-элементы кратковременны. Данные за ними хранятся в серверной базе, которая обновляется по мере действий пользователя. Именно к такому подходу к середине 2025 года пришли Anthropic Artifacts, ChatGPT Canvas и AI SDK Generative UI от Vercel.
Дизайн становится управлением каталогом. Дизайнеры больше не передают «экран дашборда». Они передают каталог компонентов и шаблоны промптов, которые их собирают. Роль смещается в сторону дизайн-систем и информационной архитектуры — одна из главных причин, почему senior-дизайнерам в 2026 году платят больше, чем в 2022-м.
Взлёт роли design-инженера
Самый важный сдвиг в найме в 2024–25 годах — это **design-инженер**: человек, который пишет продакшен-React, владеет библиотекой компонентов и работает с дизайн-токенами на уровне senior-дизайнера. Должность популяризировал Linear; теперь её явно ищут Vercel, Stripe, GitHub и большинство хорошо профинансированных SaaS-компаний.
Почему роль нужна. Генеративный UI, создание кода с помощью ИИ и дизайн-токены стирают границу между «дизайном» и «инжинирингом». Design-инженер в одном PR выпускает не только сам компонент, но и его варианты, поддержку светлой и тёмной тем, а также обработку клавиатуры и доступность. Путь от макета в Figma до готового компонента сокращается с недель до часов.
Что это значит для найма. Если в маленькой команде одно место под дизайн — лучше взять design-инженера, а не чисто визуального дизайнера. Он принесёт больше пользы, потому что работа визуального дизайнера всё равно столкнётся с узким местом при передаче задач инженерам — и даже высокое качество не поможет.
Пять дизайнерских ролей, которые стали реальностью в 2024–26
Должности в дизайн-командах за последние 24 месяца изменились сильнее, чем за всё предыдущее десятилетие. Пять ролей, которые важно знать, если вы нанимаете или ищете работу.
1. AI Interaction Designer. Знает диалоговые и генеративные интерфейсы, шаблоны промптов, работу с ошибками (отказы, галлюцинации, низкая уверенность модели) и систему объяснений ИИ. Работает на пересечении продукта, дизайна и прикладной науки.
2. Prompt Designer. Относит промпты к артефактам первого класса: поддерживает версионирование, тестирование, мониторинг и A/B-тесты в продакшене. Часто это сильный копирайтер, который выучился на инженера, а не наоборот.
3. Design Engineer. Знает библиотеку компонентов и умеет передавать дизайн из Figma в React. Подробнее уже говорилось выше — это самая важная из пяти новых ролей.
4. Service Designer. Прорисовывает кросс-канальный путь пользователя (приложение, email, поддержка, оффлайн, обратные звонки) и отвечает за общий опыт, а не за отдельный экран. Особенно ценен в регулируемых отраслях — медицине, финансах, госуслугах.
5. Spatial Designer. 3D-возможности, управление взглядом и жестом «щипок», контент, привязанный к пространству, для AR, комнаты для VR. В 2026 году это пока ниша, но реальные бюджеты на неё уже выделяются в корпоративном обучении и программном обеспечении для дизайн-ревью.
Этика, тёмные паттерны и growth-дизайн после 2024
2024-й стал годом, когда регуляторы и дизайнеры начали критиковать решения, принимаемые исключительно ради роста метрик. Две новости задали тон.
Правило Click- to- Cancel от FTC сделало норму очевидной: отписаться должно быть не сложнее, чем подписаться. Подписочные сервисы, где регистрация занимает три шага, а отмена — семь, теперь юридически уязвимы в США. Аналогичные требования закреплены в европейских Digital Services Act и Digital Markets Act. Команды, которые использовали тёмные паттерны при отмене подписки, весь год тихо переделывали эти сценарии.
Apple App Tracking Transparency завершила свой долгий путь. Настройка по умолчанию — отказ от отслеживания — изменила рынок мобильной рекламы. К 2025 году Meta и другие платформы полностью адаптировались, перейдя на on-device-обработку и сигналы, защищающие приватность. Вывод для продуктовых команд: стратегии роста, основанные на отслеживании пользователей между приложениями, в основном устарели. Строите цикл на своих данных.
Сообщество тоже включилось. «Этика growth-дизайна» стала одной из самых обсуждаемых тем на IxDA, Config 2024 и в отчётах Nielsen Norman Group за 2024–25. Акцент сместился с роста на удержание и доверие. Прозрачные цены, кнопки подтверждения, которые не слишком навязчивы, и чёткие пояснения про использование ИИ — всё это теперь считается нормой для качественных продуктов.
Нужна senior-команда UI/UX для разработки продукта?
Принесите спецификацию или существующее приложение. За 30 минут мы определим, что включить в первую версию, что отложить и какие возможности на основе ИИ сделать приоритетными.
Сравнение инструментов: 8 платформ, которые формируют интерфейс продукта в 2026
Если вы в 2026 году создаёте новый пайплайн для дизайна и инжиниринга, в хорошо отлаженных продуктовых командах чаще всего используются эти восемь инструментов.
| Инструмент | Роль в пайплайне | Сильная сторона | Ограничение |
|---|---|---|---|
| Figma (с AI) | Холст дизайна, прототипирование, передача в разработку | Стандарт индустрии, большая экосистема плагинов | Тяжеловесна для соло- и инди-команд |
| Penpot | Холст дизайна (open-source) | Self-hosted, без привязки к вендору | Меньшая экосистема |
| V0 (Vercel) | Генерация React-кода по промпту | Быстрый скаффолдинг, понимает shadcn/ui | Смещение в сторону Tailwind/Next.js |
| Lovable/Bolt | Полный прототип с развёртыванием (фронт + бэк) | Бэкенд и фронтенд за один проход | Доводка до продакшена всё равно нужна |
| Cursor | ИИ-нативная IDE для senior-инженеров | Понимание всего репозитория, агентные циклы | Высокий порог входа для неинженеров |
| Storybook | Документация и тестирование библиотеки компонентов | Стандарт индустрии для дизайн-систем | Накладные расходы на настройку |
| Maze/UserTesting | Количественные исследования юзабилити | Быстрое удалённое тестирование в масштабе | Поверхностно по сравнению с глубинными интервью |
| Dovetail/Notably | ИИ-репозиторий исследований | Темы, тегирование, ИИ-сводки инсайтов | Требует дисциплины research-ops |
Выбирайте минимальный пайплайн, который замыкает цикл от идеи до готового компонента. Для большинства продуктовых команд в 2026 году это Figma → V0 (или Cursor) → Storybook → продакшен-React, а Maze и Dovetail работают параллельно как инструменты для исследований.
ИИ за пределами чат-ботов: агенты, копилоты и ambient UI
К 2026 году «чат-бот» — самая скучная форма взаимодействия с ИИ. Доминируют три паттерна.
Встроенный ИИ. ИИ — это действие, встроенное в интерфейс. Выделите абзац — и он перепишется. Кликните правой кнопкой по графику — и получите объяснение. Тапните по строке таблицы — и увидите краткое содержание. Никаких всплывающих окон, никаких чат-ботов — ИИ становится частью панели инструментов. К этому пришли Notion, Apple, Adobe, Microsoft 365 и Google Workspace.
Агенты и копилоты. Многошаговые автоматизации, которые читают ваши данные, выполняют действия и показывают уведомление в интерфейсе, чтобы человек подтвердил следующий шаг. Cursor для написания кода, Claude в Chrome для работы с браузером, а также новая волна специализированных агентов — например, для продаж, финансов и операционных процессов — используют один и тот же подход. Уведомление в интерфейсе здесь нужно, чтобы показать, что агент уже сделал, что планирует сделать и где пользователь может вмешаться.
Ambient AI. ОС работает в фоне — даёт умные ответы, предугадывает намерения, очищает фото, распознаёт голосовые команды — без отдельного интерфейса. Так работают и Apple Intelligence, и Galaxy AI. Вывод для продуктовых команд: выберите ту часть продукта, которая больше всего выиграет от фоновых возможностей ОС, и проектируйте вокруг них, а не повторяйте то, что уже есть.
Голос вернулся. LLM снова делают голосовой интерфейс полезным — особенно когда руки заняты или важна доступность. Пайплайны для преобразования речи в текст и обратно в реальном времени от OpenAI, ElevenLabs и Deepgram теперь готовы к использованию в продакшене. Мы применяем их в облачных видеопроектах для транскрипции и живых субтитров, а в приложениях для умных домофонов на Android — для голосового открытия дверей.
Практические выводы для продакт-оунеров, оценивающих новый проект
Пять выводов, если вы прямо сейчас собираетесь брифовать команду дизайна и инжиниринга в 2026 году.
1. Сначала закладывайте бюджет на design-инженера. Если в команде одно место на дизайн — выбирайте человека, который сможет писать код для продакшена. Чистые визуальные дизайнеры по-прежнему нужны, но в командах меньше 20 человек они часто становятся узким местом из-за передачи задач разработчикам.
2. Определите ИИ-поверхности уже в v1. Не все — одну или две. Встроенный ИИ на главной поверхности, панель с объяснениями для любого ИИ-решения и понятный способ отказаться от персонализации тем, кому она не нужна. Агенты и ambient AI лучше перенести на v2, если только они не являются основой ценности продукта.
3. Выберите дизайн-систему раньше, чем экраны. Tailwind + shadcn/ui — де-факто стандарт для B2B SaaS в 2026 году. Material 3 — для нативного Android, SwiftUI — для нативного iOS. Кастомные дизайн-системы окупаются только при команде больше 50 инженеров. Ниже этой планки форк библиотеки shadcn с вашими токенами работает лучше любой альтернативы.
4. Запланируйте регуляторную работу. Click-to-Cancel, App Tracking Transparency, GDPR, BIPA, ADA. На каждый релиз добавляйте по четыре недели на дизайн и юридическую проверку, если вы работаете с регулируемыми клиентами. Недооценка этого этапа чаще всего срывает сроки запуска — даже чаще, чем технические риски.
5. Перепроверьте очевидное. Сценарий регистрации, страница настроек, отмена подписки и онбординг с 2022 года, скорее всего, устарели. Раз в год проводите юзабилити-тесты первых трёх недель пути нового пользователя. Команды, которые победят в 2026 году, будут серьёзно относиться к «очевидным» задачам.
Мини-кейс: как маленькая команда запустила продукт с ИИ-UX
Контекст. Клиенту из сегмента B2B media-исследований нужен был прототип продукта — v1, чтобы за десять недель показать брендовым командам инсайты из интервью, обработанные ИИ. В команде — три инженера и один дизайнер. Главный риск заключался в том, что цикл «дизайн + разработка» может съесть весь бюджет до того, как ИИ-часть заработает.
Что мы выпустили. Дизайн-систему в Figma, точную копию shadcn/ui, чтобы дизайнер мог прототипировать в Figma, пока инженеры создают настоящие компоненты. V0 генерировал первый вариант каждого нового экрана; дизайнер дорабатывал и возвращал в Figma; инженер подключал данные и вызовы LLM. Встроенный ИИ работал на уже существующей поверхности с транскриптами (выделить, суммировать, задать вопрос). Никаких чат-ботов и модальных окон.
Результат. Продукт вышел на 71-й день с работающими в продакшене ИИ-поверхностями. Цикл «дизайнер–инженер» стал короче — теперь одна функция проходила через один PR вместо трёх. NPS клиента на 12-й неделе составил 67. Внутри команды мы зафиксировали этот подход как шаблон для любых ИИ-продуктов, которые разрабатывает небольшая команда.
Берите встроенный ИИ на существующей поверхности, когда: у пользователей уже есть основная поверхность (документ, доска, лента, транскрипт). Чат-боты в сайдбаре уступают встроенному ИИ по всем измеряемым метрикам.
Нужна модель стоимости под ваш конкретный редизайн?
Пришлите текущий продукт, результаты пользовательских исследований и общий объём задач. За 30 минут мы определим, что можно зафиксировать, что остаётся гибким и какие части стоит разбить на этапы.
Берите shadcn+Tailwind вместо кастомной дизайн-системы, когда: в продуктовой команде меньше 50 инженеров. Кастомные дизайн-системы окупаются только на большом масштабе. При меньшем размере команды форк shadcn с вашими токенами обходится дешевле, реализуется быстрее и сопряжён с меньшими рисками.
Модель стоимости: реалистичные бюджеты на UI/UX в 2026
Консервативные диапазоны senior-агентства в 2026 году при использовании инжиниринга с поддержкой ИИ-агентов. Стоимость UI/UX всегда входит в общий бюджет проекта и не выделяется отдельно.
| Тариф | Что входит | Сроки | Консервативная вилка |
|---|---|---|---|
| UX-аудит и бриф на редизайн | Эвристический обзор, аудит пользовательских сценариев, приоритизированный бриф | 2–4 недели | 450 тыс. – 1,1 млн ₽ |
| Дизайн-система и библиотека компонентов | Токены, библиотека в Figma, React-компоненты на основе shadcn, Storybook | 5–8 недель | 1,3–2,8 млн ₽ |
| Полный UI/UX для v1 продукта | Исследования, информационная архитектура, ключевые сценарии, дизайн-система, возможности на основе ИИ, передача в разработку | 10–14 недель | 2,6–5,6 млн ₽ |
| Внедрение генеративного UI в существующий продукт | Схема компонентов, паттерны промптов, рендеринг, мониторинг, eval-стенд | 8–14 недель | 2,2–4,8 млн ₽ |
Эти диапазоны предполагают, что продуктовая команда уже сформирована. Доля UI/UX в полной разработке продукта составляет около 20–30% от общего бюджета: меньше, если у вас уже есть готовая дизайн-система; больше — если интерфейс активно использует ИИ.
Фреймворк принятия решения — выберите путь UI/UX за пять вопросов
Пять вопросов на листе бумаги перед любым дизайн-созвоном.
Q1. Какая первоочередная задача пользователя на этой поверхности? Запишите её одним предложением. Из этого вытекает каждое UI-решение. Если вы не можете ответить — у вас не бриф на редизайн, а просто доска в Pinterest.
Q2. Где в продукте живёт ИИ? Встроенный, агент, ambient, нигде. Выбирайте осознанно. По умолчанию ставить чат-бот в 2026 году — для большинства B2B-продуктов это дизайнерская халтура.
Q3. Нативно, веб или и то, и другое? Большинство современных B2B-решений начинают с веб-версии, а нативное приложение делают позже — или вовсе не делают. Нативная разработка окупается, только если рабочий процесс действительно мобильный или сильно зависит от особенностей платформы. Будьте честны.
Q4. Кастомная дизайн-система или shadcn+токены? До 50 инженеров — кастомизируйте shadcn. Выше 50 — можно задуматься о собственной. Создавать с нуля в маленькой команде — это как потратить деньги на сантехнику, а не на пользователей.
Q5. Какие тёмные паттерны уберёт новый дизайн? Каждый редизайн должен закрывать хотя бы один этический долг — скрытую отмену подписки, опт-ин по умолчанию, запутанное отображение цен. Зафиксируйте это в брифе явно.
Подводные камни редизайна в 2026
Пять мест, где редизайн-проекты снова и снова теряют недели. Ничего экзотического — всё легко упустить в SOW.
1. Эстетический редизайн без задачи пользователя. Уроки Apple Photos и Spotify. Если новый дизайн не решает конкретную задачу пользователя, не стоит его выпускать. Перед глобальным релизом обязательно проведите A/Б-тест по сравнению с текущей версией.
2. Релиз переписанного приложения без паритета. Урок Sonos. Перенесите в новую систему каждую существующую функцию, каждое сочетание клавиш, каждую особенность доступности. Выпускайте, когда паритет > 95%, а не когда архитектура красивая.
3. Понижение функций для опытных пользователей. Опытные пользователи влияют на удержание сильнее, чем может показаться. Никогда не убирайте их функции глубже в интерфейс ради проведения growth-эксперимента. Падение удержания растёт быстрее, чем прирост новых пользователей.
4. Добавление ИИ без объяснимости. Любое ИИ-решение, которое видит пользователь, должно иметь объяснение в один тап. Без него доверие рушится уже после первого неверного ответа. Заложите объяснимость в саму основу дизайн-системы — не добавляйте её потом, как дополнение.
5. Пропуск доступности. Число исков по ADA в 2026 году продолжает расти. WCAG 2.2 AA — это минимум, а не максимум. Учитывайте навигацию с клавиатуры, фокусные кольца, семантическую разметку для скринридеров и контраст цветов при создании каждого компонента, а не оставляйте это на «вторую фазу полировки».
Важные KPI: качество, бизнес, надёжность
Три блока с пороговыми показателями, которые мы используем как минимальную планку для выпуска UI/UX-релиза.
KPI качества. Время до первого осмысленного действия — менее 5 с для нового пользователя. Доля завершённых задач — более 85% по основной задаче в юзабилити-тестах. Lighthouse Performance — выше 90 на трёх главных страницах. Соответствие WCAG 2.2 AA для каждого выпускаемого компонента.
Бизнес-метрики. Активация (доля пользователей, которые выполняют ключевую задачу в первый раз) — выше 50%, и после редизайна она растёт. Конверсия из бесплатного периода в платную подписку на 4-й неделе не ниже исходной. NPS на 4-й и 12-й неделе растёт. Количество обращений в поддержку на одного активного пользователя снижается.
KPI надёжности. Доля сессий с JS-ошибками — менее 0,5%. Фронтенд p95 LCP — менее 2,5 с. Задержка ИИ-функций — менее 2 с для встроенных вызовов, менее 5 с для агентных. Сессии без сбоев — более 99,5% на нативной платформе (Crashlytics).
Когда НЕ стоит делать редизайн продукта в 2026
Три сценария, в которых редизайн — неверный ответ. Примерно одному клиенту из пяти мы советуем отказаться от редизайна — и они почти всегда потом благодарят нас.
Удержание здоровое, новые поверхности не добавляются. Работает продукт с хорошим удержанием — его нужно защищать, а не переделывать. Потратьте бюджет на смежные функции.
У вас нет пользовательских исследований. Редизайн без исследований — это как игра в рулетку. Прежде чем оценивать изменения, проведите шесть интервью и немодерируемый юзабилити-тест.
Команда не справится с переписыванием при поддержании паритета. Урок Sonos. Если в команде недостаточно людей, чтобы одновременно поддерживать работоспособность старой версии и развивать новую, лучше делать постепенный рефакторинг.
У вас меньше восьми недель. Полноценный редизайн интерфейса B2B-решения занимает минимум 10–14 недель. Всё, что короче — это лишь косметический ремонт.
Берите итеративный рефакторинг вместо полного редизайна, когда: удержание пользователей стабильное, кодовая база большая, команда небольшая или бренду важна преемственность. Полный редизайн оставьте для совершенно новых интерфейсов или ситуаций, когда удержание уже нарушено.
FAQ
Сколько времени занимает редизайн продукта в 2026 году?
Сфокусированный редизайн одного-двух ключевых сценариев занимает 6–10 недель. Полный редизайн B2B-решения до версии 2 — 10–14 недель. Внедрение генеративного интерфейса в существующий продукт — 8–14 недель, в зависимости от зрелости библиотеки компонентов. На проверку соответствия требованиям добавляйте по 4 недели на каждый регулируемый режим в отрасли.
Стоит ли заменить чистого дизайнера на design-инженера?
Дополнить, а не заменить. Senior-визуальный дизайнер по-прежнему незаменим для информационной архитектуры, бренда и исследований. Design-инженер ускоряет переход от Figma к готовому React-компоненту. Большинство хорошо отлаженных продуктовых команд в 2026 году работают с обоими специалистами; маленькие команды зачастую получают больше пользы от одного design-инженера, чем от одного визуального дизайнера.
Готов ли генеративный UI к продакшену в B2B SaaS?
Для подходящих поверхностей — да. Динамические дашборды, таблицы, собираемые на лету, и подсказки графиков уже используются в продакшене в нескольких ИИ-нативных B2B-продуктах в 2026 году. Избегайте генеративного интерфейса для основной навигации, биллинга, настроек и любых элементов, где пользователь ожидает предсказуемости.
Tailwind+shadcn, Material 3 или своя дизайн-система?
Для веб-решений B2B SaaS в 2026 году: Tailwind + shadcn, если в команде не больше 50 продуктовых инженеров. Для нативного Android — Material 3. Для нативного iOS — SwiftUI с соблюдением Apple HIG. Для кроссплатформенных приложений — Flutter с Material или React Native с NativeWind. Кастомные дизайн-системы окупаются только на большом масштабе, а не на этапе первой версии.
Как обеспечивать объяснимость ИИ в интерфейсе?
У каждого ИИ-решения, которое видит пользователь, должно быть объяснение за один тап. Покажите, на основе каких данных (каких полей и источников) ИИ принял решение, почему выбрал именно такой результат и как пользователь может его изменить. Отдельные ИИ-интерфейсы оставьте только для принципиально новых сценариев; во всех остальных случаях интегрируйте ИИ в существующие экраны, а объяснение скрывайте за иконкой «i».
Что с доступностью (WCAG 2.2, ADA)?
WCAG 2.2 AA — это минимальный стандарт с 2026 года. Учитывайте навигацию с клавиатуры, фокусные кольца, семантическую разметку для скринридеров и цветовой контраст уровня AA при создании каждого компонента — не откладывайте это на «вторую фазу». Запускайте автоматическую проверку (axe, Lighthouse) на каждый PR; проводите ручную проверку перед каждым релизом. Количество исков по ADA в США продолжает расти — относитесь к доступности как к защитной инвестиции, а не как к моральному обязательству.
Как регуляторы (FTT Click- to- Cancel, DSA, DMA) меняют продуктовый дизайн?
Отмена подписки должна быть не менее простой, чем регистрация. Цены должны быть понятны сразу, в момент выбора. Дефолтный опт-ин для трекинга в ЕС больше не работает, в США он тоже сокращается. Скрытые платежи и навязанные подписки — это юридическая угроза. Самый простой подход: проектируйте каждый сценарий так, будто за ним следит регулятор. Команды, которые перешли на такой стиль в 2024 году, в 2026-м продолжают спокойно выпускать обновления.
Нанимать команду в штат или работать с агентством?
Нанимайте в штат, когда продукт уже готов. Агентство используйте, чтобы запустить первую версию и пройти первые 12 месяцев итераций — когда внутренняя команда ещё маленькая, а работы много. Хороший подход — работать с агентством, которое передаёт кодовую базу вашей команде вместе с документацией, настройками CI/CD и Storybook. Избегайте тех, кто делает всё так, чтобы вы зависели от них.
Что почитать дальше
Mobile UX
Кастомные мобильные приложения для разных отраслей
Где UX-паттерны смартфонов встречаются с полевыми сценариями: логистика, медицина, безопасность и не только.
Android VMS
Разработка кастомных Android-приложений для VMS
Разобранный пример мобильного UX, где пересекаются задержки, плотность интерфейса и возможности ИИ.
Cloud UX
Безопасное облачное видеоуправление
Архитектура и интерфейс для облачных продуктов в сфере безопасности, которые должны стабильно работать при больших объёмах данных.
AI UX
Обнаружение аномалий в видеонаблюдении
Когда ИИ-системы сталкиваются с усталостью от оповещений — рабочие подходы к объяснимости и снижению ложных срабатываний.
Retail UX
Продвинутое видеонаблюдение для ритейла
Специфические UX-задачи ритейла: сценарии, совместимые с BIPA, дашборды для менеджеров и сопоставление данных с POS и видео.
Куда движется UI/UX дальше
2024-й стал переломным моментом: искусственный интеллект перешёл из вспомогательной функции в стандартное ожидание, а эпоха прототипирования завершилась вместе с уходом InVision. Громкие провалы Apple Photos, Spotify, Sonos и Nike показали индустрии, что нужно ставить во главу угла реальные потребности пользователей. 2026-й — год стандартизации паттернов: встроенный ИИ, генеративный интерфейс, дизайн-инженеры, этические ограничения. Победят не те, кто гонится за каждым трендом, а те, кто выбирает те, что решают задачи пользователей, и внедряет их аккуратно.
Если вы сейчас оцениваете редизайн или новую разработку, самое полезное, что можно сделать на этой неделе, — сформулировать главную задачу пользователя для каждой поверхности одним предложением. Принесите этот список на созвон с senior-продактом и дизайнером — и весь плейбук выше сам подскажет, какие тренды использовать, а какие игнорировать.
Принесите ваш UI/UX-объём на рабочую встречу?
Тридцать минут. Два senior-продуктовых инженера и лидер по дизайну. Мы определим, что включить в v1, что отложить и какие ИИ-возможности реализовать в первую очередь — с консервативным бюджетом, который можно представить финансовому директору.
