Все статьи Сколько стоит дизайн мобильного приложения, фотография 1

Сколько стоит дизайн мобильного приложения

26 июня 2019
Клиентам
Дизайнерам
Наш опыт

Стоимость дизайна мобильного приложения зависит от того, что понимать под термином «дизайн приложения». Дизайн приложения включает в себя широкий спектр задач: изучение поведения пользователей, анализ конкуренции, проектирование пользовательского взаимодействия и UX, дизайн интерфейса мобильного приложения, графиков, иконок и логотипа — и это ещё далеко не полный список.

О том, сколько стоит разработка приложения, мы уже писали. Теперь обсудим среднюю цену дизайна приложения — того, как оно будет выглядеть и восприниматься пользователем. Но сперва разберёмся, как от одного слова «дизайн» мы перешли к целому набору словосочетаний, описывающих дизайн мобильных приложений.

Что включено в стоимость дизайна

Любой дизайн напрямую связан с решением проблем. Создаёте вы новый продукт или улучшаете уже существующее приложение, сделать дизайн — значит решить проблему.

Некоторые клиенты студий смотрят на то, что делают их конкуренты, и пытаются это повторить. Они не задумываются о том, что все те фичи, которые они пытаются скопировать, в их случае могут быть совсем не эффективными.

Даже крупные игроки могут принимать неудачные решения. Не стоит думать, что громкий бренд автоматически означает высокое качество, особенно, когда хочется применить похожие решения в своих проектах.

— Игорь Курганов, QA-инженер Лайв Тайпинг (статья «Apple Music: не пытаясь скрыть боль»)

Самый лучший подход к решению этой проблемы — предварительная разведка, что приводит нас к первому шагу рабочего процесса.

Анализ конкуренции и поведения пользователей

Если состоявшийся бизнес знает свою аудиторию и положение на рынке, то про стартапы так можно сказать не всегда. Им на помощь приходит продуктовый аналитик, он же бизнес-аналитик.

Он занимается сбором данных о рыночных тенденциях и конкурентах, находящихся в открытом доступе. Финансовые отчёты, отзывы, сайты и приложения аналогов, мнения экспертов, группы в соцсетях, интервью и т. п. — всё это помогает продуктологу с организацией модели продукта и разработкой гипотез и называется вторичной информацией. Вклад продуктового аналитика помогает стартапу стабильнее развиваться в дальнейшем.

Когда мы работали над первой версией приложения ИЛЬ ДЕ БОТЭ, мы изучали приложения как прямых конкурентов, так и других eCommerce-сетей, не относящихся к косметике. Это позволило собрать множество паттернов пользовательских интерфейсов, улучшить и переиспользовать какие-то из них и придумать свои.

— Роман Беляев, дизайнер Лайв Тайпинг

Дизайн наших приложений должен нравиться аудитории, поэтому мы изучаем их поведение, потребности и мотивацию.

  • Приблизительное время для анализа конкурентов и целевой аудитории: 20–100 часов
  • Результаты: примеры использования, реалистичные сценарии поведения пользователей, пожелания пользователей.
  • Используемые инструменты: персонажи-пользователи, результаты A/B-тестирований, практические исследования пользователей, здравый смысл.

Создание прототипа

Следующий шаг рабочего процесса — создание прототипа и разработка пользовательского опыта. Во время этой стадии мы структурируем свои идеи так, чтобы пользователям продукта было удобно с ним работать. Навигация внутри приложения должна быть плавной и логичной, а переход от одного шага к другому — незаметным.

Процесс создания прототипа может включать в себя несколько итераций. Оттачивание прототипов приложения от одной итерации к другой для создания наилучшего UX может занять больше времени, чем кажется. Но тщательный подход к созданию прототипа экономит ваш бюджет. Причина в том, что имея на руках прототипы к тому времени, как проект перейдёт на стадию разработки, команда будет обладать целостной структурой, необходимой для работы над конкретными функциями.

Прототип приложения Лояка
Прототип приложения «Лояка»

Одним из самых больших факторов риска на протяжении всего жизненного цикла проекта является изменчивость пользовательских требований. Абсолютно все — и бизнес-аналитики, и разработчики iOS и Android, и дизайнеры, и менеджеры проекта, и заказчик — работают над созданием прототипа вместе, и он должен устраивать всех. Так мы опознаем и заранее гасим спорные моменты, которые могут возникнуть при разработке приложения — а значит, меньше рискуем не вписаться в бюджет.

Визуальный дизайн

Если дизайн приложения — это решение проблем, то визуальный дизайн — это коммуникация. Визуальный дизайн, часто называемый дизайном пользовательского интерфейса (UI), постепенно рассказывает о продукте пользователю, переходящему от одного экрана к другому.

Дизайн — это создание внешнего вида продукта и того, как он ощущается; это и правильный подбор цветов и форм, и коммуникация через типографику. Текст в приложении должен быть легко читаемым, а само приложение — выглядеть приятно. Поиск самого лучшего способа отобразить множество разных видов контента одновременно требует творческого подхода. У дизайнеров, у которых это получается, за плечами обычно как минимум несколько лет опыта.

