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

В общем смысле архитектуру любого цифрового продукта или сервиса можно представить в виде трёх слоёв.

1. База данных для хранения и актуализации информации.
2. Бизнес-логика взаимодействия интерфейса с базой данных.
3. Фронтенд — внешний слой, где происходит взаимодействие с пользователями.

Как назерокодить продукт своими руками

Еще 1–2 года назад, чтобы сделать дизайн, сверстать и запрограммировать даже небольшой сервис, нужно было нанимать команду специалистов. Но, как показывает опыт, 95–99% новых гипотез проваливается на практике, а значит, время команды разработки (которое часто обходится дороже 1 млн рублей за спринт), затраченное на такие гипотезы, приносит убытки.
В помощь инструментам для создания дизайна и интерактивных прототипов сейчас появляются nocode-сервисы, которые позволяют создавать готовые цифровые решения на всех этих трех архитектурных слоях, быстро собирать MVP, сделать несколько циклов итераций, добежать до первых денег или проверить самую рискованную гипотезу. Более того, можно за считанные часы смастерить не только лендинг или автоматизированного бота, но и маркетплейс с мобильным приложением.

Зерокодинг (от англ. “zero/no-code”, zero — без, code — кода) — это мощный международный тренд на а) создание новых решений и продуктов, б) проверку бизнес-гипотез и автоматизацию работы компаний с помощью готовых решений и без написания кода — причем в 10–20 раз быстрее, чем при найме команды разработки.

Майндсет продакта-зерокодера позволяет снизить в 10–20 раз:

• time-to-market и cost-to-market новых продуктов;
• стоимость ошибок при разработке и проверке новых гипотез;
• стоимость программирования продакшен-версий продуктов.

Что можно назерокодить

Уже очень и очень многое! Посмотрите: APIs / Ads / Animation / Apps (Native) / Automation (Workflows) / Blockchain / Business Apps / CRM / Calculators / Charts / Chatbots / Code / Comments / Communities / Customer Support / Dashboards / Analytics / Data and Databases / Digital Downloads / Ecommerce / Email / Feeds / Forms / Games / Integrations / Internet of Things / Knowledge Graphs / Landing Pages / Machine Learning / AI / Maps / Marketing / Marketplaces / Memberships / Messaging / Payments / Podcasting / Portals / Portfolios / Publishing / Referral Programs / Scraping / Subscriptions / Tests / Translation / VR / AR / 3D / Voice / Web Apps / Websites

Самый классный на данный момент структурированный каталог инструментов лежит тут: https://nocodelist.co.

Чтобы успешно справляться с работой зерокодера и собирать продукты для проверки гипотез своими руками, нужно:

• разобраться в работе базы данных, фронт- и бэк-энда;
• уметь быстро осваивать инструменты и собирать готовые решения для тестирования;
• быть в курсе развития рынка nocode-инструментов, чтобы правильно подбирать инструмент под свои уникальные задачи.

Обзор nocode-инструментов

Nocode — термин широкий, в него попадает огромное количество разных решений. Но их объединяют общие принципы.

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

Широкие возможностидля кастомизации, то есть инструмент должен быть «пластилином» для решения максимального спектра задач в привычном UI.
Например, Airtable + Ninox + Fibery: канбан, таблицы, документы, карточки — всё уже включено.

Максимально широкий набор шаблонов для вдохновения и быстрого запуска следующих проектов. Первые проекты я рекомендую создавать с нуля, чтобы прочувствовать все особенности и настроить свой майндсет.
Например, шаблоны и туториалы по любым кейсам в Zapier, Integromat, Airtable, Glide, etc.

Мощный интуитивно понятный интерфейс, закрывающий целый слой пользовательских сценариев «из коробки».
Например, Airtable и Google Sheets как универсальная админка для всего с перетаскиванием, bulk updates, в которой можно даже прототипировать интерфейсы. Или Notion — огромное количество проработанных паттернов для работы с документами.

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

Привлекать мощные раунды инвестиций → обслуживать одновременно десятки и сотни тысяч клиентов → обеспечивать надежность в доступности сервиса и предоставлять «в розницу» функции, ранее доступные только корпорациям.

Например, те же очереди запросов в Integromat enterprise-уровня.Классификация nocode-инструментовNocode-продукты и сервисы разделяются на две группы: best of breed и all-in-one.

• Best of breed стремятся решить «узкую» задачу лучше всех в мире (например, Airtable — таблицы, Notion — документы, Typeform — интерактивные опросы).
• All-in-one интегрируют все микросервисы в одном решении (например, Bubble или Fibery).

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

Самые горячие nocode-инструменты

Никого уже не удивишь сайтом на Тильде, который можно создать за считанные минуты и привязать к своему домену. Многие уже попробовали веб-конструкторы ботов: Manychat, Chatfuel, Botmother.

