- Главная
- Услуги
- Мобильные приложения
- Дизайн приложений
Дизайн приложений
Сначала — каркас: какие экраны, что на них и куда ведёт каждая кнопка. Потом — цвета, шрифты и детали. Так вы проверяете приложение на своём телефоне ещё до программирования, а разработчики получают макеты, в которых не нужно ничего додумывать.
Сколько стоит дизайн приложения
Приложение на 15–20 экранов для iPhone и Android: сценарии и разбор конкурентов, каркасы, прототип с проверкой на людях, стиль, все экраны с состояниями, UI-kit, иконка, скриншоты для магазинов. Цена и состав фиксируются в договоре, на каждом этапе — три круга правок.
Обсудить проект- СрокОт 2 недель без проверки на людях, с проверкой — от 4 недель: людей нужно найти и провести через прототип.
- ДорожеБольше 20 экранов, отдельные экраны для iPad, сложная анимация, десятки ролей с разными интерфейсами — считаем по составу до договора.
- Разработка у насМакеты сразу идут в работу — без пересборки чужих файлов. Если нужно сначала описать приложение — техническое задание.
Что остаётся у вас на руках
Макеты всех экранов
В Figma, со всеми состояниями: пусто, загрузка, ошибка, нет сети. Светлая и тёмная тема, если нужна.
Кликабельный прототип
Открывается на телефоне по ссылке: можно пройти сценарий и показать инвесторам или сотрудникам.
UI-kit
Цвета, шрифты, кнопки, поля, карточки — набор деталей, из которого собираются новые экраны без дизайнера.
Иконка приложения
Для App Store, Google Play и RuStore во всех нужных размерах. Нет логотипа — сделаем и его.
Скриншоты для магазинов
Кадры для карточки приложения в размерах App Store, Google Play и RuStore: по ним решают, скачивать или нет. Тексты карточки и публикация — отдельно.
Макеты, проверенные разработчиком
До передачи макеты смотрит программист: всё ли нарисованное можно собрать и не забыто ли состояние. Отступы, размеры, анимации и тексты ошибок описаны в макете; дизайнер отвечает на вопросы, пока идёт разработка.
Пять состояний одного экрана — все есть в макетах
Красивый экран с данными — только один из вариантов. Пользователь увидит и пустой список, и ошибку, и плохую связь в метро. Если их нет в макетах, разработчик сделает как получится. Переключайте:
iPhone и Android: что рисуем по правилам каждой системы
Мы не рисуем одно приложение «как на iPhone» для всех: если люди привыкли к своей системе, чужие жесты и кнопки их путают. Общими остаются фирменный стиль, цвета и тексты, а навигацию, системные элементы и жесты делаем по правилам Apple и Google для каждой системы.
От сценариев до макетов: шесть шагов
Каждый этап заканчивается вашим «да». Чем раньше нашлась ошибка, тем дешевле её исправить: в каркасе — минуты, в готовом коде — дни.
- Сценарии и конкурентыКто пользуется приложением и зачем открывает его: 3–5 главных задач. Смотрим, как те же задачи решены у конкурентов.
- КаркасыСхемы экранов без цвета — проверяем логику и тексты.
- Прототип на людяхПрототип на телефоне проходят несколько человек из вашей аудитории; где запнулись — переделываем каркас.
- Визуальный стильДва-три варианта на ключевом экране, выбираете один.
- Все экраны и состоянияПлюс UI-kit, иконка и скриншоты для магазинов. Перед передачей макеты проверяет разработчик.
- Сопровождение разработкиДизайнер проверяет, что собранное совпадает с макетом.
Вопросы о дизайне приложений
У нас есть макеты от другого дизайнера. Возьмёте в разработку?
Да, если они в Figma и в них есть все экраны и состояния. Если чего-то не хватает — скажем до оценки и дорисуем.
Можно сделать приложение в стиле нашего сайта?
Да: берём цвета, шрифты и логотип сайта и переносим их в правила мобильных платформ. Один в один сайт не копируем — на телефоне другие размеры и жесты.
Нужны ли отдельные макеты для Android?
Стиль общий, а навигация, системная кнопка «Назад», меню и часть элементов у Android свои. Это не второй дизайн с нуля: те же экраны дорабатываем по правилам Google. Обе платформы входят в цену.
Сколько правок входит?
Три круга правок на каждом этапе: каркасы, стиль, экраны. Сверх них — по ставке 2 800 ₽ в час. Ошибку, найденную на каркасе, исправить быстрее всего, поэтому каркасы смотрим особенно внимательно.
Кому принадлежат макеты?
Вам: после оплаты передаём файлы Figma и права на них по договору.
Учитываете людей с плохим зрением?
Да: контраст текста; область нажатия не меньше 44 × 44 pt на iPhone и 48 × 48 dp на Android — сама кнопка может быть меньше; экраны не ломаются, когда человек увеличил шрифт в настройках телефона (Dynamic Type на iPhone, масштаб шрифта на Android).
Сколько длится работа?
От 2 недель, если прототип проверяете вы и ваши коллеги, и от 4 недель с проверкой на людях из вашей аудитории. Точнее — после разговора о сценариях: срок зависит от числа экранов и того, как быстро согласуются этапы.
Когда макеты готовы — разработка
Покажите идею — соберём первые экраны
Расскажите о задаче — уточним детали, предложим состав и назовём стоимость по опубликованному прайсу.
- Цена и состав — в договоре
- Три круга правок на этап
- Гарантия 12 месяцев на наш код
- Домен и исходники ваши, лицензия бессрочная