Ноукод-инструменты и зачем они дизайнеру?

Это партнерский пост. Его написал специально для UX Boost Саша Олссен.

Саша работает дизайнером в Хоум Кредит Банке, делает свои продукты и немного консультирует американские компании.

У Саши есть неплохой канал про ноукод в телеграме

Итак, передаю слово Саше :)

Привет, читатели UX Boost!

Позвольте представиться, я – Саша, дизайнер интерфейсов. Я успел поработать Ui/Ux дизайнером в аутсорсе, продуктовым дизайнером, всемисразу в стартапе, моушн-дизайнером в студии, а еще поучиться верстать веб-страницы, кодить под iOS...

Потом я увлекся разработкой различных MVP и сайтов без кода, с помощью конструкторов Webflow и Bubble, чем и занимаюсь последние восемь месяцев.

Что такое ноукод?

Ноукод (еще называют зерокод или визуальная разработка) – это способ создания сайтов, приложений и автоматизаций без написания кода с помощью различных WYSIWYG-сервисов вроде Webflow, Adalo, Glide, Tilda, Wix, Bubble и других.

Сервисов огромное количество, начиная от конструкторов сайтов и приложений до машинного обучения, конструкторов чат-ботов и голосовых помощников.

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

"Но зачем же мне знать эти инструменты? Мне вполне хватает Figma."

1. Обладать супер-силой

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

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

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

Ноукод может помочь:

дизайн-менеджерам автоматизировать задачи. Например — получать в слак напоминания "дизайнер выполнил задачу, вот посмотри", или "ты уже три дня не отвечаешь вот по этой задаче, посмотри"
ребятам из продукта для тестирования бизнес-гипотез — например, запустить первые продажи без долгой разработки
Дизайнерам из аутсорса/студий/стартапов для быстрой и самостоятельной разработки сайтов.

2. Выделиться на фоне других

И для агентства и для продукта твоя способность быстро самому запустить что-то работающее — большая ценность.

Ты можешь проверять гипотезы, запускать работающие сайты, ускорять работу.

К примеру, в стартапе, где я раньше работал, навык создания сайтов на Webflow оказался очень кстати. У нас было пол-разработчика, проект двигался очень медленно.

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

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

3. Создать свой продукт

Многие дизайнеры хотят создать свой продукт или так называемый «pet-project». Дальше идеи или мокапов дело обычно не заходит, потому как кодить умеет крохотное количество дизайнеров.

С nocode вы пройдете все этапы создания продукта самостоятельно и посмотрите на многие вещи с другой стороны.

4. Чуть больше понимать разработчиков

База данных, фронтенд, бэкенд, API и даже javascript — все это существует и в мире ноукод-разработки. Только выглядит проще и более привычно для дизайнера :)

К примеру, роль базы данных могут выполнять таблицы Airtable или Google Sheet. Бэк — сервисы автоматизации Zapier или Integromat. Фронт — конструктор Webflow или Tilda.

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

5. Поменять карьеру.

Уже сейчас появляются вакансии дизайнеров-разработчиков, специализирующихся конкретно на платформах вроде Webflow, Bubble, Glide и тп.

Сам Zack Onisko (CEO Dribbble) некоторое время назад в Твиттере искал к себе как человека со знанием Webflow.

Что говорить, под проекты, сделанные без кода даже инвестиции получают. А это какой-никакой, да знак.

И — немного полезностей

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

1. Решить что создавать

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

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

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

2. Выбрать инструмент

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

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

Начать можно отсюда → https://www.notion.so/ae723adf3bed41d9b4076eb958fee57f .

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

Если все же не получилось найти тот самый инструмент, то можно попросить совета в самом большом сообществе по ноукоду в мире – NoCodeFounders https://nocodefounders.com/

3. Пройти базовые уроки

Предположим, вы выбрали инструмент. Теперь нужно его освоить. Большинство инструментов предоставляют обучающие материалы в видео, текстовом, или даже интерактивном формате.

Не стоит ими пренебрегать, так как это даст ощущение прогресса (чего в программировании сложно быстро добиться, не считая вывода "hello world" в консоли или на страничке, конечно же).

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

4. Копировать

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

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

Конечно, появится море вопросов, ответы на которые придется искать самостоятельно, но об этом далее.

5. Изучать самостоятельно

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

Можно посмотреть, не было ли похожего вопроса на форуме, или поискать ролики на YouTube, или задать вопрос в Slack-сообществе NCF (https://nocodefounders.com/) или чате в телеграм (https://t.me/nocoders_chat).

Еще можете посмотреть подборку из YouTube-каналов, которые помогут освоить разработку без кода.( https://vc.ru/education/141603-17-youtube-kanalov-kotorye-pomogut-osvoit-razrabotku-bez-koda)

6. Развлекаться и экспериментировать

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

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

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