Top

Как сделать мобильное приложение самому

Как сделать мобильное приложение самому

Сомневаетесь, стоит ли инвестировать в разработку мобильного приложения? Его можно сделать самостоятельно и абсолютно бесплатно. У вас может получиться тестовый вариант, с помощью которого удобно оценивать эффективность мобильной стратегии. А если постараетесь, вы сделаете приличное мобильное приложение, которое станет основным инструментом онлайн-взаимодействия с владельцами смартфонов и планшетов.

 

 

Предложите клиентам мобильное приложение
Предложите клиентам мобильное приложение

Стоит ли делать мобильное приложение

Стоит. Если не верите на слово, вот несколько фактов:

  • По данным Flurry Analytics и comScore, владельцы смартфонов и планшетов пользуются браузером только 14 % от общего времени работы с девайсом. А 86 % времени они тратят на разные приложения.
  • Установленное приложение — ваш прямой канал связи с потребителем. Только подумайте: вам не нужно тратить деньги на рекламу или ждать, когда человек найдет вас с помощью «Яндекса». Остается поддерживать нужную пользователю функциональность и предоставлять ему релевантный контент.
  • Число покупок, сделанных с помощью планшетов и смартфонов, растет как в интернете в целом, так и в рунете.По информации маркетингового агентства Criteo, уже в 2016 году более половины онлайн-транзакций в рунете будут совершаться с помощью мобильных девайсов.

 

Владельцы смартфонов и планшетов тратят 86 % времени работы с девайсом на приложения
Владельцы смартфонов и планшетов тратят 86 % времени работы с девайсом на приложения

Если хотите, приложение — это мобильный браузер, в котором открывается только ваш сайт. В каком случае пользователь установил бы такой интернет-обозреватель? Только в том, если он заинтересован вашим продуктом или информацией. Поэтому помните: установивший приложение клиент — лояльный и готовый покупать представитель целевой аудитории.

В таком случае, стоит ли рисковать и предлагать лояльным клиентам DIY-приложения, а не сделанные профессионалами штучные программы для Android и iOS? Давайте разбираться.

Когда можно делать приложение самостоятельно

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

Вы помните, когда бизнесу можно самостоятельно сделать сайт? Правильно, когда денег на сотрудничество с профессионалами еще нет, а время и желание разобраться с WordPress или «Джумлой» есть. Такая же ситуация с приложениями. Созданные самостоятельно программы для iOS и Android можно условно сравнить с сайтами на «движках» с открытым кодом.

Речь вот о чем: вы можете сделать классный портал, интернет-магазин или корпоративный сайт на 1С-Битрикс или на «самописном движке». Эту же задачу можно решить с помощью Drupal, Joomla! или OpenCart. С приложениями так же: можно заплатить большие деньги топовым разработчикам, а можно удовлетворить потребности аудитории с помощью онлайн-конструкторов.

Попробуйте сделать приложение самостоятельно, если:

  • Вы делаете первые шаги в бизнесе и придерживаетесь принципов бутстрэппинга. Аудитория простит несущественные недоработки начинающему предпринимателю, но заклюет из-за них крупное предприятие. Поэтому не делайте приложение самостоятельно, если владеете бизнесом масштабов «Евросети».
Бутстрэппинг — это развитие бизнеса с помощью имеющихся ресурсов без привлечения кредитов и инвестиций.
  • Вашим клиентам необходима программа для смартфонов и планшетов с очень простой функциональностью. Например, можно обойтись без разработчиков, если вы хотите конвертировать сайт в приложение.
  • Вас и вашу аудиторию устраивает шаблонный дизайн приложения. Этот пункт можно сформулировать так: если контент и функциональность программы на высоте, мало кто будет обращать внимание на дизайн.
  • Успешный или неудачный запуск приложения не окажет немедленного и существенного влияния на бизнес. Например, если большую часть клиентов вы привлекаете и обслуживаете в офлайне, а приложение разрабатываете на перспективу, пространство для экспериментов есть.
  • Вам уже вчера необходимо приложение. Здесь придется выбрать один из двух вариантов: заплатить разработчикам за уже готовый типовой код или воспользоваться конструктором.
  • Вы не хотите зависеть от разработчиков. Если вы опасаетесь, что студия будет брать с вас слишком много за поддержку и обновления программы, используйте готовые решения. Только помните, что их тоже нужно поддерживать в актуальном состоянии.

Решили делать программу самостоятельно? Двигайтесь дальше.

Делаем приложение самостоятельно: с чего начать

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

Что такое мобильное приложение

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

Приложение состоит из front- и back-end’а. Front-end — это компоненты программы, с которой взаимодействует клиент. Back-end или серверная часть — это компоненты, с которыми взаимодействует разработчик. Условно говоря, front-end находится на устройстве пользователя, а back-end на личном или арендованном сервере владельца программы.

Пользователи смартфонов и планшетов загружают приложения с сайтов разработчиков или из магазинов. Самые известные магазины — Google Play и App Store. Аудитория считает приложения из магазинов безопасными, так как модераторы проверяют программы перед публикацией.

Как конвертировать теоретические знания об анатомии мобильных приложений в практические действия? При выборе конструктора обратите внимание на две позиции. Первая: сервис должен обеспечивать хостинг приложения. Вторая: выбранный ресурс должен обеспечить возможность управления приложением и его публикацию в Google Play, App Store и других популярных магазинах.

Как определить необходимую функциональность приложения

