Почему Mason и внешний интерфейс как услуга изменят правила разработки продуктов

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

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

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

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

Что такое FEaS?

Вы знаете, что такое программное обеспечение как услуга (SaaS). Но слышали ли вы о программных компонентах как услуге (SCaaS)?

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

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

Это означает, что вы создаете сложные функции и заставляете их взаимодействовать с API. Пример различных сложных форм, подключенных к Airtable в качестве источника данных, можно найти здесь.

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

А это баннер героя, который я создал для бесплатной раздачи электронных книг, используя шаблон Mason:

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

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

Для кого Мейсон?

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

Затем эти функции будут автономными и будут добавлены в продукт, когда они будут готовы к работе.

Что касается реальных людей, для которых был создан Mason, Том Маклафлин, генеральный директор Mason, объясняет:

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

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

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

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

Почему FEAaS имеет значение

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

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

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

Визуальное проектирование компонентов пользовательского интерфейса

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

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

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

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

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

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

Создавайте компоненты и функциональность быстрее

Теперь возможность визуально стилизовать компоненты — это лишь одно из преимуществ использования платформы FEAaS, такой как Mason. Как и следовало ожидать, такой инструмент был создан для скорости.

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

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

С конструктором Mason вы можете:

• Добавляйте новые контейнеры, столбцы, строки, блоки контента или элементы с пользовательским кодом простым перетаскиванием:

• Просмотрите, отредактируйте, дублируйте, переместите или удалите слои вашего компонента, используя эту визуализированную иерархию элементов:

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

Вкладка Mason «Настроить» позволяет быстро интегрироваться с другими приложениями, такими как:

• Аути
• Фейсбук
• Хабспот
• Полоса
• Сумерки
• И больше.

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

Все, что вам нужно, это ключи Publishable и Secret из панели разработчика Stripe:

Затем введите каждый из ключей в соответствующее поле в Mason:

Вернитесь на вкладку «Дизайн» и перетащите элемент формы кредитной карты в компонент.

Когда ваша форма добавлена ​​на страницу, остается сделать последний шаг для настройки этой интеграции.

Вернитесь на вкладку Настройка. Теперь вы увидите новую опцию на боковой панели под названием «Формы»:

Вы можете видеть, что все соответствующие детали уже добавлены сюда, и связь с вашей формой уже установлена.

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

Развертывайте новые функции с легкостью

Конечно, возможность быстро разрабатывать новые функции важна для продуктовых команд. Однако это все еще не решает проблему развертывания.

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

Мейсон разработал для этого решение. Начнем с того, что опубликовать компонент в библиотеке Мейсона совсем несложно. Просто нажмите кнопку «Опубликовать» в правом верхнем углу конструктора, а Мейсон позаботится обо всем остальном.

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

Для этого используйте кнопку «< > Deploy» в правом верхнем углу конструктора. Затем вам будет предложено сделать следующее:

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

Так же просто запустить новый компонент и все его функции.

Предоставьте всем возможность вносить изменения и отправлять обновления

Все, что я здесь говорил о преимуществах FEAaS, вращалось вокруг этого последнего — и огромного — преимущества, а именно:

FEAaS позволяет каждому вносить изменения в функции и внедрять их в работающее приложение.

Подумайте об этом на мгновение.

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

В конечном итоге вы теряете деньги бизнеса, удерживая программное обеспечение в заложниках. До сих пор это то, с чем не могли помочь команды разработчиков программного обеспечения. Это было просто характером их работы. Но с появлением FEAaS от Mason это наконец изменилось.

После того, как вы (1) опубликовали свой компонент и (2) развернули его в своем приложении, функция появится в вашем продукте. Но, допустим, ему нужны изменения. Например:

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

Неважно, кто входит в Mason Builder, чтобы изменить компонент. Во-вторых, выцветшая кнопка «Сохранено» в правом верхнем углу конструктора превращается в зеленую кнопку «Перейти к публикации».

И угадайте, что? Чтобы щелкнуть по нему, не требуется технического опыта.

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

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

Подведение итогов

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

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