Дизайн мобильного приложения — это отдельный этап со своей стоимостью, которая не равна цене всей разработки. Разбираем, из чего она складывается и почему количество экранов влияет на бюджет сильнее всего: разница между UX и UI, роль дизайн-системы для приложений, которые будут расти, и то, как формат передачи макетов влияет на дальнейшую работу с разработчиками.
Из чего складывается стоимость дизайна интерфейса
Стоимость дизайна зависит от количества уникальных экранов, сложности взаимодействий на них и того, нужна ли дизайн-система для дальнейшего масштабирования приложения.
Простой каталог с карточками товара стоит дешевле в дизайне, чем экран с фильтрами, сортировкой, анимацией переходов и несколькими состояниями интерфейса.
Мы считаем стоимость дизайна отдельно от разработки — это позволяет заказчику видеть, за что именно он платит на этом этапе.
Дополнительный фактор — количество раундов согласования, заложенных в проект: если заказчик планирует активно участвовать в обсуждении каждого экрана, это стоит учесть в оценке сроков и стоимости заранее, а не по факту.
UX и UI — разные этапы, разная цена
UX-часть — это структура и логика: как пользователь перемещается между экранами, где он совершает целевое действие, что происходит при ошибках.
UI-часть — визуальное оформление этой структуры: цвета, типографика, иконки, состояния кнопок. UI без проработанного UX часто оказывается красивым, но неудобным в использовании.
Обе части входят в стоимость дизайна, но их соотношение меняется в зависимости от сложности логики приложения — чем сложнее сценарии, тем больше времени уходит на UX.
На практике эти два слоя редко разделяются полностью: в процессе UI-дизайна нередко всплывают детали логики, которые не были учтены на этапе UX, и их приходится пересматривать уже на следующем шаге.
Количество экранов как основной фактор
Число экранов — самый прямой показатель объёма работы: чем больше уникальных состояний интерфейса нужно нарисовать, тем больше часов уходит на дизайн.
Повторяющиеся элементы — карточки, кнопки, поля ввода — считаются один раз и переиспользуются, поэтому приложение с системным подходом к компонентам обходится дешевле, чем набор из полностью уникальных экранов.
На стоимость также влияет число платформ, под которые адаптируется дизайн: интерфейс, продуманный отдельно под Android и под iOS с учётом их различий в поведении элементов, требует больше часов, чем один универсальный макет.
Дизайн-система и её влияние на бюджет
Дизайн-система — это набор переиспользуемых компонентов: кнопки, поля, карточки, отступы, цвета. Она увеличивает стоимость на старте, но экономит время на добавлении новых экранов в будущем.
Для приложения, которое будет расти и обновляться, дизайн-система окупается быстро. Для одноразового простого приложения без развития она может быть избыточной тратой бюджета.
Дизайн-система также упрощает работу нескольких дизайнеров над одним проектом одновременно — компоненты остаются согласованными, даже если над разными разделами приложения работают разные специалисты.
Дизайн отдельно от разработки — плюсы и минусы
Заказ дизайна отдельно от разработки позволяет получить готовые макеты и передать их любой команде разработчиков — это удобно, если разработка уже ведётся своей командой.
Минус в том, что при передаче макетов между разными подрядчиками часть решений теряется в переносе: не всегда очевидно, почему элемент выглядит именно так. Заказ дизайна и разработки у одной команды снимает этот риск.
При заказе дизайна отдельно стоит заранее уточнить формат передачи макетов — файлы должны быть организованы так, чтобы любая команда разработки могла разобраться в структуре без дополнительных пояснений от дизайнера.
Сроки дизайн-этапа
Дизайн простого приложения с небольшим числом экранов занимает меньше времени, чем дизайн продукта с личным кабинетом, каталогом и множеством состояний интерфейса.
Сроки дизайна мы фиксируем отдельно от сроков разработки — заказчик видит и утверждает макеты до того, как начинается кодирование.
Помимо самих экранов, в сроки дизайн-этапа закладывается время на правки после первой демонстрации макетов — на практике редко бывает так, что первая версия утверждается без единого замечания.
Как мы считаем стоимость дизайна
После брифа мы оцениваем количество экранов и сложность взаимодействий, определяем, нужна ли отдельная дизайн-система, и присылаем смету с разбивкой по этапам.
Стоимость дизайна называем как часть общей сметы на проект — цена всегда формируется от конкретной задачи, а не по усреднённому прайсу.
Итоговая смета на дизайн всегда привязана к конкретному списку экранов и сценариев, зафиксированному после брифа — это защищает и заказчика, и исполнителя от разночтений по объёму работ в процессе проекта.
Мы стараемся показывать не только готовые экраны, но и логику, по которой они спроектированы — это помогает заказчику оценивать промежуточные версии осмысленно, а не только по общему визуальному впечатлению.
Как это выглядело у клиентов
Частые вопросы
Дизайн мобильного приложения — это отдельная услуга?+
Да, дизайн можно заказать отдельно от разработки. Это удобно, если у вас уже есть команда разработчиков и нужны только готовые макеты интерфейса.
От чего больше всего зависит стоимость дизайна?+
От количества уникальных экранов и сложности взаимодействий на них. Повторяющиеся элементы интерфейса считаются один раз и удешевляют дизайн приложения с системным подходом.
Нужна ли дизайн-система для небольшого приложения?+
Не всегда. Дизайн-система окупается для продукта, который будет расти и обновляться. Для простого одноразового приложения она может быть избыточной тратой бюджета.
Чем отличаются UX и UI в стоимости дизайна?+
UX — это структура и логика взаимодействия, UI — визуальное оформление этой структуры. Обе части входят в стоимость дизайна, их соотношение зависит от сложности сценариев использования.
Сколько времени занимает дизайн-этап?+
Зависит от числа экранов и сложности интерфейса. Сроки дизайна фиксируем отдельно от сроков разработки и утверждаем макеты до начала кодирования.
Обсудим вашу задачу
Оставьте телефон или мессенджер — вернёмся в течение рабочего дня и посчитаем, во сколько обойдётся заявка в вашей нише.
Подробно об услуге «Сайты и разработка»