Nocode съедает все остальные области разработки.

• Дизайнеры собирают фронтенд в конструкторе для верстки веб-страниц Webflow.
• В Notion не только хранят базы знаний команд и компаний, но и собирают лендинги, которые конвертируют клиентов и отклики на вакансии.
• Airtable — супер-удобные, мощные и красивые базы данных, но на первое время вполне сгодятся и гугл-таблицы.
• Integromat и Zapier помогают «склеивать» приложения и настраивать бизнес-логику с помощью встроенных API-методов.
• Sheet2site, Pory и SpreadSimple мгновенно генерируют сайты-каталоги с возможностью оформления заказов из гугл-таблиц.
• Stacker.app создает поверх гугл-таблиц и Airtable личный кабинет для пользователей, партнеров или сотрудников: с авторизацией, возможностью редактирования отдельных строк и таблиц, фильтрами и даже комментированием.
• В GlideApps можно создать PWA-based мобильное приложение для своих клиентов прямо из гугл-таблиц всего за несколько минут. Не отстают и Adalo с Thunkable.

В итоге каждый зерокодерский продукт закрывает пользовательские сценарии одного или двух слоёв архитектуры и позволяет собирать из них функциональный MVP.Если вы ищете инструмент, который функционально закрывает все три архитектурных слоя продукта и не боитесь высокого входного барьера, то попобуйте Bubble. Он вобрал в себя все, что нужно: конструктор дизайн-системы и интерфейсов, базу данных и логику бэкенда. В блоге Bubble можно найти хорошие кейсы, а ребята с российскими корнями из Zeroqode уже сделали на Bubble огромное количество плагинов и готовых шаблонов-аналогов Airbnb, Udemy, ProductHunt, Fiverr. Их можно купить за несколько сотен долларов.

В нашем модуле мы не будем изучать Bubble — это слишком.

Ограничения

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

Сейчас в разных случаях и на разных сервисах приходится, как правило, «платить» следующими вещами.

1. Безопасность. Если вы работаете в большой компании, то юристам и «безопасникам» не понравятся, что вы храните (пусть даже временно) чувствительные данные в условных гугл-таблицах.
2. Лёгкость. Все конструкторы by-design генерируют достаточно много ненужного кода, и это может снизить скорость работы — в том числе загрузку страниц.
3. Ёмкость. Иногда вы можете упереться в ограничения базы данных (Airtable — 50,000 строк), а иногда обслуживание бэкенда может стоить как зарплата администратора (Integromat — $699/mo). Но это, опять же, скорее всего, будет хорошей новостью для вашего продукта.
4. Дизайн (pixel-perfect). Такие штуки, как Glide, генерируют классный интерфейс среднего уровня, но практически не дают настраивать кастомную верстку (клиентам все равно будет удобно, но дизайнеры и брендинг могут страдать). В Тильде таких ограничений нет.
5. Маркетинг. Созданные в конструкторах (кроме, разве что, Тильды) веб-продукты дороги в продвижении, так как они обычно не заточены под конверсию. Но можно обходить это через стандартные инструменты, а потом заводить пользователей в продукт.
6. Жонглирование. Нет одного классного и быстрого решения, которое закрывало бы все задачи, поэтому приходится постоянно придумывать обходные пути. Но не для этого ли вас нанимали? 🙂

MVP на бумаге

Так как инструментов зерокодинга много, то ключевым процессом на старте становится правильное формулирование сценариев (джобов). Мы сейчас вводим такое понятие, как JTBA — job to be automated.

Принцип описания таких сценариев — не описывать конкретную реализацию или способ, а говорить о конечном результате работы системы для пользователей (продакт-менеджера) в отрыве от технологии. Также необходимо указывать конкретные роли разных акторов в процессе, точки контакта и ожидаемый результат.
За основу структуры мы взяли Intercom Approach.

Шаблон описания

What problem are we solving and why?
Situation. Problems businesses/people have.
Ex: I’m a coach and I have to send video content to my students with no effort.

Job Stories
When context, I want be able to job, so I can ___result__.
Ex: When I service my students, I want to able to send them theory lessons automatically, so I can save my own time and create more content.

How we measure success
Saved money, time, improved metrics, control etc.
Ex: I saved a lot of time with automation/or application.

Примеры описания «джобов».

• Когда курьер выезжает к клиенту, клиент получает уведомление о том, что к нему отправился курьер, и доступ к информации о маршруте и геолокации курьера.
• Каждый день в 9:00 мне приходит отчет по моим событиям в календаре за вчерашний день.
• Каждую субботу мы отправляем приглашение подписчикам встретиться с новым участником сообщества в рамках Random Coffee.