Качественный UI/UX дизайн может принести прибыль, привлечь новых юзеров и удержать старых. А каждый вложенный в него доллар — окупиться в 100 раз. Но сколько должен стоить UI/UX дизайн? И о чем идет речь, когда мы говорим про «UI/UX дизайн»? В этой статье расскажем, какие факторы влияют на цену UI/UX дизайна — и сколько времени он занимает.
Время чтения: 7 минут
Ищете слаженную команду разработки?
Поможем с дизайном и разработкой приложений для бизнеса и стартапов
Не важно, что вы хотите создать — приложение для дыхательных практик или сайт для туристов — цена UI/UX дизайна рассчитывается одинаково. На нее влияют 5 факторов: планирование функций, количество и сложность функций, сложность элементов дизайна, опыт команды. Рассмотрим их поближе — учтите, что 3 первых фактора больше применимы именно к дизайну приложений, а не сайтов.
Допустим, заказчик обратился в студию разработки за UI/UX дизайном. Он может прийти с четким видением продукта и его функций. Или ни с чем, кроме размытой идеи.
Если заказчик знает, какие функции будут в приложении, дизайн пойдет быстрее.
Если стартапер пока не понимает, как будет работать продукт, придется больше работать. Нужно построить путь пользователя и определиться с функциями, которые будут включены в продукт. А еще проработать логику каждой из них. Например, продумать, как будет устроена оплата в приложении. Клиент все это должен одобрить — дизайнеры потратят больше времени, и проект будет стоить дороже.
В начале разработки PetBuddy заказчица не знала, что хочет реализовать в приложении. Поэтому мы продумывали функции и их логику. Одна из них — калькулятор шоколада
Чем больше в приложении функций, тем больше экранов надо проектировать. Такой дизайн дольше делать — и он дороже.
Сравним 2 приложения, которые мы разработали: приложение для владельцев домашних животных и экосистему приложений для ночных клубов. Разработка экосистемы обошлась дороже — в приложении было больше функций и пользовательских ролей.
Для приложения PetBuddy нужно было разработать экраны для одной пользовательской роли, не больше
Разработка и дизайн экосистемы приложений для ночных клубов заняли больше времени — было много функций и пользовательских ролей
Разработка некоторых функций дольше и сложнее других. Их дизайн стоит дороже.
Представьте приложение в сфере образования. Пользователь закончил один из уроков — как замотивировать его продолжить учебу? Есть два варианта:
Второй вариант более дорогой — нужно спроектировать больше экранов.
Duolingo — одно из приложений со сложными функциями. В нем есть квесты и системы вознаграждений. Их разработка занимает больше времени, чем экран в стиле «Ура!», и поэтому стоит дороже
Если у приложения или сайта минималистичный дизайн, он будет стоить дешевле. А если для продукта нужно разработать сложную анимацию и интерактивные элементы, придется заплатить больше. Сравните:
Мы работали над двумя приложениями с разной визуальной сложностью: Breathmethod и приложением для доставки лекарств.
Breathmethod — приложение для медитации. Его дизайн должен успокаивать пользователей. Для этого мы с нуля разработали концепцию приложения: добавили фотографии и анимированные элементы, а еще выбрали подходящую цветовую палитру.
Дизайн приложения Breathmethod
У приложения для доставки лекарств дизайн нейтральный. Мы добавили простые иконки и выбрали монохромную цветовую палитру с красными элементами.
Дизайн приложения для доставки лекарств
У разных дизайнеров разная почасовая ставка. Она зависит от опыта и типа сотрудничества.
Опыт. Узнайте, как давно специалист начал заниматься UI/UX дизайном, и есть ли у него кейсы. Чем опытнее дизайнер, тем дороже услуги. Но это все равно выгодно: если у него хорошее портфолио, скорее всего, у вашего продукта тоже будет классный дизайн.
Тип сотрудничества. Фрилансер может сделать работу дешевле, но у него нет гарантии качества. Сотрудники в штате могут справиться лучше, но такой дизайн стоит дорого — придется искать кандидатов, проводить интервью и онбордить их. Аутсорсинговые компании — золотая середина: они дешевле, чем команда в штате, но качество гарантируют.
Обычно цену рассчитывают с помощью почасовой ставки.
В Purrweb свой подход к оценке стоимости дизайна. Вот что нужно сделать:
Эпики — основные шаги пользовательского пути. Их можно определить после маркетингового анализа. С эпиками дизайнеры могут четко понять, как юзер будет пользоваться сайтом или приложением.
Возьмем для примера приложение в сфере фитнеса. У него может быть несколько эпиков: регистрация, главная страница, каталог с тренировками.
Регистрация — важная часть пользовательского опыта. Это эпик — он может охватывать несколько экранов
Затем менеджер проекта делит эпики на истории. Пользовательские истории более конкретны, чем эпики — определяют действия, которые пользователь может совершить в приложении или на сайте. С историями легче понять, сколько экранов нужно.
Вернемся к приложению в сфере фитнеса. В эпике «Главная страница» есть несколько историй: юзер может начать тренировку, зайти в календарь, посмотреть программы.
С главной страницы пользователь может просмотреть любую программу — это одна из историй
В нашей студии оценкой занимаются дизайнеры и бизнес-аналитик. Они определяют, сколько часов нужно, чтобы наметить логику пользовательского опыта и сделать вайрфреймы (базовые версии экрана). А еще — сколько времени займёт дизайн всех состояний одного экрана.
Состояния экрана показывают, как одна функция работает в разных сценариях. Возьмем регистрацию. Недостаточно продумать момент, когда юзер вводит правильный логин и пароль. Нужно учесть сценарии, когда пользователь вводит неправильный пароль или оставляет поле ввода пустым.
Время умножается на почасовую ставку агентства — так рассчитывается цена дизайна. Этот процесс может выглядеть так:
Эпики — этапы пути пользователя. Истории подробно описывают все действия, которые юзеры могут совершить в приложении
У каждой компании свой подход к UI/UX дизайну. У нас есть свой опыт — мы сделали больше 550 проектов за 10 лет. За это время мы оптимизировали процесс — можете адаптировать его для своей команды разработчиков или нанять нас. Вот какие этапы есть:
Когда к нам приходят заказчики, у них часто уже есть идея продукта — но они могут не понимать специфику рынка. Поэтому мы делаем маркетинговый анализ — исследуем целевую аудиторию будущего продукта. Еще мы смотрим на конкурентов — их сильные и слабые стороны.
Просим у заказчика примеры дизайна, которые ему нравятся — и референсы, которые ему не нравятся. Так легче понять, на что ориентироваться и от чего отказаться — в процессе дизайна будет меньше правок, которые его затягивают.
Проектируем функции приложения и создаем майндмэп — карту функциональности. Она схематично показывает, как работают функции и как с ними может взаимодействовать пользователь.
Майндмэп для одного из наших проектов — обычно мы создаем их в Miro
Берем функции приложения или контент сайта, прогнозируем действия пользователя — и даем им визуальное воплощение. Это и есть вайрфрейм. С ним легче определить, как расположить основные элементы на экранах.
Вайрфрейм — черно-белый «скелет» экрана приложения
Мы выбираем 3-4 экрана и дорабатываем их дизайн, чтобы понять, как будут выглядеть главные функции или страницы сайте на финальном этапе.
С помощью дизайн-концепта мы показываем заказчику цветовую палитру и шрифт. Еще объясняем другие решения дизайнеров — например, почему выбрали конкретный дизайн кнопки. Результат согласовываем.
Дизайн-концепт нередко отличается от вайрфреймов — он выглядит более законченным
С кликабельным прототипом легче проверить, как работает интерфейс. Еще с ним можно проводить UX-исследования.
В итоге заказчик получает кликабельные прототипы и UI-kit. Он может передать дизайн разработчикам или инвесторам.
Дизайн приложения Cryptowallet
Посмотрите в таблице:
В нашей студии дизайн занимает около 1,5 месяцев.
Мы руководствовались этим процессом, когда делали Fintarget — приложение для начинающих инвесторов. Заказчик пришел со своей командой разработчиков, и нашей задачей было сделать UI/UX дизайн продукта. Мы спроектировали несколько функций: регистрацию, профили пользователей и поиск стратегий. Через 1,5 месяца заказчик получил две версии продукта — мобильное и веб-приложение.
Приложение для начинающих инвесторов Fintarget
Если у вас есть идея нового приложения, и вы хотите рассчитать цену и сроки для дизайна — пишите в анкету ниже. Мы ответим в течение 24 часов.
Насколько публикация полезна?
Оцени эту статью!
37 оценок, среднее 4.1 out of 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной...
Подписывайтесь на нас в соцсетях!
Читать
Ваша заявка уже у нас :) Обычно ответ занимает от 12 до 24 рабочих часов.
Извините, что-то пошло не так при отправке запроса.
Попробуйте позже.