Iteração contínua: explorando a evolução do editor de mensagens no aplicativo de arrastar e soltar Braze

Publicados: 2024-02-27

Quando se trata de impulsionar um desempenho de marketing mais forte e aprofundar o relacionamento com os clientes, os canais que os profissionais de marketing utilizam são realmente importantes. E embora canais fora do produto, como e-mail e notificações push, tendam a receber mais atenção, poucos programas de engajamento do cliente conseguem ver seu desempenho ideal sem incorporar canais no produto, como mensagens no aplicativo (IAMs). Desde orientar os clientes através de fluxos de integração até impulsionar assinaturas e adoção de recursos, os IAMs são uma ferramenta poderosa de engajamento que permite que as marcas alcancem os usuários quando eles estão mais engajados e prontos para agir, possibilitando amplificar o impacto de suas campanhas de marketing.

Na Braze, as mensagens no aplicativo fazem parte do mix de canais de nossa plataforma de engajamento do cliente desde o primeiro dia, mas estamos sempre procurando maneiras de ajudar os profissionais de marketing a aproveitar melhor esse canal impactante. No outono de 2022, lançamos um novo editor IAM de arrastar e soltar, inspirado em um protótipo criado durante um dos Hackathons regulares da organização de produto e engenharia. E desde então, nossa equipe continuou a desenvolver recursos para trazer flexibilidade e facilidade de uso adicionais aos nossos clientes. Vamos dar uma olhada em como esse produto-chave evoluiu nos últimos 18 meses e qual o impacto que essas mudanças tiveram.

Evoluindo nosso editor IAM de arrastar e soltar: Construindo suporte a modelos editáveis

Pegar um novo recurso como o editor de mensagens no aplicativo de arrastar e soltar da plataforma Braze e aprofundar seus recursos para melhorar sua utilidade e desempenho é um processo envolvente e iterativo e que requer uma quantidade significativa de reflexão e colaboração para acertar. Para garantir que agregamos valor a cada novo recurso que apresentamos, a organização de produto e engenharia da Braze adotou dois objetivos principais para o editor de arrastar e soltar:

  • Replique recursos de paridade dos editores de mensagens clássicos no aplicativo da plataforma Braze

  • Introduzir novos recursos ao editor que tornariam a criação de mensagens uma experiência ainda melhor para nossos clientes

Você pode ver esses objetivos se concretizando em uma atualização significativa no editor IAM de arrastar e soltar, ou seja, a introdução de modelos IAM editáveis. Continue lendo para ver o desenvolvimento desta nova oferta:

1. Considere o feedback do cliente como ponto de partida

Depois de criarmos a primeira iteração do editor IAM de arrastar e soltar, trabalhamos com os clientes para obter feedback sobre a versão inicial, a fim de oferecer suporte a ajustes contínuos no recurso. Uma coisa importante que sempre surgia durante essas conversas com os clientes era a necessidade de modelos.

No lançamento, combinamos o editor IAM de arrastar e soltar com alguns modelos prontos para uso, como um formulário de captura de número de telefone. Mas não havíamos lançado nosso produto mínimo viável (MVP) com uma experiência de composição que permitiria às marcas salvar e gerenciar quaisquer modelos que elas próprias pudessem criar; isso significava que os profissionais de marketing tinham que duplicar as mensagens existentes como solução alternativa para compensar a falta de opções de personalização de modelos.

Depois de analisar os prós e os contras dessa abordagem com os clientes, ficou claro que o suporte a modelos editáveis ​​lhes permitiria economizar tempo e recursos significativos à medida que construíam e personalizavam suas mensagens no aplicativo. A questão era exatamente como fazer isso.

2. Reúna insights de dentro para fora

Embora o editor IAM de arrastar e soltar seja um produto comparativamente novo, a plataforma Braze oferece suporte a modelos em outras partes do produto. À medida que explorámos a melhor forma de implementar modelos editáveis ​​para mensagens no aplicativo, analisamos os padrões existentes para modelos que já estavam em vigor no produto Braze, especificamente nossos modelos de e-mail e webhook existentes.

Enquanto trabalhávamos para desenvolver esse novo recurso, sabíamos que era essencial garantir que os modelos simplificassem os fluxos de trabalho atuais de nossos clientes, em vez de complicá-los. Para fazer isso, nos inspiramos em nossos produtos e em outras experiências de modelos semelhantes, o que nos permitiu produzir modelos que pareciam familiares e intuitivos para clientes atuais e futuros da Braze.

O resultado desse esforço do Product Design foi a criação de uma nova biblioteca visual construída para mostrar e armazenar modelos para uso no editor IAM de arrastar e soltar. Para combinar a experiência com nossos modelos existentes e facilitar a aplicação deste trabalho a outros canais no futuro, construímos a biblioteca usando um componente do nosso Beacon Product System; isso simplificou o processo e ajudou muito a manter uma aparência consistente para os profissionais de marketing que já usavam modelos em outras partes do produto Braze.

