Сучасна диджитал-освіта для дітей — безоплатне заняття в GoITeens ×
Mazda CX 5
×

DOU Labs: как в Cleveroad создали калькулятор для подсчета стоимости любого приложения

В рубрике DOU Labs мы приглашаем IT-компании делиться опытом собственных интересных разработок и внутренних технологических инициатив. Вопросы и заявки на участие присылайте на [email protected].

Привет, меня зовут Иван Степаньков. Я Head of Marketing в компании Cleveroad. Наша компания занимается разработкой мобильных и веб-приложений для зарубежных заказчиков. После полугода совместной работы Business & Requirement аналитиков и разработчиков нашей компании, ресерча и анализа требований наших клиентов, мы рады представить вам калькулятор расчета стоимости приложения.

Идея

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

Зачем нам это нужно? Планируя создание онлайн-калькулятора, мы преследовали несколько очевидных целей:

  • Дать ответ на вопросы из разряда: «сколько стоит Убер?» или «сколько стоит простое дейтинг/шопинг-приложение?» без затрат времени и усилий с нашей стороны.
  • Позволить потенциальным клиентам иметь представление о стоимости разработки приложения и оценить свой бюджет.
  • Наглядно продемонстрировать клиентам, как формируется стоимость разработки в зависимости от выбранных функций, какое количество часов нужно на создание программного продукта и какой состав команды следует ожидать.
  • Повысить конверсию и трастовость.

Обдумывая идею, мы провели исследование аналогичных сервисов по расчету стоимости мобильных приложений и нашли в них ряд недостатков (подробнее об этом можете прочитать в нашей статье), которые мы постарались не допустить в нашем проекте. Над калькулятором работали Ирина Журавлева (web-разработчик), Иван Мартыненко (дизайнер), Яровой Алексей (mobile-разработчик) и Кривенко Станислав (Business and Requirement Analyst).

На фото слева направо: И. Мартыненко, А. Яровой, И. Журавлева, С. Кривенко

Реализация

Подготовка

Первым этапом в создании калькулятора был подготовительный: создание базы данных фич приложений в зависимости от их типа. Затем каждая фича снабжалась набором альтернатив реализации (например, авторизация пользователя в приложении может осуществляться через социальные сети, мобильный телефон, имейл; наличие возможности восстановления пароля, автоматической генерации логина и т. д.). Это потребовало серьезной работы бизнес-аналитиков.

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

Технические решения

При разработке Cleveroad Calculator использовался популярный фреймворк Angular — для веб-версии приложения и NodeJS на фреймворке Express — для серверной части.

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

Откуда берутся цифры?

1. Расчет времени. Информация о времени разработки той или иной функциональности — это данные lead-девелоперов компании Cleveroad. Имея за плечами более 6 лет опыта разработки iOS, Android и web-приложений (как серверной, так и пользовательской частей), они достаточно точно могут указать необходимые затраты времени. В сотрудничестве с Requirement & Business аналитиками нашей компании был составлен необходимый список фич каждого продукта и время на их реализацию.

2. Расчет стоимости. Для определения стоимости разработки приложений, мы провели исследование средней стоимости фриланс-разработки по нашему региону (Восточная Европа) по данным Upwork, а также по внутренним данным нашей компании. Реализация более 150 проектов различной стоимости позволяет нам иметь средние статистические данные по стоимости разработки приложений для наших клиентов. С исследованием фриланс-рынка вы можете ознакомиться в статье.

Работа сервиса

1. Начало работы

Выбор типа приложения. Пользователь может выбрать тип приложения из 15 существующих на данный момент. Если же необходимой пользователю категории нет, то он может оставить запрос и получить эстимейт в течение 10 дней. Калькулятор также позволяет рассчитать стоимость клона одного из популярных сейчас приложений, таких как Uber или WhatsApp например. Можно узнать стоимость приложения как отдельно для iOS и Android, так и одновременно для двух платформ.

2. Вопросы

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

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

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

3. Получение результата

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

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

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

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

Результаты

