Разработка UI/UX дизайна: от исследования до передачи в разработку
Валерий Котелов
CEO
Красивые картинки – это не дизайн. Формально да, но толку от них ноль, если пользователь бродит по интерфейсу и не может найти нужную кнопку. Мы в KOTELOV занимаемся разработкой UI/UX дизайна 13 лет. Видели сотни проектов: одни взлетали, другие разваливались буквально на старте, и почти всегда причина была в одном: насколько серьёзно команда подошла к UX ещё до первого макета.
Что будет в статье? Разберём услуги UI/UX дизайна, пройдёмся по этапам, поговорим про деньги и посмотрим, как не влететь с выбором агентства.
13 лет
опыта в UI/UX дизайне
100+
сотрудников в команде
50+
крупных проектов от 6 месяцев
20+
профессиональных наград
Что входит в услуги UI/UX дизайна
Дизайн интерфейсов на заказ – это «нарисовать макеты», да? На практике всё запутаннее. И, кстати, интереснее.
UX-исследование
Интервью, опросы, разбор конкурентов. Чтобы не строить продукт на своих же догадках, которые могут быть совершенно оторваны от реальности.
UX-проектирование
User flow, карта путей пользователя, персоны. По сути, это скелет продукта.
Wireframing
Чёрно-белые блоки без красоты. Зато сразу видно логику. Где провалы, где путаница – всё как на ладони.
UI-дизайн
Визуал. Цвета, шрифты, иконки. То, что пользователь увидит в итоге.
Прототипирование
Можно кликать, переходить между экранами, тестировать удобство до того, как написали хоть строчку кода.
Дизайн-система
Библиотека компонентов. Кнопки, карточки, поля. Разработка ускоряется, стиль держится единым.
Был у нас проект для S7 Airlines: провели 14 очных встреч с пилотами, прежде чем спроектировать интерфейс их приложения. Каждую встречу показывали макеты. Смотрели реакции. 35 дней работы – и получили результат, который люди понимают интуитивно.
Передача в разработку: спецификации, экспорт ассетов, Figma handoff. Мы в Kotelov даём полный цикл услуг UI/UX дизайна: от исследования до готовых материалов для разработчиков.
Этапы разработки UI/UX дизайна
Как это выглядит на практике? Давайте по шагам.
01
Discovery
Погружаемся. Читаем ТЗ, обсуждаем бизнес-цели, разбираемся с аудиторией. Интервью с заказчиком, иногда ещё и с потенциальными пользователями. На выходе понимание: что делаем, для кого делаем.
02
UX-исследование
Конкуренты. Лучшие практики. Портреты пользователей. Схемы потоков. Тут нельзя торопиться – знаете почему? Ошибки на этом этапе обходятся дороже всего. Потом переделывать – боль.
03
Прототипирование
Каркасный макет: структура плюс ключевые функции. После согласования – интерактивный прототип. При редизайне сайта Subway мы сначала разобрали существующие проблемы: визуальной иерархии нет, call-to-action непонятный, блоки перегружены. И только после этого начали проектировать.
04
UI-дизайн
Визуальные макеты экранов. Стили, анимации, адаптивность. Тут дизайн становится тем, что увидит пользователь.
05
Дизайн-система
Компоненты в библиотеку. Инвестиция на будущее: новые экраны создаются быстрее, интерфейс остаётся консистентным. Один раз делаешь нормально – потом пользуешься годами.
06
Передача в разработку
Спецификации. Figma handoff. Документация. Разработчики получают всё для реализации.
Стоимость UI/UX дизайна
Сколько стоит разработка дизайна интерфейса? Зависит от проекта, но ориентиры дать можно.
На цену влияет число экранов, сложность, есть ли исследовательский этап. Лендинг – одно. Мобильное приложение с десятками экранов – совсем другое.
Что ещё поднимает цену? Адаптивность под разные устройства. Полноценная дизайн-система. Сложные анимации и микровзаимодействия – вот это всё недёшево.
Фиксированная оплата
Для проектов с чётким ТЗ, когда всё понятно заранее.
Time & Material
Когда требования могут плыть по ходу, и это нормально.
Ориентировочная оценка для мобильного приложения:
UX-исследование и анализ
20-30 часов
Прототипирование
80-120 часов
Тестирование и доработка
20-30 часов
Итого
120-180 часов
Дорого? Смотря с чем сравнивать. Хороший UX поднимает конверсии и удерживает пользователей, а плохой убивает продукт – видели такое не раз.
Сколько времени занимает разработка дизайна
Сроки тоже зависят от масштаба.
1-2
недели на лендинг
3-6
недель на сайт 10-20 страниц
4-8
недель на мобильное приложение
2-4
месяца на enterprise-систему
Почему так долго? Нормальный процесс включает исследование, несколько итераций, тестирование. Можно быстрее, но качество пострадает.
Что влияет на сроки? Количество итераций согласования. Скорость обратной связи от заказчика: если ответы приходят через неделю, проект растягивается вдвое. Сложность самого продукта.
Мы видели проекты, где заказчик торопил: «Давайте без исследования, сразу рисуйте». Потом переделывали три раза. Вышло дольше. Вышло дороже.
Как выбрать UX дизайн агентство
Рынок переполнен. Все обещают «современный дизайн» и «лучший UX». Как не ошибиться?
Портфолио
Смотрите не на красоту картинок, а на результаты. Есть цифры? Что изменилось после редизайна? Если агентство показывает только скриншоты – это повод задуматься.
Процесс
Есть этап исследования? Как строится коммуникация? Кто будет работать над проектом? Красный флаг – агентство готово сразу рисовать без погружения в задачу.
Команда
Есть выделенные UX-исследователи или только дизайнеры? Кто принимает решения?
Инструменты
Figma – стандарт индустрии. Если работают в чём-то устаревшем – сами понимаете.
Опыт в вашей нише помогает, но не критичен. Хорошая команда разберётся в любой предметной области, плохая не спасёт даже экспертиза.
Что спросить у агентства:
Как проводите исследование пользователей?
Сколько итераций входит в стоимость?
Кто работает над проектом и как устроена коммуникация?
Как передаёте результаты в разработку?
UI/UX дизайн для разных типов продуктов
Веб-сайты
Требуют внимания к адаптивности, SEO и конверсии. Каждая страница ведёт пользователя к целевому действию – должна вести.
Мобильные приложения
Гайдлайны iOS и Android, работа с жестами, онбординг. Отдельная история с особыми требованиями.
Корпоративные системы
Сложные интерфейсы с кучей данных. Тут важна обучаемость, работа с ролями, производительность под нагрузкой.
Стартапы
Часто идут по пути MVP. Быстрые итерации, тестирование гипотез, готовность всё переделать. Нормально.
При проектировании приложения для пилотов S7 Airlines мы учли, что интерфейс будет использоваться в роуминге – добавили возможность скачивать информацию заранее. Мелочь? Для пользователя – нет.
Редизайн — особый случай. Нужно сохранить узнаваемость бренда, не потерять существующих пользователей, и при этом решить накопившиеся проблемы. UX-аудит помогает понять, что именно менять.
Почему выбирают KOTELOV для UI/UX дизайна
100+
сотрудников
13 лет
на рынке
50+
крупных проектов
20+
наград
Сбер, VTB, S7 Airlines, ПИК, Microsoft, Газпромбанк. Не просто список клиентов – проекты, которые требовали глубокого погружения и нестандартных решений.
Наш подход – сначала исследование, потом дизайн. Не наоборот. При редизайне Subway мы детально проанализировали существующий сайт: проблемы с визуальной иерархией, непонятный call-to-action, перегруженность информацией. И только после этого предложили решение.
Можем не только нарисовать, но и разработать. Два формата: только дизайн или полный цикл с разработкой и запуском. Выбирайте то, что нужно вашему проекту.