3. Implementar programação em pares para Engenharia e Design de Produto

Para realizar esse tipo de projeto com sucesso, é essencial encontrar maneiras de apoiar uma parceria eficiente e bem-sucedida entre as equipes de Produto, Design e Engenharia. À medida que nossa organização trabalhava para iterar rapidamente em nosso editor IAM de arrastar e soltar no ano passado, adotamos uma estratégia que ajudou muito nossas equipes a trabalharem juntas com mais eficiência: Programação em pares.

A programação em pares tradicionalmente se refere a situações em que dois ou mais engenheiros de software se sentam juntos em uma determinada estação de trabalho e programam juntos. Na Braze, expandimos essa abordagem para cobrir colaborações diretas entre engenheiros e designers de produtos para apoiar a criação e o refinamento eficazes de nosso novo recurso de modelos. Nossa versão centrou-se em uma reunião regular entre as partes interessadas relevantes dessas equipes para revisar projetos de trabalho em andamento e desafios técnicos. Como diz Kimie OuYang, designer de produto sênior da Braze: “Esse é o momento em que posso mostrar o progresso do meu design, compartilhar protótipos e obter feedback de nossos desenvolvedores para entender o quão difícil seria um recurso ou se há algo que perdi que não é escalável.”

Descobrimos que adotar essa abordagem contribuiu muito para apoiar uma transição perfeita quando chegou a hora de dar vida aos nossos protótipos. Como estávamos nos reunindo e nos comunicando entre as equipes de forma tão consistente, quando nossa equipe estava pronta para escrever histórias de usuários e iniciar o desenvolvimento, descobrimos que a Engenharia já estava comprometida tanto com o problema do usuário que identificamos quanto com a solução de design. É importante observar que essas reuniões não tratam apenas da realização de revisões de design; também os usamos para realizar brainstorms de engenharia para melhorar estruturas de código e resolver desafios técnicos complexos fora do ciclo regular de desenvolvimento. Eles tiveram tanto sucesso que agora os programamos regularmente em nossos calendários e os usamos como um veículo para construir relacionamento dentro da organização.

4. Adote testes de usabilidade entre equipes para validar o sucesso

Assim que colocamos o protótipo em um bom lugar, era hora de contratar uma nova equipe: User Research. Essa equipe trabalhou conosco para supervisionar os testes de usabilidade dos modelos IAM de arrastar e soltar, a fim de validar nossa solução para o problema do usuário e coletar insights de alto nível que poderíamos usar para orientar a evolução futura do recurso.

“A equipe de mensagens no aplicativo lançou as bases para isso como um fluxo de trabalho que [nossos] clientes realmente gostam”, disse Audra Wingard, pesquisadora sênior de UX da Braze. “Uma das perguntas que fizemos nessas entrevistas foi: '[Os modelos] funcionariam para seus outros canais?' Eles disseram que sim. Portanto, esta é uma base muito boa para [outras equipes da Braze]... que agora estão explorando modelos e descobrindo como isso funcionará em seu contexto.”

Esse tipo de pesquisa é sempre uma oportunidade inestimável para vermos como os usuários estão interagindo com um novo recurso – seja em um protótipo ou em um ambiente de demonstração – e coletar feedback acionável em tempo real. Nesse caso, as sessões de testes de usabilidade nos deram o feedback (e um voto de confiança) necessário para nos ajudar a fazer os ajustes e melhorias finais necessários antes de lançarmos esse recurso para disponibilidade geral. Além disso, como observou Audra, a User Research conseguiu transmitir imediatamente os insights capturados durante nossos testes de usabilidade para outras equipes da Braze, ajudando a informar iniciativas de modelos adicionais em toda a organização.

Pensamentos finais

O trabalho de nossa organização na construção da biblioteca de modelos para o editor IAM de arrastar e soltar da plataforma Braze serviu para resolver um problema importante do usuário, graças à colaboração cuidadosa entre várias equipes. Mas esse esforço é apenas um exemplo das muitas iniciativas em andamento na Braze para promover uma facilidade de uso ainda maior em nossos produtos. No futuro, nossas equipes continuarão a fazer parcerias e compartilhar aprendizados para desenvolver essa base para nossas diferentes áreas de produtos.

Quer saber mais sobre a organização Braze Product, Design, and Engineering (PDE) e como trabalhamos juntos para apoiar o desenvolvimento de produtos inteligentes e escaláveis? Confira esta peça de Brian Wheeler, vice-presidente sênior de engenharia da Braze.

Interessado em trabalhar na Braze? Estamos contratando para diversas funções em nossas equipes de engenharia, gerenciamento de produtos e experiência do usuário. Confira nossa página de carreiras para saber mais sobre nossas vagas abertas e nossa cultura.