Текущая итерация: изучение эволюции редактора сообщений в приложении Braze с функцией перетаскивания

Опубликовано: 2024-02-27

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

В Braze сообщения внутри приложений были частью набора каналов нашей платформы взаимодействия с клиентами с самого первого дня, но мы всегда ищем способы помочь маркетологам получить больше от этого эффективного канала. Осенью 2022 года мы запустили новый редактор IAM с возможностью перетаскивания, вдохновленный прототипом, созданным во время одного из регулярных хакатонов, проводимых продуктовыми и инженерными организациями. И с тех пор наша команда продолжает создавать функции, обеспечивающие дополнительную гибкость и простоту использования для наших клиентов. Давайте посмотрим, как этот ключевой продукт развивался за последние 18 месяцев и какое влияние оказали эти изменения.

Развитие нашего редактора IAM с возможностью перетаскивания: создание поддержки редактируемых шаблонов

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

  • Репликация функций четности из классических редакторов сообщений в приложениях платформы Braze.

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

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

1. Возьмите отзывы клиентов в качестве отправной точки

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

При запуске мы объединили редактор IAM с возможностью перетаскивания с несколькими готовыми шаблонами, такими как форма ввода номера телефона. Но мы не запустили наш минимально жизнеспособный продукт (MVP) с возможностью композиции, которая позволила бы брендам сохранять и управлять любыми шаблонами, которые они могут создать сами; это означало, что маркетологам приходилось дублировать существующие сообщения в качестве обходного пути, чтобы компенсировать отсутствие возможностей настройки шаблонов.

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

2. Соберите информацию изнутри

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

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

Результатом этих усилий Product Design стало создание совершенно новой визуальной библиотеки, предназначенной для демонстрации и хранения шаблонов для использования в редакторе IAM с возможностью перетаскивания. Чтобы согласовать этот опыт с нашими существующими шаблонами и упростить применение этой работы к другим каналам в будущем, мы создали библиотеку, используя компонент из нашей системы продуктов Beacon; это упростило процесс и во многом помогло поддерживать единообразный внешний вид для маркетологов, которые уже использовали шаблоны в других частях продукта Braze.

3. Внедрить парное программирование для проектирования и проектирования изделий.

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

Парное программирование традиционно относится к ситуациям, когда два или более инженера-программиста сидят вместе на одной рабочей станции и вместе программируют. В Braze мы расширили этот подход, включив в него прямое сотрудничество между инженерами и дизайнерами продуктов для поддержки эффективного создания и совершенствования наших новых функций шаблонов. Наша версия основывалась на регулярных встречах между соответствующими заинтересованными сторонами в этих командах для рассмотрения незавершенных проектов и технических проблем. Как говорит Кими Оуян, старший дизайнер продуктов в Braze: «Это время, когда я могу продемонстрировать свой прогресс в проектировании, поделиться прототипами и получить отзывы от наших разработчиков, чтобы понять, насколько сложной будет функция или есть ли что-то, что я пропустил, но это не так. масштабируемый».

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

4. Используйте межкомандное тестирование юзабилити для подтверждения успеха.

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

«Команда сообщений внутри приложения заложила основу для этого рабочего процесса, который действительно нравится [нашим] клиентам», — сказала Одра Вингард, старший UX-исследователь в Braze. «Один из вопросов, которые мы задавали в этих интервью: «Подойдут ли [эти шаблоны] для других ваших каналов?» Они сказали да. Так что это очень хорошая основа для [других команд Braze]... которые сейчас изучают шаблоны и выясняют, как это будет работать в их контексте».

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

Последние мысли

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

Хотите узнать больше об организации Braze Product, Design and Engineering (PDE) и о том, как мы работаем вместе, чтобы поддерживать интеллектуальную, масштабируемую разработку продуктов? Посмотрите эту статью от Брайана Уиллера, старшего вице-президента по инжинирингу, Braze.

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