Дизайн мобильного приложения начинается не с картинок в Figma, а с ответа на вопрос: что должен сделать пользователь за первые 30 секунд. Пока этого ответа нет, любые макеты — просто красивые экраны без логики. Дальше уже идёт структура, прототип и визуальный стиль, а порядок этих шагов сложно поменять местами без потерь во времени.
Почему старт с макетов — частая ошибка
Заказчики часто просят «сделать красиво» и присылают референсы конкурентов. Проблема в том, что чужой дизайн решал чужие задачи — другую аудиторию, другой сценарий использования, другую бизнес-модель.
Прежде чем открывать графический редактор, нужно понять три вещи: кто пользователь, зачем он открывает приложение и что он должен унести с собой после сессии. Это касается и доставки еды, и B2B-каталога для салона.
Скопированный интерфейс редко учитывает локальные привычки — например, то, что часть аудитории в Узбекистане предпочитает оплату в сумах и общение в Telegram, а не push-чат внутри самого приложения.
Бриф и цели: с чего реально стартует проект
Хороший старт — письменный бриф: цель приложения, три-пять ключевых сценариев, ограничения по бюджету и срокам, референсы платформ, которые нравятся или не нравятся. Без этого дизайнер будет угадывать.
На этом же этапе фиксируют платформу — iOS, Android или обе сразу, и язык интерфейса. Для узбекистанской аудитории почти всегда нужен и русский, и узбекский вариант интерфейса, это закладывают в бриф сразу.
UX раньше UI: как проектируют логику экранов
Сначала строят карту экранов и пользовательские сценарии — user flow. Это схема без цвета и шрифтов: кнопки, переходы, состояния «пусто», «загрузка», «ошибка». Именно здесь закладывается удобство, а не в подборе иконок.
Затем делают вайрфреймы — черновые макеты в серых блоках. Их цель — проверить, что путь пользователя логичен, прежде чем тратить время на визуальный стиль, который потом придётся переделывать.
Только после согласования каркаса подключают визуальный дизайн: цвет, типографику, иллюстрации, иконки. Разворот в обратном порядке почти всегда означает переделки на финише.
Что входит в дизайн приложения на практике
В комплект обычно входят: карта экранов, прототип с кликабельными переходами, UI-кит (кнопки, поля, карточки, состояния), адаптация под тёмную тему при необходимости и файлы для разработчиков.
Мы в Jar Agency ведём мобильные и веб-приложения как часть услуги «сайты и разработка» — от прототипа до готового интерфейса, без передачи проекта между разными подрядчиками на каждом этапе.
Отдельно стоит зафиксировать формат передачи файлов разработчику — макеты со спецификациями отступов и размеров экономят время на созвонах уточнения деталей, которые иначе всплывают уже во время сборки экранов.
От чего зависит стоимость дизайна
Цена дизайна приложения формируется от количества уникальных экранов, сложности логики (личный кабинет, оплата, геолокация, чат) и того, нужна ли отдельная адаптация под планшет.
У нас на разработку, включая дизайн, цена всегда идёт от проекта — после того как мы видим бриф и список экранов. Фиксированного прайса «за экран» не даём, потому что сложный экран с фильтрами стоит иначе, чем статичная карточка.
Сроки: сколько занимает дизайн приложения
Небольшое приложение на 10–15 экранов обычно проходит путь от брифа до готового UI-кита за несколько недель, если решения принимаются быстро и нет постоянной смены концепции.
Главный фактор задержек — не сама отрисовка, а согласования: если правки собираются партиями и обсуждаются на созвонах, а не в разрозненных сообщениях, сроки становятся предсказуемее.
Частые ошибки на старте проекта
Первая ошибка — начинать с логотипа и цветов вместо сценариев. Вторая — копировать интерфейс крупного западного приложения без поправки на местную аудиторию и её привычки в Telegram и Instagram.
Третья ошибка — не тестировать прототип на живых людях до передачи в разработку. Даже пять коротких показов человеку из целевой аудитории вскрывают путаницу в навигации, которую команда проекта уже не замечает.
Четвёртая ошибка — заранее не обсуждать бюджет с исполнителем и получать оценку уже после того, как макеты готовы. Это часто приводит к тому, что часть экранов приходится урезать под фактические возможности бюджета.
Как мы работаем над дизайном в Jar Agency
Мы начинаем с брифа и обсуждения сценариев, затем собираем карту экранов и прототип, согласовываем его с клиентом и только после этого переходим к финальному визуалу и передаче в разработку.
Пример из смежной практики — приложение LoadMe для перевозчиков, у него 7 946 пользователей приложения; интерфейс там строился вокруг одного сценария — быстро найти груз или машину, без лишних экранов и отвлекающих элементов на главном экране.
Как это выглядело у клиентов
Частые вопросы
С чего начать дизайн мобильного приложения, если ещё нет ТЗ?+
Начните с короткого брифа: кто пользователь, три-пять ключевых сценариев, платформа (iOS, Android или обе) и бюджет. Формальное ТЗ можно собрать уже вместе с исполнителем на основе этого брифа — так быстрее и без лишней бумажной работы на старте.
Нужен ли прототип перед разработкой?+
Да, кликабельный прототип позволяет проверить логику переходов до того, как экраны попадут к разработчикам. Правки в прототипе занимают часы, правки в готовом коде — дни, поэтому этот шаг экономит бюджет проекта.
Сколько стоит дизайн мобильного приложения в Jar Agency?+
Стоимость считается от проекта: количества экранов, сложности логики и платформ. Мы называем цену после брифа и списка экранов — фиксированного прайс-листа на дизайн приложений у нас нет, потому что проекты сильно различаются по сложности.
Можно ли делать дизайн сразу под iOS и Android?+
Можно и часто так делают — базовый UI-кит один, но с поправками на платформенные особенности: жесты, навигация, системные элементы. Это дешевле, чем вести два полностью раздельных дизайна с нуля.
Кто занимается дизайном — дизайнер или разработчик?+
Дизайн ведёт дизайнер, ориентируясь на технические возможности платформы, но финальный UI-кит проверяется вместе с разработчиком, чтобы избежать решений, которые сложно или дорого реализовать в коде.
Обсудим вашу задачу
Оставьте телефон или мессенджер — вернёмся в течение рабочего дня и посчитаем, во сколько обойдётся заявка в вашей нише.
Подробно об услуге «Сайты и разработка»