Top.Mail.Ru
сек.
мин.
час.
дн.
00:00:00:00
ОБУЧЕНИЕ СО скидкой ДО 70% и подарками на 135 000р
время выбирать свой путь
Блог Productstar

Как собрать продукт за полчаса, не прибегая к программированию?

Некоторое время назад мы провели вебинар с Вадимом Михалёвым, CEO Rocketslides, Codesign и Habit Hero, на тему "Что можно собрать без кода: Zero coding с практическими примерами".


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

Что такое zero-code?

Zero-code, No-code, Low-code — это создание продукта без написания кода с помощью готовых инструментов.

Окей, а чуть по-подробнее?

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

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

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

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

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

No-code инструменты вы можете попробовать применить хоть прямо сейчас. Быстро, без проблем и практически бесплатно, не нуждаясь в целой команде разработчиков. Таким образом, зерокодинг уменьшает необходимую сумму денег и требуемое количество времени для входа на рынок в 10-20 раз, делая первые этапы создания проектов гораздо более доступными.

Кроме того, люди, умеющие работать с инструментами зерокодинга, становятся всё более востребованными на рынке из-за того, что компании с их помощью способны сэкономить большие объемы денег и времени, поэтому, эти навыки могут повысить вашу финансовую стабильность — это обеспечит вам и более высокую зарплату, и меньший шанс быть сокращенными при финансовых потрясениях.

Где используют No-code?

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

Для начала работы с этими инструментами достаточно понять одну концепцию — архитектуру любого продукта можно расписать в три "слоя":

  1. База данных;

  2. Бизнес-логика (процессы работы с данными, принятие решений);

  3. Клиентский слой (различные способы взаимодействия с пользователем).

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

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

Как эффективно использовать Zerocoding?

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

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

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

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

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

Приведем здесь аналогию, высказанную Байрамом Аннаковым, CEO одного из самых популярных travel-приложений App in the Air. Он называет MVP "голубой будкой".

Представьте такую ситуацию: вы едете в метро и вам очень хочется в туалет. Вы дожидаетесь остановки, выбегаете и видите, что McDonald's рядом нет, а есть только голубые будки. Вы понимаете, что если вы туда зайдете, то вы получите не очень качественный и травмирующий пользовательский опыт. Но вам очень нужно решить вашу проблему, и вы идёте и решаете ее.

Примерно так же дело обстоит и с MVP — это тоже своеобразные "голубые будки". Компании-миллионеры начинали с тестовых версий, имевших крайне урезанный функционал (не говоря уже о дизайне), будь то Twitch, Facebook или Amazon, но эти версии работали и решали поставленные перед ними задачи.

10 инструментов No-code

1) Google Таблицы
Говорят, что Google Таблицы — это своеобразный "скотч", из которого можно "склеить" всё, что угодно, и если вы не придумали, как реализовать прототип вашего решения в Таблицах, то вы, скорее всего, не очень хорошо понимаете, как реализовать его с помощью команды разработки. Google Таблицы являются обязательным инструментом для зерокодинга на уровне базы данных.

2) Tilda

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

3) Notion и TypeForm

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

4) ChatFuel и прочие конструкторы ботов для мессенджеров

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

5) WebFlow

WebFlow — это конструктор вёрстки, способный помочь, например, дизайнеру обойтись без фронтенд-разработчика. Этот инструмент автоматически верстает нарисованные элементы дизайна, а результат можно перенести в некоторые другие зерокодинг-инструменты для дальнейшей работы.

6) Airtable

Airtable — это база данных, с которой очень просто и удобно работать, при этом она настолько же доступна, как и Google Таблицы, к которым вы наверняка уже привыкли. При определённых манипуляциях с таблицами внутри этого инструмента можно создавать различные интерактивные формы. Это может быть портфолио, галерея (да, туда можно загружать и картинки), интернет-магазин, календарь и так далее, при этом весь необходимый инструментарий находится внутри и имеется возможность очень гибкой настройки базы данных.

Существуют очень удобные возможности передачи данных внутри Airtable от одних пользователей к другим, начиная автоматической отправкой данных указанным пользователям по выбору и заканчивая отправкой выбранных данных всем, кто пройдёт по указанной ссылке. Существует даже возможность выстраивать на основе таблиц собственные интерфейсы! Результаты работы в Airtable также можно передавать в другие инструменты для зерокодинга, например, в указанный выше Tilda, и это можно сделать буквально за несколько минут.

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

7) Stacker
Stacker — удобный инструмент для взаимодействия с Airtable. Он позволяет с помощью создания личных кабинетов передавать некоторые данные из Airtable тем или иным пользователям, при этом доступ к данным можно очень гибко настраивать. Это очень сильно упрощает операции с данными, если у вас в проекте есть пользователи, которым необходимо предоставить доступ к тем или иным внутренним данным проекта (как пример, данные об участниках марафонов, необходимые организаторам этих марафонов).

8) Integromat

Являясь зачастую недооцененным инструментом, Integromat, названный своими создателями "клеем Интернета", позволяет связать работу огромного количества Интернет-сервисов в единую систему. Это дает возможность строить на основе взаимодействия нескольких сервисов, будь то электронная почта, базы данных, мессенджеры или что-то ещё. Также существует возможность подключения к этим сценариям собственных сервисов.

9) Glide

Glide — упомянутый раньше сервис для создания веб-страниц, имитирующих работу мобильного приложения. Внутри этого сервиса существует множество различных инструментов для создания и настройки интерфейса, а создать приложение можно путем простой загрузки данных из Google Таблиц. Существует возможность сохранить результат на рабочий стол и в дальнейшем обращаться к нему, как к мобильному приложению (как пример, Dribbble, будучи готовым приложением c более чем полумиллионом скачиваний, продолжает работать по тому же принципу).

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

10) Bubble

Bubble — это очень масштабный инструмент, позволяющий работать со всеми тремя "слоями" продукта. Разумеется, что если рассматривать работу со слоями по отдельности, то Bubble будет справляться хуже, чем иные инструменты, заточенные под тот или иной слой, но в итоге Bubble дает возможность добиться гораздо более широкого функционала.
Разумеется, это не все инструменты для зерокодинга, доступные пользователям. Их огромное количество и новые появляются практически ежедневно. Будет полезно периодически следить за появляющимися инструментами и за изменениями в уже существующих: какое-то обновление в популярном инструменте может полностью изменить сам процесс зерокодинга.

Где учиться Zero-code?

Освоить основные инструменты No-code гораздо легче, чем научится писать код. Собрать в конструкторе лендинг или целый интернет-магазин может каждый, но почему тогда No-code разработка не настолько популярна?

Помимо инструментов необходимо знать, как правильно построить приложение, чтобы оно было удобным для пользователя, уметь продумывать логику концепта MVP и создания прототипа. Иными словами — недостаточно уметь расставлять блоки в конструкторе, важно уметь быстро сделать качественный продукт, который сможет решить проблемы пользователя и донести ценность.
На курсе вы не только изучите основные инструменты zerocoding, но и научитесь создавать MVP и проверять продуктовые гипотезы без написания кода!
Научится этому можно на нашем двухмесячном курсе по No-code