MEDIA / Технологии
No-code ⚪️ Статья ⭕️ Видео

No-code инструменты для разных интерфейсов

Figma и Marvel — для создания прототипа


Marvel:


  • Самый простой инструмент прототипирования для тех, кто далек от дизайна
  • Позволяет собрать полноценный customer journey map, который можно прокликать из готовых элементов
  • Провести коридорные исследования
  • Дает возможность делать прототипы под разные операционки от телевизора и ноутбука до телефона или Apple Watch

Figma:


  • Имеет гораздо большую функциональность, чем Marvel, но прототипировать сложнее
  • Имеются свои классные уроки по работе в Figma
После сбора прототипа и проведения коридорных исследований, можно пилить продукт. 

Создание лендинга: Tilda


Tilda – это очень просто и быстро:
  • Куча готовых блоков
  • CRM
  • Куча интеграций
  • Аналитика
  • Есть возможность даже дописывать код
  • Есть личный кабинет. Это не тот личный кабинет, который покажет вам историю заказов, но он дает доступ к контенту.

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


Система авторизации, смены пароля, отправки пароля на почту — все сделано за вас.
Если вы планируете делать веб-приложение, то задумайтесь над использованием чат-ботов на стадии MVP.

Чат-бот — порой хорошая замена мобильному приложению на стадии MVP


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

Вам не нужно создавать идеальное мобильное приложение, чтобы раздавать заказы или получать лиды. Вы можете вполне использовать чат-бот в Telegram или других мессенджерах. Вариантов чат-ботов масса:

  • В мессенджерах
  • В чатах на сайте
  • Квизы — стали очень популярны на сайтах последние два года. Они увеличивают конверсию входящего трафика в лиды или покупки.

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

Автоматизация процессов


Все собранные через лендинг на Tilda или чат-бота заявки отправляются в другие инструменты и формируют базу данных.

Есть несколько платформ, которые позволяют интегрировать сервисы и продукты, которыми пользуются ваша команда и ваши клиенты, в единый сценарий. Три самые популярные платформы:

Integromat


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


Можно интегрировать: 
  • Лендинги
  • CRM-системы
  • Отправлять рассылки
  • Сохранять входящие файлы и так далее.

Все это в визуальном интерфейсе, в базовом тарифе стоит 9 баксов в месяц.

Zapier


Простой и легкий сервис, который позволяет в красивом интерфейсе делать несколько шагов в сценарии.


Zapier не очень подходит для серьезной автоматизации, потому что стоит больших денег. Тот же самый сценарий, который будет стоить 9 баксов в месяц в Integromat, в Zapier будет стоить 69 баксов. 

IFTTT


Этот сервис подходит для личного использования.



Там есть большое количество готовых сценариев, которые позволяют вам автоматизировать личное дело, например, чтобы фотографии из iPhone сохранялись в определенную папку на Google-диске. Или интеграции с системой умный дом, например, зажги мне лампочку в прихожей, когда приезжает Uber.

Базы данных: Airtable


AirTable – это конструктор простых визуальных баз данных. Скорее всего, он не заменит для вас полноценную базу данных, но поможет работать с данными во всех остальных случаях. Это серьезный конкурент Excel и Google Sheets. Он позволяет хранить данные в табличном виде и переделывать их по одному клику мышки в канбан и другие представления. Что он позволяет делать?



  • Может заменить CRM или хранилище данных, например, со склада
  • Может использоваться как полноценная база данных для простого продукта в некоторых случаях, например, подключая такую базу к Bubble (о нем речь пойдет чуть ниже)
  • Использовать преимущества реляционной базы данных без знания SQL.

Реляционная база данных — от слова «relation» («связь»). Внутри базы разные таблички, можно соединять друг с другом с помощью relation, например, увидеть все заказы вашего клиента в интернет-магазине.

Мобильные приложения


Есть два вида приложений. Первый сегмент, наиболее простой — это PWA, которые не скачиваются из магазина приложений, а добавляются иконкой на рабочий стол прямо с сайта (Progressive Web Application). И второй - это стандартные приложения из App Store или Google Play.

PWA, Progressive Web Application


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

Из-за комиссии и повышенных требований, которые выставляют сторы, многие переключаются на PWA, чтобы обойти это все.

Glide — конструктор веб-приложений


На конструкторе Glide вы можете уже сегодня собрать первое приложение. Какой у него функционал?



  • Вся его база данных сделана на Google Docs.
  • Вы можете передавать его при помощи ссылки или QR-кода
  • Можно собрать разные сервисы, например, доставку еды или кофе
  • Идеально подходит как MVP
  • В нем пользователь сможет создать заказ и отправить его, если сделать интеграцию с CRM-системой.

Adalo — конструктор мобильных приложений


Вторая часть приложений – те, которые скачиваются из сторов — App Store или Google Play. Они делаются немного сложнее, потому что существует много требований со стороны самих сторов, но даже для них есть свои конструкторы. 

Один из них — Adalo.


  • Он позволяет создать back-end, базу данных и front-end.
  • Создав один раз приложение, вы можете загрузить его сразу и в один, и в другой store.
  • Базу можно подключать как внутреннюю, так и внешнюю.
  • Есть встроенная платежная система — Stripe. Многие инструменты, которые пришли к нам из США, имеют именно эту платежную систему.

Bubble


После всех проверок и тестов, когда вы пришли к пониманию продукта, можно переходить на более сложные инструменты, например, Bubble. 
Он относится к самым сложным продуктам no-code, на котором можно создавать практически все. Это по сути язык программирования, но визуальный. 

  • Bubble - это full stack no-code платформа, в которой вы можете реализовать и front, и back, и базу данных.
  • Есть возможность расширять функциональность при помощи HTML или JavaScript.
  • У Bubble - огромное число плагинов из-за того, что разработчики, которые пользуются Bubble, сами добавляют ему функциональность. Они его расширяют и развивают.


Его можно использовать как на стадии MVP, так и на стадии среднего и малого бизнеса, но лучше все же заходить на более позднем этапе. Изначальную идею лучше тестировать на более простых инструментах, потому что если ваша идея и гипотеза будут меняться, то с Bubble вы постоянно все будете переделывать, а это не дни, а недели.