Разработка мобильных приложений для стартапа собственными силами
Разбираемся, как в семь шагов сделать мобильное приложение на iOS и Android для своего стартапа собственными силами.
Технический директор BrightMobile рассказывает как создавать мобильные приложения на iOS и Android для Вашего стартапа.
Я не буду рассказывать как программировать, а буду давать материалы как и что делать своими руками или кого нанять за приемлемую цену.
Не делайте первую версию больше 10-и экранов, лучше выделить что-то очень важное, то что вы хотите протестировать в режиме минимально рабочей версии.
1 шаг, структура экранов
Первое что вы можете сделать своими силами, это описать структуру своего будущего мобильного приложения. Не нужно браться и сразу рисовать эти экраны, начните просто с перечисления и краткого описания функций каждого.
Например вот так он может выглядеть:
- Авторизация (ввод номера мобильного и ввод кода из смс);
- Профиль клиента (имя, фамилия, город);
- Оплата (список карт для оплаты поездок, привязка карты для оплаты);
- Вызов такси (откуда, куда, опции, цена поездки);
- Поездки (история поездок);
- Детали поездки (информация о прошлых поездках и возможность поставить оценку водителю);
- Пользовательское соглашение (информация о правилах сервиса).
Что удобно, сначала вы напишете экранов 30-50 и будете убирать то что можно отложить на вторую версию.
2 шаг, прототипирование
Со схемой экранов уже можно идти прототипировать самому или нанять дизайнера для прорисовки прототипа. Писать большое текстовое техническое задание тоже идея не лучшая, т.к. по нему сложно оценивать трудозатраты специалистам, которых вы можете нанимать. Сервисов прототипирования достаточно много, я бы отметил марвел. Можно само собой заказать работу на FL.
Приведу типовые цифры:
- трудозатраты на один экран 1,5 часа;
- цена на FL 300р x 1,5ч = 450р за экран.
Дальше важно показать результат своим будущим клиентам и понять спрос на такой сервис, тут вы как раз получите ту самую ценную обратную связь по корректировке вашего проекта. Само собой в поисках нужного результата нужно будет несколько раз повторить этап написания структуры и прототипирования и это нормально.
И вот вы наконец с прототипом мобильного приложения, который нравится вашим будущим клиентам, пора продавать то что вы планируете монетизировать в сервисе. Само собой с дисконтом, но продавать. Продажи помогут вам понять, что вы на правильном пути и даст больше уверенности. Уверен что появятся и инвесторы, которые готовы профинансировать вашу идею.
3 шаг, дизайн
Дальше нужно переходить к дизайну. Дизайнер будет рисовать по прототипам поэтому особых вопросов задавать не будет. Нужно лишь дать ориентиры в стилистике, цвета, примеры понравившихся приложений.
Приведу типовые цифры:
- трудозатраты на один экран 4 часа;
- цена на FL 300р x 4ч = 1 200р за экран.
4 шаг, серверная часть и админка
Параллельно дизайну можно заняться серверной частью, я для себя нашел идеальное решение 1С-Битрикс: Управление сайтом, которое без программирование поддается конфигурированию. По сути все сводится к проектированию нужных таблиц, тут они называются инфоблоками. Вам нужна редакция Старт, которая стоит всего 5 400 рублей. Для того чтобы освоить данный инструмент понадобиться порядка 16 часов, для этого есть отличные материалы, после которых можно пройти экзамен с получением сертификата.
5 шаг, верстка
Дальше имеющийся дизайн нужно превратить в соответсвующие элементы интерфейса, наверстать. Т.к. мы говорим о гибридном приложении, это верстка в HTML/JS/CSS, специалистов которых полно. Единственное требование которое нужно донести до специалиста, что речь о мобильном сайте.
Приведу типовые цифры:
- трудозатраты на один экран 8 часов;
- цена на FL 300р x 8ч = 2 400р за экран.
6 шаг, сборка функционала
Дальше нужно объединить серверную часть и верстку, чтобы получился готовый полнофункциональный мобильный сайт.
Приведу типовые цифры:
- трудозатраты на один экран 8 часов;
- цена на FL 300р x 8ч = 2 400р за экран.
7 шаг, сборка приложения
Остается последний штрих, обернуть мобильный сайт в приложение для iOS и Android, а также выложить в Google Play и AppStore.
Приведу типовые цифры:
- трудозатраты 2 часа на обертку и столько же на публикацию;
- цена на kwork 4000р за iOS и Android.
Для тех кто любит поразмышлять о том что входит в экран и что бывают сложно-функциональные экраны и совсем простые сразу отвечу, что в статье рассмотрены средней сложности экраны.
А как же опыт и экспертиза?
При написании структуры экранов и прототипирования вам нужно мнение опытного специалиста со стороны, проверить корректно ли разработан дизайн и его можно принимать и оплачивать, в части верстки те же вопросы. С рабочим мобильным сайтом и приложением думаю уже вопросов не возникнет.
И тут у меня как раз и возникла идея закрытого клуба стартаперов, в котором можно давать эту экспертную обратную связь. Как считаете хорошая идея? На базе чего лучше сделать? ВКонтакте, Telegram, Facebook, Whatsapp?
Итоги
Давайте подведем итоги для 10-и экранного приложения в экономичном варианте с наймом специалистов на FL:
- прототип 4 500;
- серверная часть 5 400;
- дизайн 12 000;
- верстка 24 000;
- сборка 24 000;
- приложение 4 000;
- итого: 73 900 рублей.
В следующих статьях расскажу:
- как составлять структуры и выкидывать ненужное на примерах;
- как более точно считать трудозатраты, расскажу как оценку по среднему заменить на простой, средний и сложный экран;
- как можно обойтись без дизайна и отложить на потом, сэкономив для MVP версии;
- как нанять специалиста для прототипирования и дизайна и не потерять деньги;
- как нанять верстальщика и получить результат;
- разберемся с полнофункциональной сборкой;
- как собрать в мобильное приложение, которое можно разместить в AppStore и Google Play;
- публикуем свое первое приложение в AppStore и Google Play, разбираемся с ньюансами.
Всем успешного взлета стартапа!
7 шаг. Apple не очень любит приложения-сайты и, вероятно, не пропустит такое в AppStore
Поэтому далеам PWA и экономим 90% бюджета. Не благодарите.
это клей штоле
Можно и так, еще дешевле 😉
А на самом деле?)
Да ну Алексей, хорош, ну гугл же есть
webview тот же, только на новый лад
Зато крайне дешево, быстро и удобно для проектов описанных в статье
Кстати у vc довольно приятный pwa
Игорь пропускает без проблем. Напишу какие секретики использовать в одной из следующих статей.
А есть каки-нибудь примеры приложений-сайтов? Хочу своими глазами посмотреть как это выглядит и проверить как быстро работает.
iOS: https://itunes.apple.com/ru/app/id1212473742
Android: https://play.google.com/store/apps/details?id=ru.servicepi.app
Комментарий недоступен
Никто и не говорит что нужно продвигать мобильный сайт, он просто в основе работы такого мобильного приложения.
я както простенький клон ленты из вк написал. год назад или чуть больше - пропустили. но с конца этого лета начали более жестко отслеживать такие заглушки - аппу забраковали.
По какому пункту заблокировали? Пробовали оправдаться?
Комментарий недоступен
Комментарий недоступен
От качества реализации всё зависит, а вообще он их без проблем пропускает.
За 300₽ в час будут работать только студенты;)
Потом этот код только выбрасывать в помойку
Меня тоже больше всего порадовало, что автор за 300 в час решает любой вопрос. Какой-то digital аналог «мужа на час»? :)
:) да ну нет же, я же не с потолка пишу
в следующей статье наскриначу опыт с FL
реальные фрилансеры с FL.ru, нормальные специалисты
наши ребята в штате тоже по такой ставке работают
откуда такое мнение про специалистов?
Значит они или не успели набрать портфолио или не ценят себя
300₽ в час - это меньше 50000 в месяц. А если ещё и налоги с них платить ...
с портфолио хорошим
во фрилансе мало кто платит налоги
А к чему все эти мытарства с оберткой сайта в приложение? не проще ли для MVP просто мобильный сайт использовать?
Для каких-то задач достаточно и мобильного сайта конечно. Но приложения дают дополнительный трафик с AppStore и Google Play. Push-уведомления, GPS, контакты телефонной книжки и много чего интересного.
Push, GPS доступно и для мобильных сайтов есть. Да и далеко не для всякого MVP нужны.
Может быть это и оправдано для B2C проектов, но для B2B выглядит оверинжинирингом.
В поисках разработчика моб приложения! Пишите на почту: [email protected]
Комментарий удален модератором
Вы правы нужно дать немного другой опыт чем просто мобильный сайт.
Достаточно реализовать лишь нативные переходы между экранами, я об этом напишу в одной из следующих статей.
Комментарий удален модератором
Разработчик как правило несет ответственность за программную реализацию, а не соблюдение правил того или иного стора. Заказчик само собой несет ответственность за контент, который планирует размещать в приложении. А что касается проблем именно с прохождением webView в стор, то это вопрос всегда решаемый, как я и сказал немного улучшить мобильный сайт.
Комментарий удален модератором
Проблем действительно никаких не возникло. Через 2 дня после публикации позвонили из эппла, уточнили почтовый адрес и сказали что приложение опубликовано. За полтора года не удалили из стора.
Понятно. Хуяк-хуяк - и в продакшн.
Кажется, первую версию инстаграма так же делали
давно прошло время инвестирований в идею
закрытого клуба стартаперова чем вас открытый клуб на VC не устраивает?
Инвестировать на этапе идеи выгодно, само собой это совсем небольшие деньги и это больше вера в человека или команду. Кто-то может инвестировать и не деньгами, а маркетингом например.
Не очень понимаю как тут организовать что-то вроде чата обсуждения, вот так под статьей обсуждать проекты? Делать пост мол давайте обсудим ваши схемы экранов?
Комментарий удален модератором
Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения для проекта! Пишите на почту: [email protected]
Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения! Пишите на почту: [email protected]
Правила FFF для инвестирования на этапе идеи никто не отменял
Комментарий удален модератором
Куда деньги на лечение скидывать?
все уже знают
Комментарий удален модератором
Шаг 4: odoo.com имеет сайтбилдер с учетом верстки по мобильную версию
O
https://appropio.com
Добрый день, Друзья! Прочитал данный пост и дебаты и решил написать сюда, в общем поисках разработчика моб приложения для проекта Стартап! Пишите на почту: [email protected]
Комментарий удален модератором