12 июля 2022

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

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

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

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

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

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

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

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

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

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

Senior Expert System analytics

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

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

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

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

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

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

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

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

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

Senior Expert System analytics

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

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

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

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

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

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

Senior Expert System analytics

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

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

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

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

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

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

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

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

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

Пример приложения, созданного на конструкторе OpenAsApp

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

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

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

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

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

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

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

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

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

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

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

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

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

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