Стоимость дизайна интерфейсов на сайте Лайв Тайпинг
Дизайн-концепция «Киноголика»

Наша UI-команда работает как с внешним видом пользовательского интерфейса, так и с тем, какие функции он будет выполнять в ответ на касания пользователя, так что создаём мы не только статические объекты, но и анимацию, и движение.

Дизайнеры мобильных приложений решают, как должно ездить меню, куда надо свайпать, чтобы активировать ту или иную функцию, и как возвращаться на страницу профиля. Приложение Yodel помогает менеджерам находить исполнителей для своих задач. Создание задачи включает множество параметров, и, чтобы не перегружать один экран, мы разбили этот процесс на несколько. Переход на каждый следующий экран сопровождается кнопкой «Далее». Тогда, в 2016 году, её чаще всего располагали в правом верхнем углу экрана и до неё постоянно приходилось тянуться. Мы придумали поместить её прямо над клавиатурой, чем повысили удобство пользования. Сейчас это уже популярный паттерн, но в то время его почти никто не использовал.

Стоимость дизайна приложения на сайте Лайв Тайпинг
Приложение Yodel. Чем удобнее место для кнопки, тем качественнее дизайн

Важно понимать, что визуальный дизайн и бренд связаны друг с другом. Визуальный дизайн — это целостный стиль приложения, который включает в себя и логотип, и иконку, и все экраны приложения.

Дизайн приложения отражает индивидуальность бренда. Задавать вопрос «Сколько стоит дизайн логотипа приложения?» не совсем верно, поскольку логотип представляет собой лишь маленький элемент бренда, а значит, и маленький компонент дизайна в целом. Стоимость дизайна логотипов и иконок мы включаем в общую цену дизайна приложения.

  • Приблизительное время на визуальный дизайн приложения: примерно 60–220 часов.
  • Результаты: финальный дизайн продукта, в том числе логотип приложения, иконки и скриншоты для магазинов приложений.
  • Используемые инструменты: Sketch, Adobe, Principle.

Сколько стоит дизайн приложения?

Закончив с определениями дизайна приложения и рассмотрев его стадии, мы можем перейти к самому насущному вопросу. Стоимость дизайна приложения обычно рассчитывается в зависимости от его сложности, уровня навыков дизайнера и того, на каком количестве платформ будет доступно приложение. Мы создаём мобильные приложения для Apple iPhone и iPad, всех Android-устройств, Apple Watch и аксессуаров Android, а также для Apple TV и Android Smart TV.

Если вашему iOS- или Android-приложению не нужны всяческие ухищрения типа анимации, то времени (а значит, и денег) понадобится меньше. Но главным фактором, влияющим на ценник дизайна приложений является география. Сколько стоит дизайн приложения в разных частях света?

Стоимость дизайна приложения в зависимости от страны

Здесь и далее мы имеем в виду стоимость часа работы дизайнера при заказе проекта в компании, которая профессионально занимается разработкой дизайна приложений, имеет подтверждённый опыт в этой области, штат взаимозаменяемых специалистов и производственные процессы, которые позволяют ей гарантировать качество и сроки.

  • В России, согласно исследованию агентства «Тэглайн» 2015 года, средняя стоимость часа работы дизайнера составляет 1770 рублей. В 2019 году таких исследований пока не проводилось, но, по нашему экспертному мнению, стоимость выросла не сильно: если вы заказываете проект у региональных студий, в сметах будет фигурировать ставка от 1600 до 2000 рублей в час, у столичных компаний и крупных региональных игроков — от 2000 до 3000 рублей.
  • В Украине и Беларуси, где тоже много классных специалистов по дизайну приложений (в основном работающих на Запад), вы заплатите 20–30 $ за час.
  • В Индии тысячи компаний-аутсорсеров, многие из них борются с конкурентами с помощью демпинга и могут себе позволить продавать час работы профессионала до 25 $.
  • Американские и европейские дизайн-команды в среднем берут 50–150 $ в час. Скорее всего, заплатить придётся от пары тысяч долларов до нескольких десятков тысяч за особо навороченное приложение.
  • Британские студии берут 40–80 £ (65–130 $) в час. Дизайн приложений для iOS, к примеру, стоит 1000–5000 £. Реальная цена зависит от графики, объёма работы и поддержки платформ (приложения на iPad, скажем, дороже, чем iPhone).

Стоимость дизайна приложения в зависимости от сложности проекта в студии Лайв Тайпинг

Чтобы дать вам лучшее представление о стоимости дизайна приложений, мы поделили iOS- и Android-приложения на три типа: простые, средней сложности и сложные. Итоговая стоимость рассчитывалась исходя из ставки 2200 ₽/час.

Простые приложения

Создаются для двух платформ. В них мало экранов, данных и действий, которые могут совершать пользователи. Предполагается создание API, бэкенда и панели администратора, возможность просмотра и отправки изображений, вход и авторизация через популярные соцсети. Такие приложения могут использовать готовые картографические сервисы и работать с GPS. На простые приложения уходит около 100–140 часов.