Калькулятор обладает рядом преимуществ в сравнении с аналогичными сервисами.

  • Полнота. Каждое приложение имеет необходимый набор функций для создания как MVP, так и полнофункционального приложения выбранного типа.
  • Кастомность. Пользователь может адаптировать под себя каждую функцию в отдельности и отслеживать изменения стоимости.
  • Обоснованность эстимейта. Чаще всего, озвучивая стоимость какой-либо услуги, подрядчики не уточняют, на основании чего она была сформирована. Благодаря калькулятору Cleveroad пользователи соотносят стоимость и количество ресурсов, необходимое для создания приложения.
  • PDF-отчет, который пользователь может использовать при планировании бюджета и как основу для реализации своего проекта.
  • Дизайн. Мы постарались сделать наш калькулятор визуально простым и интуитивно понятным. Интерфейс разбит на 3 основных блока: вопросы, средняя стоимость и оптимальный состав команды.

Демонстрация сервиса

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

Итоги запуска на Product Hunt:

  • 5-е место по итогам дня (более 700 голосов и 40 комментариев). Мы получили отзывы и комментарии, на которые рассчитывали. В этот день мы конкурировали с массивным обновлением Telegram и презентованным шлемом виртуальной реальности Oculus Go.
  • Более 300 скачанных PDF-отчетов.
  • Более 100 запросов сделать просчет уникальных приложений и 15 новых категорий для калькулятора.

Что касается планов на будущее, мы планируем улучшать продукт, исходя из отзывов пользователей, а именно:

  • улучшить UX;
  • добавить новые категории и приложения;
  • расширить список фич;
  • при эстимейте учитывать затраты, которые зависят от сложности проекта.

Также мы ведем работу над версией калькулятора для веб-приложений и веб-сайтов.

Мы будем рады, если вы попробуете калькулятор от Cleveroad и оставите свой отзыв.

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному1
LinkedIn



14 коментарів

Підписатись на коментаріВідписатись від коментарів Коментарі можуть залишати тільки користувачі з підтвердженими акаунтами.

Отличная работа! Наверное лучшее решение из подобных.
Мы, во многом, вдохновлялись вашим продуктом когда делали подобный проект, но меня не покидала мысль, что вы составляя вопросы держали в голове какую-то придуманную модель приложения. Был ли какой-то фидбек от пользователей? Люди не обращались с тем, что они хотят сильно другой функционал в рамках предложенных вами тем и ваш калькулятор не давал им ответа на их вопрос?

Восхищена проделанной работой, огромный респект разработчикам! Получился очень крутое приложение с приятным интерфейсом :)

Хотела бы поделиться своим отзывом:

Картинки в начале (первые 2 экрана) никак не способствуют пониманию, а скорее наоборот, мешают прочитать, что написано на плашке.

После первых 5 вопросов надоедает однообразный интерфейс (строго личное мнение, возможно со мной это произошло только потому, что я не строила реальное приложение и даже не всегда читала, что вообще написано)

Прокрутка вот в таких случаях prntscr.com/h917qi очень сильно снижает понимание всего блока, в данном случае не так критично, но попадаются и более объемные блоки

Указаны социалки в духе Facebook, а если я хочу LinkedIn, как мне это обозначить? Думаю, что нужна возможность указать «Другое»

В описании команды не понятно, кто будет его проектировать (и это я не про дизайн)? У меня там дэвы, менеджер и тестировщик

Калькулятор 2 раза задал мне один и тот же вопрос про Home Screen

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

У меня ничего не выбрано, какую фичу я должна убрать? prntscr.com/h91aqu

У меня ничего не выбрано и есть возможность перемещаться между вопросами, как понять, какие я уже заполнила? Проклацать все?) prntscr.com/h91axf

Здравствуйте, Aline! Спасибо за Ваши подробные комментарии =)

Прокрутка вот в таких случаях ...

меня эта неизвестность тоже немного напрягала, но мы рассчитывали, что высота «бегунка» будет информировать о том, сколько еще под-фичей доступны для этой фичи. Возможно вставить легкие уведомления [+5 more subfeatures] чтоб было нагляднее.

Указаны социалки в духе Facebook ...

тут не совсем понял, это вы про страницу результатов?

... один и тот же вопрос про Home Screen ...

и

... не спрашивал о том, какой именно дизайн ...

похоже на баг, скажите в какой это тематике появилось?

У меня ничего не выбрано

