Учебные материалы
12 июля 2022

Разработка мобильных приложений без кода: как сделать свое приложение для Android или iOS

Для запуска приложения необязательно привлекать разработчиков — можно использовать zero-code-конструктор, который не требует навыков программирования. Понадобится только время маркетолога.

Главная польза zero-code-приложений

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

Чаще всего компании используют zero-code для создания мобильных приложений и сайтов, но с их помощью можно собирать голосовые помощники, системы аналитики или базы данных. Причем не только в качестве MVP: если компания не хочет нанимать разработчика, zero-code конструктор поможет сделать полноценное работающее решение.

Тесты бизнес-гипотез

Для сборки прототипа приложения не нужно тратить время разработчиков, маркетолог может сделать все сам. Например, бизнес хочет проверить, будет ли приложение пользоваться спросом. С помощью MiniAppMaker магазин быстро превращает каталог товаров в кликабельное приложение с функцией заказа. Первое время заказы придется вносить в систему товарооборота («Битрикс» или 1С) вручную, но так магазин проверит, нужно ли тратить ресурсы на разработку приложения.

Возможность заменить разработчиков

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

Мнение

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

Анна Казаченко

Анна Казаченко, Senior Expert System analytics

Что нужно учесть при запуске zero-code-приложения

Сформулировать гипотезу для теста

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

Для проверки гипотезы маркетолог быстро собирает zero-code-приложение и оценивает востребованность. Если гипотеза подтвердится, можно разрабатывать полноценное приложение с помощью программистов, если нет — не тратить на это время и деньги.

Выявить критерии оценки теста

Критерии (метрики и цифры) помогут понять — подтвердилась гипотеза или нет. Так компания Dropbox оценивала успех бизнес-гипотезы на этапе создания прототипа:

Гипотеза: если сделать сетевую папку в Windows рядом с папками дисков С и D, то пользователи смогут складывать туда файлы, а потом пользоваться ими с любого устройства. Компания не знала, нужна ли такая функция хоть кому-то. Чтобы проверить востребованность, сделали простую промостраницу, где описали, что ждет пользователей нового сервиса и предложили оставить почту, если предложение интересно. Так без продукта и серьезной разработки Dropbox проверил, будет ли новая функция пользоваться спросом, просто посчитав отклики.

Мнение

Критерии успеха зависят от задач бизнеса на конкретном этапе теста. Если критерий — количество контактов (как у Dropbox), то приложение можно собрать в zero-code-конструкторе без помощи разработчиков.

Если нужны более сложные метрики, например следить за перемещением глаза по экрану, — уже не обойтись без разработки.

Анна Казаченко

Анна Казаченко, Senior Expert System analytics

Оценить функциональность конструктора

Zero-code очень ограничен в том, что на нем можно собрать. Разработчик как бы лепит из глины — может реализовать почти любую идею. Zero-code — конструктор, из которого можно построить что угодно, но в рамках доступных элементов.

Если бизнес будет использовать zero-code-конструкторы для создания полноценных приложений, нужно оценить, как будет развиваться этот конструктор в будущем. Например, может ли случиться, что мощностей конструктора перестанет хватать? И как это скажется на ресурсах и работе бизнеса?

Мнение

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

Анна Казаченко

Анна Казаченко, Senior Expert System analytics

Посчитать соотношение пользы и затрат

Zero-code приложения не требуют участия разработчиков, но они не бесплатные: чаще всего нужно оформить подписку. При этом может получиться, что труд разработчика обойдется компании дешевле, чем подписка: например, разработчик за 500 долларов соберет приложение, поддержка которого на zero-code обошлась бы в 1000 долларов в год. Может быть и наоборот: если бизнесу нужно протестировать гипотезу в течение месяца, тогда подписка на сервис выйдет дешевле.

Учесть риски для безопасности

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

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

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

Доступно четыре конструктора:

  1. List App — для баз данных или списков. Например, так можно преобразовать справочник всех сотрудников.
  2. Dashboard App — для дашбордов и схем.
  3. Calculation App — для таблиц и вычислений.
  4. Survey App — для опросов.
Пример приложения, созданного на конструкторе OpenAsApp
Пример приложения, созданного на конструкторе OpenAsApp

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

Интерфейс приложения Draftbit
Интерфейс приложения Draftbit

Bravo Studio превращает макеты в нативные приложения для iOS и Android. Если дизайнер интерфейсов соберет дизайн приложения на Figma или Adobe X, то все остальное делается в два клика: загрузить дизайн в конструктор, выбрать базу данных — приложение готово.

Интерфейс приложения Bravo
Интерфейс приложения Bravo
Экраны готового приложения, созданного с помощью Bravo
Экраны готового приложения, созданного с помощью Bravo

Voiceflow позволяет создавать диалоги — например, чат-помощник в углу сайта, запросы в систему Alexa или Google, голосовой ассистент в машине. Диалоги можно встраивать на сайты или в приложения. Это значит, что Voiceflow может работать в связке с другими конструкторами приложений или сайтов. Будет полезен, если, например, бизнес хочет снизить нагрузку на отдел поддержки, подключив чат-бота.

Пример диалога, построенного на Voiceflow
Пример диалога, построенного на Voiceflow

MiniAppMaker превращает таблицу с каталогом товаров в приложение на iOS. Можно преобразовать с его помощью каталог фотографий, таск-менеджер и многое другое — быстрый способ проверить востребованность приложения.

Примеры приложений в MiniAppMaker
Примеры приложений в MiniAppMaker

AppGyver позволяет собирать приложения для любых устройств — телефона, планшета, компьютера или Smart TV. Если у компании нет ни сайта, ни приложения, то с помощью AppGyver можно их создать и протестировать спрос на разных платформах. Работает конструктор по принципу drag & drop — можно перетаскивать готовые блоки (их в библиотеке больше 500) и кастомизировать их.

Приложение DHL собрано на AppGyver
Приложение DHL собрано на AppGyver

Glide помогает преобразовать в приложение любое хранилище данных (например, в Excel или Airtable). Преобразование данных происходит на стороне конструктора — компания только кастомизирует созданное приложение под свой дизайн. При этом готовое приложение не обязательно публиковать в сторах: оно будет работать по ссылке, которую можно добавить на сайт или отправлять в рассылках.

Пример интерфейса Glide
Пример интерфейса Glide

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

Интерфейс GoodBarber
Интерфейс GoodBarber