Пример из нашего портфолио — «Свежевъ», iOS и Android-приложение для сети магазинов пива с программой лояльности. В приложении можно привязать к аккаунту и использовать свою дисконтную карту, а также читать новости сети и узнавать об акциях. В общем получилось около 40–50 готовых к разработке экранов.

Цена адаптивного дизайна на сайте Лайв Тайпинг
Приложение «Свежевъ»

Итого:

  • прототипирование: 40–60 часов;
  • дизайн под iOS и Android: 60–80 часов;
  • функциональное задание: 12 часов;
  • стоимость: ~335 тыс. рублей.

Приложения средней сложности

В него входит всё, что указано ранее. Усложняется функциональность: она может включать чаты, оплату и т. д. На стоимость здесь влияет не только сложность компонента, но и их количество. Приложения средней сложности в среднем занимают около 200–240 часов. WhatsApp — пример приложения средней сложности. На первый взгляд, приложение чрезвычайно простое, но если приглядеться, можно заметить множество дополнительных окошек, продуманные взаимодействия и разнообразие контента, который можно посылать в одном сообщении. Дизайн чат-приложения типа WhatsApp может занимать 200–250 часов, но на самом деле, на его разработку только под одну платформу ушло аж 700 часов. Здесь можно прочитать про стоимость разработки приложения WhatsApp.

Лайв Тайпинг работал над дизайном приложения «Мой дом», которое позволяет следить за потреблением электричества в доме, смотреть за камерами видеонаблюдения и открывать дистанционно входную дверь. Разделов в нём немного, зато много динамических данных, и все их вариации нужно было отобразить в дизайне на графиках. Также нужно было отрисовать множество ошибок (не работает камера, пропал интернет, не работает сервер и т. п.). В итоге получилось около 90–100 экранов и было потрачено почти 200 часов.

Цена дизайна приложения для мобильных устройств на сайте Лайв Тайпинг
Приложение «Мой Дом»

Итого:

  • прототипирование: 80–100 часов;
  • дизайн под iOS и Android: 120 часов;
  • функциональное задание: 16 часов;
  • стоимость: ~520 тыс. рублей.

Сложные приложения

В него входит всё, что указано ранее. Усложняется функциональность: она может включать обработку аудио- и видеофайлов, синхронизацию в режиме реального времени, большой объём кастомных анимаций, интеграцию с большим количеством сторонних сервисов, работу с VR/AR-платформами, наличие нескольких типов пользователей. Сверх этого — большое количество контента и экранов. Сложные приложения с кастомными анимациями требуют около 400 часов. Сложных приложений не так уж много — большая часть мобильных решений простые или средней сложности. Самый главный фактор повышения стоимости приложения — это количество поддерживаемых платформ.

Первую версию приложения ИЛЬ ДЕ БОТЭ мы делали сразу для четырёх платформ: iOS, Android и планшетные версии для обеих ОС. Так как это eCommerce, было очень много экранов с обилием функций. Общее количество экранов составило около 600, часов — 400.

Стоимость дизайна мобильного приложения на сайте Лайв Тайпинг
Приложение ИЛЬ ДЕ БОТЭ

Итого:

  • прототипирование: 170 часов;
  • дизайн под iOS и Android: 220 часов;
  • функциональное задание: 24 часа;
  • стоимость: ~911 тыс. рублей.

Имейте в виду, что наша оценка стоимости дизайна приложений по всему миру приблизительна. Кроме того, стоимость услуг зависит не только от локации, но и от качества, методик, профессионализма и рабочих процессов выбранной вами студии или фрилансеров.

Сколько стоит дизайн приложения? Сводная таблица
Стоимость дизайна мобильного приложения в студии Лайв Тайпинг

Надеемся, что эта статья помогла вам понять, каким бюджетом нужно обладать, чтобы заказать создание дизайна в Лайв Тайпинг. Повторимся, что оценка стоимости дизайна приблизительная, и каждый случай требуется разбирать отдельно. Если вы захотели сделать мобильное приложение вместе с нами, заполните анкету, получите бесплатную консультацию и оценку именно вашего проекта.

Подпишитесь на наш Dribbble и Behance и дайте нам знать, если у вас есть к Live Typing вопросы о стоимости дизайна приложений.

Прочитайте другие наши статьи
Сколько стоит разработать мобильное приложение?

Отвечаем на главный вопрос заказной мобильной разработки — подробно и с примерными ценами проектов

Как мы делаем проекты: проектирование и прототипирование

Прежде чем создать реальный проект, нужно запустить его «на бумаге» и заложить фундамент. Результатом этапа станет интерактивный прототип и функциональная структура приложения 

Зачем eCommerce-проектам делать мобильное приложение

Рост конверсии, нативные платежи и другие выгоды для любого ритейл-бренда, который подружился с мобайлом

Комментарии (0)
Роман Беляев, фотография Роман Беляев Дизайнер Live Typing