здесь имеется ввиду удалить всю Фичу как таковую, на вашем скрине это «Registration & Authorization». Подумаем как это сделать более очевидным.

У меня ничего не выбрано и есть возможность перемещаться...

да, тут прокол, такую логику не учли, поправим, спасибо =)

Здравствуйте! Надеюсь помогла своим комментарием. Про социалки — это я про отсутствие Linked In для регистрации новых пользователей.

Не спрашивало о дизайне в разделе Event, если не ошибаюсь

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

Удачи Вам в разработке! приложение получилось действительно достойное :)

Мені от цікаво було би зрозуміти, який результат цей калькулятор дає в плані залучення клієнтів чи помагає залучити нових чи відлякує :)
Але про це мабуть можна буде говорити за місяць-другий.

Медианная оценка включает в себя некий test coverage?

Здравствуйте, Никита! На данный момент затраты времени на QA (если вы о них) в итоговую оценку не включены, только Development Time. Это дополнение стоит в Task list следующего релиза =) Можете оставить в личном сообщении свои контакты, чтоб получить уведомление о новой версии калькулятора.

Я скорее спрашивал про unit/integration тесты, написанные разработчиками, но данная информация тоже полезна к размышлению :)

Крутой калькулятор. Выглядит, будто процесс разработки двигается очень быстро. То, что оценено в 500 часов вашим калькулятором, займет 2-3 тысячи в среднем энтерпрайзе :)

Здравствуйте, Алексей! Как и писал ранее, на данном этапе калькулятор выдает приблизительную оценку. Мы предупреждаем пользователей о том, что просчете пока не учтены затраты времени на апишки, локальную БД, возможные мелкие фичи и прочее. Все эти временные затраты прямо зависят от списка выбранных пользователем фичей и, в следующем обновлении, мы добавим на страницу результатов автоматический просчет этих часов.

Странно видеть яркие нерабочие ссылки на главной странице — Coming soon.
При оценке можно забыть, какое приложение как базу выбрал.
На первом шаге кнопка save & continue выглядит странно
Если после оценки решил поменять что-то, кнопок «далее» нет на шагах 2,4,6,7
На шаге 8 ответ на запоминается.

Странный рассчет стоимости с 30USD в час.
Понимаю, что вы даете примерную оценку, но я бы умножал их на 3, а стоимость на 5.
Так же странно звучит «разработка на Android» — тут ведь возможных вариантов ой как много, и результат будет сильно зависеть от выбранной платформы.

Здравствуйте, Андрей! Спасибо за Ваши предложения. Наличие разделов Coming soon нас тоже удручают, но дорога ложка к обеду) и поэтому решили релизить проект (ProductHunt доказал, что не зря =) ), параллельно доделывая просчеты оставшихся приложений. Если Вас интересуют конкретные тематики, то можете мне написать в личку, и я Вас проинформирую сразу же после их добавления.

Писать о том какое приложение/тематика были выбраны — полезно, не спорю, но мы руководствовались тем, что заинтересованный в просчете пользователь уж точно держит в голове свою идею и помнит на каждом шаге, что просчет делает для своего лучшего в мире нового Убера) согласитесь.

С кнопками. Возможно, что-то в этом есть, как минимум теперь действительно фраза слишком длинная как для кнопки, посмотрим.

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

По просчетам. Вы верно заметили, что калькулятор дает Rough Estimate (о чем и уведомляем пользователей как на странице результата так и в PDF отчете). Более приближенный к реалиям просчет очень сильно зависит от конкретного приложения и User Story, поэтому мы добавили такое понятие как Pessimistic Development Time, который показывает пользователю верхний предел полученного приблизительного, подчеркиваю, просчета.

Полезная вещь. И идея хорошая, и реализация нравится. Спасибо.

Единственное, в визарде можно бы было сделать еще вариант «Все доступные функции», чтобы сразу получить максимальный эстимейт по проекту, а не проходить 10-12 шагов.

Здравствуйте, Александр. Спасибо за сообщение. Да, Вы правы по поводу выбора всех фичей в один клик — это удобно. К этому и мы тоже пришли после релиза =) и добавили этот функционал в шортлист ближайшего апдейта.

Підписатись на коментарі