
Главное
• 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 — это места в штатном расписании серьёзных продуктовых команд с реальным бюджетом. Разделение на «дизайнера» и «design-инженера» — самое значимое кадровое изменение года.
• Эта статья — взгляд senior-продакта и senior-инженера, а не пролистывание Pinterest. Ниже: что реально вышло в 2024, что построили в 2025–26, что ещё впереди и что с этим делать, если вы прямо сейчас оцениваете объём работ по продукту.
Зачем Фора Софт написала этот обзор UI/UX
Фора Софт выпускает программные продукты почти два десятилетия, и дизайн всегда был центральной частью каждого проекта. У нас нет отдельной «дизайн-студии», которая отдаёт вайрфреймы инженерам через стену. Дизайнеры, продакт-менеджеры и инженеры сидят в одной команде и отвечают за общий результат — только так можно вовремя выпустить интерфейс, в основе которого ИИ.
Эта статья — внутренний плейбук, по которому мы вводим в курс дела новых продакт-оунеров: что изменилось в UI/UX за 2024 год и как это сформировало 2025–26. Она написана для CTO, продуктовых директоров и фаундеров, которые решают, что строить, что закрывать и каких людей в дизайне и инжиниринге нанимать следующими. Мы пройдёмся по успехам, громким провалам, сдвигам на уровне платформ и практическим коммерческим последствиям для всех, кто оценивает разработку программного обеспечения на заказ.
Наша команда использует инжиниринг с поддержкой ИИ-агентов (agent-assisted engineering) — собственные пайплайны на Claude и Cursor — чтобы сжать рутинную часть любого продукта: дизайн-систему, библиотеку компонентов, пустые состояния, типовые сценарии. Это позволяет тратить бюджет на то, что действительно важно: на ИИ-возможности, на рабочий процесс, за который платит клиент, и на ту полировку, которая отличает «работает» от «нравится». Поэтому наши оценки на 2026 год заметно ниже типичных индустриальных диапазонов 2024–2025.
Нужен взгляд со стороны на UI/UX в вашем роадмапе?
Принесите продукт, результаты пользовательских исследований и бриф на редизайн. За 30 минут мы скажем, за какими трендами стоит гнаться, какие пропустить и куда в первую очередь поставить ИИ-возможности.
Конец эпохи InVision и консолидация платформ
InVision закрылся 31 декабря 2024 года — к этому моменту он давно перестал быть стандартом для прототипирования. Figma его уже вытеснила, и в течение 2025-го консолидация рынка пошла гораздо дальше.
Figma — новый субстрат дизайна. Figma Make и Figma Sites превратили холст в платформу, с которой можно сразу выкатывать продукт. Добавьте к этому Figma AI для сборки компонентов и Figma Slides для документации дизайн-системы — и большинство B2B-SaaS-команд теперь доводят прототипы до продакшен-уровня прямо из 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 сделали персонализацию on-device частью платформы: подстройка тона при написании, очистка фотографий, суммаризация контента и контекстные ответы выполняются в самой ОС, а не в вашем приложении. Вывод для продуктовых команд: перестаньте строить функции, которые ОС теперь даёт бесплатно, и стройте те возможности, которые выигрывают от этих фич ОС.
Генеративный UI — следующая граница. Artifacts от Anthropic, Canvas от OpenAI и встроенные холсты в Gemini от Google доказали этот паттерн: ИИ возвращает не абзац текста, а небольшой интерактивный UI-фрагмент, с которым пользователь может работать. К 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 Apple постепенно отыграла часть прежнего макета назад. Урок: не размывайте усвоенный пользователем сценарий ради продвижения ИИ в штатном приложении, которым уже умеют пользоваться миллиарды людей.
Перетасовка главного экрана и DJ-функции в Spotify раздражила опытных пользователей. Редизайн поднял ИИ-плейлисты, подкасты и короткие видео в иерархии открытий за счёт пользовательских плейлистов. Опытные слушатели громко жаловались; рост числа подписчиков замедлился именно тогда, когда Spotify нужно было ускорение. Урок: никогда не понижайте функцию, которая держит удержание, ради функции, которая просто наращивает минуты вовлечения.
Переписывание приложения Sonos стало хрестоматийным провалом. Новый Sonos-app вышел с поломанными ключевыми функциями (будильник, таймер сна, управление очередью). Доверие клиентов рухнуло, CEO в итоге сменили, а компания возвращала деньги давним покупателям. Урок: переписывание, которое выходит без паритета по основной задаче пользователя, проваливается — независимо от того, насколько чиста новая архитектура.
Промах Nike стоимостью около 1,8 трлн ₽. Разворот цифровой стратегии от персонализации на основе данных к бренд-ориентированному опыту верха воронки обошёлся Nike примерно в 1,8 трлн ₽ потерянной капитализации к середине 2024 года. Поучительный момент здесь не в каком-то UI-решении — это решение на уровне UX-стратегии, которое обесценило слой данных под интерфейсом. Сейчас Nike разворачивается обратно, и мы всё ещё в фазе восстановления.
API-кризис Reddit. Изменение цен на API в 2023-м перетекло в 2024-й закрытием сторонних приложений, лихорадкой в инструментах модерации и редизайном поиска, после которого официальное мобильное приложение стало неудобным для опытных модераторов. Reddit всё равно вышел на IPO, но UX-долг проявился в отчётах по удержанию.
Генеративный 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. Владеет диалоговыми и генеративными UI-поверхностями, шаблонами промптов, обработкой сбоев (отказы, галлюцинации, низкая уверенность модели) и слоем «объяснений ИИ». Сидит на стыке продакта, дизайна и прикладной науки.
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 минут мы скажем, что выпускать в v1, что отложить и какие ИИ-возможности должны быть на первом плане.
Сравнение инструментов: 8 платформ, которые формируют продуктовый UI в 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.
Агенты и копилоты. Многошаговые автоматизации, которые читают ваши данные, выполняют действия и поднимают UI-карточку, чтобы человек подтвердил шаг. Cursor для кода, Claude в Chrome для браузинга, а также новая волна вертикальных агентов (sales-SDR, финансы, операционные процессы) — все используют один и тот же паттерн. UI-вызов здесь — показать, что агент уже сделал, что собирается сделать и где пользователь может вмешаться.
Ambient AI. ОС делает работу на фоне — умные ответы, предсказание намерения, очистка фото, распознавание голосовых команд — без явной поверхности. Так работают и Apple Intelligence, и Galaxy AI. Вывод для продуктовых команд: выберите ту часть продукта, которая больше всего выигрывает от фоновых возможностей ОС, и проектируйте вокруг них, а не дублируйте их.
Голос вернулся. LLM снова делают голосовой интерфейс полезным — особенно для сценариев, где руки заняты, и для задач доступности. Real-time TTS/STT-пайплайны от 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-research нужен был 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-SaaS сначала выпускают веб, а нативное приложение — позже (или никогда). Нативное окупается, когда рабочий процесс действительно мобильный или платформо-специфичный. Будьте честны.
Q4. Кастомная дизайн-система или shadcn+токены? До 50 инженеров — кастомизируйте shadcn. Выше 50 — можно подумать о своей. Кастом с нуля в маленькой команде — это способ потратить дизайн-бюджет на сантехнику вместо пользователей.
Q5. Какие тёмные паттерны уберёт новый дизайн? Каждый редизайн должен закрывать хотя бы один этический долг — спрятанную отмену подписки, опт-ин по умолчанию, запутанное отображение цен. Зафиксируйте это в брифе явно.
Подводные камни редизайна в 2026
Пять мест, где редизайн-проекты раз за разом сжигают недели. Ничего экзотического — всё легко пропустить в SOW.
1. Эстетический редизайн без задачи пользователя. Уроки Apple Photos и Spotify. Если новый дизайн не отрабатывает измеримую задачу пользователя, не выпускайте его. Перед глобальным релизом обязательно прогоните A/B-тест против текущей версии.
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 для каждого выпускаемого компонента.
Бизнес-KPI. Активация (доля пользователей, выполняющих основную задачу в первой сессии) > 50% и в идеале растёт после редизайна. Конверсия из триала в платную подписку на 4-й неделе не ниже базовой. NPS на 4-й и 12-й неделе растёт. Число обращений в поддержку на активного пользователя падает.
KPI надёжности. Доля сессий с JS-ошибками < 0,5%. Фронтенд p95 LCP < 2,5 с. Задержка ИИ-функций < 2 с для встроенных вызовов, < 5 с для агентных. Сессии без сбоев > 99,5% на нативе (Crashlytics).
Когда НЕ стоит делать редизайн продукта в 2026
Три сценария, в которых редизайн — неверный ответ. Примерно одному клиенту из пяти мы советуем отказаться от редизайна — и они почти всегда нас потом благодарят.
Удержание здоровое, новые поверхности не добавляются. Работающий продукт с хорошим удержанием нужно защищать, а не перекраивать. Потратьте бюджет на смежные функции.
У вас нет пользовательских исследований. Редизайн без исследований — это азартная игра. Прежде чем оценивать переделку, проведите шесть интервью и немодерируемый юзабилити-тест.
Команда не вытянет переписывание с паритетом. Урок Sonos. Если ваша команда недостаточно велика, чтобы удерживать паритет функций в процессе переписывания, делайте итеративный рефакторинг.
У вас меньше восьми недель. Содержательный редизайн B2B-SaaS-поверхности занимает минимум 10–14 недель. Всё короче — это слой краски.
Берите итеративный рефакторинг вместо полного редизайна, когда: удержание здоровое, кодовая база большая, команда небольшая или бренду нужна преемственность. Полный редизайн оставьте для совсем новых поверхностей или для ситуаций, когда удержание уже сломалось.
FAQ
Сколько времени занимает редизайн продукта в 2026 году?
Сфокусированный редизайн одного-двух ключевых сценариев укладывается в 6–10 недель. Полный v2-редизайн B2B-SaaS-продукта — 10–14 недель. Внедрение генеративного UI в существующий продукт — 8–14 недель в зависимости от зрелости библиотеки компонентов. Добавьте четыре недели на проверку соответствия требованиям на каждый регулируемый режим в области.
Стоит ли заменить чистого дизайнера на design-инженера?
Дополнить, а не заменить. Senior-визуальный дизайнер по-прежнему незаменим для информационной архитектуры, бренда и исследований. Design-инженер ускоряет путь от Figma до выпущенного React. Большинство хорошо отлаженных продуктовых команд в 2026-м держат обоих; маленькие команды часто получают больше отдачи от одного design-инженера, чем от одного визуального дизайнера.
Готов ли генеративный UI к продакшену в B2B SaaS?
Для подходящих поверхностей — да. Динамические дашборды, таблицы, собираемые на лету, и подсказки графиков работают в продакшене в нескольких ИИ-нативных B2B-продуктах в 2026 году. Избегайте генеративного UI для основной навигации, биллинга, настроек и любой поверхности, где пользователь ждёт детерминированности.
Tailwind+shadcn, Material 3 или своя дизайн-система?
Для веб-B2B-SaaS в 2026 году: Tailwind+shadcn, если у вас не больше 50 продуктовых инженеров. Для нативного Android — Material 3. Для нативного iOS — SwiftUI с Apple HIG. Для кроссплатформенного — Flutter Material или React Native с NativeWind. Кастомные дизайн-системы окупаются на масштабе, а не в v1.
Как обеспечивать объяснимость ИИ в интерфейсе?
У каждого ИИ-решения, которое видит пользователь, должно быть объяснение в один тап. Покажите, что использовал ИИ (какие поля, какие источники), почему выбрал такой результат и как пользователь может его переопределить. Отдельные ИИ-поверхности оставьте для совсем новых сценариев; во всех остальных случаях держите ИИ встроенным на существующей поверхности, а объяснение прячьте за info-иконкой.
Что с доступностью (WCAG 2.2, ADA)?
WCAG 2.2 AA — это пол в 2026-м. Закладывайте навигацию с клавиатуры, фокусные кольца, семантику для скринридеров и контраст цветов уровня AA в каждый компонент, а не во «вторую фазу полировки». Запускайте автоматический аудит (axe, Lighthouse) на каждый PR; ручной аудит — перед каждым релизом. Число исков по ADA в США продолжает расти — относитесь к доступности как к защитной инвестиции, а не как к моральной.
Как регуляторы (FTC Click-to-Cancel, DSA, DMA) меняют продуктовый дизайн?
Отмена подписки должна быть как минимум так же легка, как регистрация. Цены должны быть прозрачны в момент принятия решения. Дефолтный опт-ин для трекинга в ЕС ушёл, в США сжимается. Скрытые комиссии и принудительные подписки — это юридический риск. Самый простой плейбук: проектируйте каждый сценарий так, будто за ним наблюдает регулятор. Команды, которые перешли на это в 2024-м, в 2026-м продолжают спокойно выпускать релизы.
Нанимать команду в штат или работать с агентством?
Нанимайте в штат, когда продукт уже выпущен. Агентство привлекайте, чтобы вывести v1 и пройти первые 12 месяцев итераций, когда внутренняя команда маленькая, а объём работы тяжёлый. Правильный паттерн — агентство, которое передаёт кодовую базу вашей внутренней команде с документацией, CI/CD и Storybook. Избегайте агентств, которые строят так, чтобы вас на них «подсадить».
Что почитать дальше
Mobile UX
Кастомные мобильные приложения для разных индустрий
Где UX-паттерны смартфонов встречаются с полевыми сценариями: логистика, медицина, безопасность и не только.
Android VMS
Разработка кастомных Android-приложений для VMS
Разобранный пример мобильного UX, где сходятся задержки, плотность интерфейса и ИИ-возможности.
Cloud UX
Безопасное облачное видеоуправление
Архитектура и админский UX для облачных продуктов в безопасности, которые должны оставаться спокойными под большим объёмом данных.
AI UX
Обнаружение аномалий в видеонаблюдении
Когда ИИ-поверхности сталкиваются с усталостью от алертов — рабочие паттерны объяснимости и обработки ложных срабатываний.
Retail UX
Продвинутое видеонаблюдение для ритейла
Специфические UX-задачи ритейла: BIPA-совместимые сценарии, менеджерские дашборды и сопоставление POS с видео.
Куда движется UI/UX дальше
2024-й стал точкой перегиба: ИИ перешёл из боковой функции в дефолтное ожидание, эпоха прототипирования закончилась вместе с InVision, а громкие провалы Apple Photos, Spotify, Sonos и Nike научили индустрию уважать первоочередную задачу пользователя. 2026-й — это год, когда паттерны стандартизируются: встроенный ИИ, генеративный UI, design-инженеры, этические ограничители. Выигрывают не те, кто гонится за каждым трендом, а те, кто выбирает тренды, окупающие задачу пользователя, и выпускает их аккуратно.
Если вы прямо сейчас оцениваете редизайн или новую разработку, самое полезное, что можно сделать на этой неделе, — выписать первоочередную задачу пользователя по каждой поверхности одним предложением. Принесите этот список на созвон с senior-продактом и дизайнером — и весь плейбук выше сам подскажет, какие тренды брать, а какие игнорировать.
Принесите ваш UI/UX-объём на рабочую встречу?
Тридцать минут. Два senior-продуктовых инженера и лид по дизайну. Мы скажем, что выпускать в v1, что отложить и где поставить ИИ-возможности в первую очередь — с консервативным бюджетом, который можно показать финансовому директору.