На этом этапе необходимо сформулировать цель и задачи, которые решает приложение. Иначе говоря, нужно понять, зачем вы создаете программу для мобильных устройств. Обратите внимание, этот вопрос нужно рассматривать не с точки зрения бизнеса. Все знают, что за формулировками типа «повысить качество обслуживания» и «обеспечить комфорт владельцам смартфонов» прячется конкретная бизнес-цель: стимулировать продажи. Но она не поможет спланировать функциональность программы.

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

 

Для планирования функциональности приложения нужно ответить на глобальный вопрос
Для планирования функциональности приложения нужно ответить на глобальный вопрос

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

  • В приложении должна быть удобная навигация. Клиент должен иметь возможность искать продукты по категориям, заданным параметрам, производителям.
  • Программа должна иметь удобный блок оформления покупок: корзину, систему оплаты, отслеживание статуса заказа.
  • В приложении нужен личный кабинет. В нем будут разделы «История покупок», «Желания», «Избранное».
  • С помощью push-уведомлений клиент будет получать сообщения о новых поступлениях товаров и акциях.
  • В разделе «Информация» пользователь сможет прочитать новости и обзоры.

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

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

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

Как пользоваться конструкторами для создания мобильных приложений

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

… сделайте ecommerce-приложение с помощью конструктора MobiCart

Сервис MobiCart предназначен для создания ecommerce-приложений. Вы можете сделать программу, которая заменит сайт интернет-магазина для мобильных пользователей. Также вы сможете сделать полноценный мобильный интернет-магазин, если у вас нет сайта.

MobiCart поддерживает русский язык. В конструкторе реализована оплата через PayPal. Также есть опция наличного расчета после получения товаров. Сервис платный, но начинающие предприниматели могут воспользоваться бесплатным тарифом с ограниченной функциональностью. Главное ограничение — вы можете добавить на витрину не более 10 товаров.

После регистрации вы попадете в личный кабинет пользователя. Чтобы создать приложение, выберите опцию Create Application.

 

Создаем приложение
Создаем приложение

Загрузите логотип магазина с помощью функции Upload logo. Выберите и сохраните цвет оформления приложения.

 

Загружаем логотип и выбираем цвет
Загружаем логотип и выбираем цвет

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

 

Выбираем вкладки и страницы и сохраняем настройки
Выбираем вкладки и страницы и сохраняем настройки

Перейдите в раздел настроек магазина. Для этого выберите раздел Store Settings. На вкладке Store укажите название магазина, электронный адрес администратора. С помощью выпадающего меню выберите валюту. Если хотите использовать в приложении Google Карты, зарегистрируйте ключ API и укажите его в соответствующем поле.

При необходимости активируйте опцию бесплатной доставки и отметьте ее условия. В поле Cash On Delivery укажите величину надбавки при выборе клиентом наложенного платежа. Вы должны указать десятичную дробь. Например, величина Cash On Delivery 1,07 значит, что при наложенном платеже стоимость товара увеличивается на 7 %.

 

Указываем общие настройки магазина
Указываем общие настройки магазина

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

 

Указываем стоимость доставки в разные регионы
Указываем стоимость доставки в разные регионы

На вкладке Tax отметьте флажком опцию Prices to include tax. В отличие от международных, отечественные ритейлеры всегда указывают цену с НДС.

 

Отмечаем, что цены в магазине указываются с налогом
Отмечаем, что цены в магазине указываются с налогом

На вкладке Payments Gateway укажите данные платежных систем, через которые вы принимаете платежи. Обязательно включите опцию наложенного платежа, так как MobiCart не поддерживает популярные в РФ платежные системы, например, «Яндекс.Деньги».

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

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

 

Русифицируем приложение и админку
Русифицируем приложение и админку

В разделе App Vital укажите название приложение, выберите страну или страны, жители которых смогут пользоваться программой.

 

Указываем описание и напоминаем об авторском праве
Указываем описание и напоминаем об авторском праве

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

В разделе Home Gallery добавьте фото, которое будет отображаться на главном экране приложения. В разделе Store Builder добавьте информацию о продуктах. Выберите подходящий способ:

  • Добавьте информацию о категориях товаров и продуктах вручную с помощью формы в личном кабинете.
  • Используйте плагин MobiCart для синхронизации приложения и сайта интернет-магазина.
  • Загрузите сведения о продуктах с помощью файла в формате CSV.

Чтобы добавить информацию о разделах и продуктах вручную, воспользуйтесь вкладками Departments и Products.

 

Добавляем категории первого и второго порядка
Добавляем категории первого и второго порядка

Чтобы добавить продукт, выберите соответствующую вкладку. Нажмите кнопку Add Product. На открывшейся странице с помощью редактора добавьте информацию о продукте. Сохраните изменения.

 

Указываем информацию о продуктах
Указываем информацию о продуктах

В разделе More Pages отредактируйте информацию, которая будет отображаться на страницах приложения.

 

Чтобы отредактировать контент страницы, выберите отмеченную иконку
Чтобы отредактировать контент страницы, выберите отмеченную иконку

В разделе Push Notification можно создавать push-уведомления. Введите название и текст сообщения. Выберите варианты доставки уведомления. Вы можете отправить его всем клиентам, пользователям, находящимся на определенном расстоянии от вашего офиса, а также людям, находящимся в определенном регионе. Местоположение пользователей определяется по ZIP-коду или почтовому индексу. Чтобы отправить уведомление, нажмите кнопку Send Notification.

 

Создаем и отправляем push-уведомление
Создаем и отправляем push-уведомление

В разделе News Tab вы можете подключить RSS-ленты и аккаунты в Twitter, публикации