Aprimorando a experiência de e-mails gerados por solicitação por meio do Genie de e-mail com tecnologia de IA: estudo de caso de UI/UX
Esta documentação irá guiá-lo através do meu processo e decisões de design para projetar um produto de geração de e-mail baseado em IA. Talvez o gênio escreva e-mails melhores do que seu chefe?

Isenção de responsabilidade - não fui contratado para fazer este projeto, fazia parte de uma tarefa de design de 5 dias. Esta documentação abrange o processo de design e as entregas.
Visão geral da tarefa
A tarefa era projetar a experiência para uma ferramenta SaaS de geração de e-mail baseada em IA. Isso ajudaria os usuários a gerar e-mails profissionais e personalizados com base no objetivo e na tonalidade escolhidos .
Duração — 5 dias
Palavras-chave identificadas
Com base no que reuni do resumo fornecido.
- E-mail baseado em objetivo e tonalidade.
- Tom e objetivo desejados → Inserindo o conteúdo do e-mail → Gerando o e-mail final (Fluxo de usuário esperado • Simplificado)
- Personalizável por ter sua marca ou personalizar a saudação.
- Recurso de visualização.
Como podemos permitir uma experiência de e-mail personalizada por meio do gerador de e-mail baseado em IA — EmailGenie?
Aqui estão alguns objetivos que eu criei antes de começar.
- Para identificar problemas no atual processo manual de envio de e-mails.
- Projetando fluxo de usuário intuitivo de ponta a ponta para todo o processo de geração de e-mail via EmailGenie
- Concentrando-se em diferentes partes da jornada de e-mail para cobrir todos os casos de uso
Pesquisar
Em primeiro lugar, não sendo um usuário avançado de e-mail, queria entender o que está por trás da estruturação de um e-mail. Era fundamental entender a estrutura para identificar quais inputs seriam necessários para o sistema gerar um e-mail.
Principais componentes de um e-mail
- Linha de assunto clara e interessante — para que o destinatário fique tentado a abrir o e-mail.
- Saudação personalizada — para que o e-mail pareça humano e pessoal
- Corpo — Deve abranger a agenda principal do e-mail.
- CTA — Quaisquer ações que você gostaria que o destinatário realizasse (por exemplo, ver portfólio, agendar uma demonstração)
- Encerramento — Terminar bem as coisas e chegar a uma conclusão
- Assinatura — Para melhor personalização e contato rápido.
- Acompanhamento — Uma parte essencial do processo de envio de e-mail, para destinatários muito ocupados.

Bate-papo com 3 cold emailers atuais
Entrevistei 3 pessoas que enviaram e-mails para muitas pessoas em busca de empregos ou estágios. Reuni alguns insights importantes da conversa.
Problemas centrais
- Precisa de ajuda para encontrar o tom certo para o e-mail.
- Uma cópia não funciona para todos. Quer criar muitas versões diferentes do e-mail.
- Os e-mails não são abertos/clicados devido a uma linha de assunto genérica .
- Deixar de alterar partes do e-mail que precisam ser personalizadas (por exemplo — o nome e a empresa do destinatário)
- A elaboração de e-mails de acompanhamento é difícil e genérica . Difícil de personalizar.
Eu queria me familiarizar com os padrões e fluxos das ferramentas de e-mail atuais. Para conseguir isso, comecei a análise competitiva com os seguintes pontos em mente
- Quais outras ferramentas SaaS estão resolvendo o mesmo caso de uso?
- Quais são as principais ofertas dos concorrentes?
- Quais são os pontos problemáticos dos aplicativos concorrentes ?
- ferramenta de feitiço
- Ferramentas GPT3 como ChatGPT
- IA de escrita
- Copiar IA
- Personalização ausente — A maioria das ferramentas aceitava muito menos entrada, levando a uma personalização significativamente menor. A única entrada era o tipo de correio e tom, levando a menos personalização.
- Não há como iterar a cópia do e-mail - os usuários gostariam de 2 a 3 versões diferentes de seus e-mails para verificar qual funciona melhor. Não havia como iterar e-mails sem criar novos projetos do zero.
Depois de analisar determinados geradores de e-mail baseados em IA, foi fácil definir a experiência em um domínio amplo.

EmailGenie — encontra-se no ponto ideal
- Saída baseada em contextos predefinidos específicos fornecidos pelos usuários.
- Concentra-se mais em melhorar o conteúdo gerado pela IA nas entradas do usuário
- Permite o mais alto grau de personalização e controle com menos entradas e contexto do usuário.
Dividido em 2 baldes, uso pessoal e uso comercial.
- Grupo 1 • Uso pessoal: Usuários que desejam redigir e-mails frios para uso pessoal (por exemplo — candidatura a emprego, estágio, acompanhamentos)
- Grupo 2 • Usuários empresariais: usuários que desejam redigir e-mails frios para expandir seus negócios por meio de divulgação fria (por exemplo — e-mails de marketing para clientes, agendar uma demonstração)

Considerando que o EmailGenie é uma ferramenta de geração de e-mail e não uma ferramenta de entrega de e-mail como o MailChimp.
- EmailGenie é um gerador de cópia de e-mail e não uma ferramenta de divulgação fria . Isso ajudará os usuários a testar diferentes cópias para diferentes propósitos.
- Isso ajudará os usuários a escrever e apresentar um e-mail.
- O EmailGenie não resolverá a entrega do e-mail.
- Não considerei o preço e a assinatura. Mais tarde, certos recursos podem ser apenas para usuários pagos. Atualmente, incluí recursos com base nos pontos problemáticos coletados.

1️⃣Experiência de embarque
O objetivo aqui era configurar o sistema de IA para personalização. Os usuários forneceriam a maioria dos detalhes durante o processo de integração para melhorar a personalização dos e-mails.
Diferentes maneiras de personalizar a cópia do e-mail?
- Adicionando o nome do destinatário ao e-mail.
- Fazendo tudo contextual para o remetente e destinatário. (A experiência de trabalho do remetente deve ser destacada/a principal oferta de produto deve ser destacada)
- Assinatura de e-mail personalizada.
- Adicionar palavras que o remetente costuma falar.
- Como essa era uma ferramenta baseada em SaaS que poderia ter usuários globais, fui em frente e pedi apenas o ID do e-mail para começar.
- 2 pontos de entrada - Inserir um endereço de e-mail ou vincular ao Google foi fornecido aos usuários para uma experiência perfeita.
- Prossegui com a abordagem de integração baseada em persona .
- Já que os usuários de trabalho podem querer integrar sua equipe com o produto. Atualmente, devido a limitações de tempo, desenvolvi apenas para usuários de projetos pessoais.
- Este pode ser um ponto de dados importante para descobrir qual categoria está se tornando seus usuários avançados



Pedindo detalhes de personalização

- O conceito de IA usando links sociais para gerar personalização pode ser novidade para os usuários
- Era importante educar os usuários sobre o que eles alcançariam compartilhando seus links sociais, como perfis do LinkedIn e sites pessoais.
- Em todas as etapas, incorporei elementos de redação para transmitir o objetivo das informações solicitadas.

- A assinatura de e-mail pessoal faz parte da marca dos e-mails, os usuários são estimulados aqui para habilitar o mesmo, para minimizar o atrito posteriormente durante o processo de geração de e-mail.
- Embora, se não for aqui, os usuários sempre podem criar sua assinatura de e-mail posteriormente.
Decidi alguns objetivos que o painel ajudaria os usuários a alcançar.
- Os usuários frequentes da ferramenta devem ser capazes de voltar rapidamente para onde pararam ou criar um novo projeto.
- Novos usuários devem ser informados sobre o que podem fazer com a ferramenta.

Eu queria cobrir toda a jornada de e-mail de ponta a ponta .
Possíveis viagens que o usuário escolheria —
- Elaborando um novo e-mail.
- Gerando acompanhamentos.
- Encontrar linha de assunto.
1. Crie um novo projeto
2. Três CTAs separados — Novo e-mail, Acompanhamento, Gerar linha de assunto.
Vou orientá-lo na iteração rejeitada que fiz.

O CTA “Criar um novo projeto” sozinho poderia ter causado confusão , pois alguns usuários podem querer apenas rascunhar uma linha de assunto ou gerar um acompanhamento. Era importante fornecer aos usuários diferentes pontos de entrada para a jornada. No final, decidi adicionar 2 pontos de entrada.
3️⃣ Elaborando um novo fluxo de e-mail
A próxima etapa foi aprofundar os fluxos individuais e focar no aspecto de geração de e-mail do produto , que era o trabalho para o qual a maioria dos usuários contratava o produto, conforme definido anteriormente usando a estrutura de tarefas a serem realizadas.
Aqui está o fluxo do usuário para redigir um novo e-mail —

Assim que os usuários decidirem redigir um novo e-mail – eles são solicitados a fornecer o objetivo do e-mail.

Adicionei apenas algumas categorias predefinidas e a opção “Outros” , para que os usuários não fiquem confusos com tantas opções diferentes. Embora o trade-off possa ser algumas novas categorias no futuro e tornar tudo escalável.
Estágio de pré-entrada
Aqui, a visualização é mantida com menos opacidade, para dar uma dica aos usuários de como as informações serão apresentadas após a geração do e-mail com base no prompt.

Os usuários recebem 3 campos de entrada -
- Prompt — Esta é a descrição generalizada do que você gostaria de dizer ao gênio do e-mail para gerar
- Palavras-chave — Estas são certas palavras que os usuários desejam que a IA use
- CTA — É a principal ação que o remetente gostaria de destacar para o destinatário.
As entrevistas revelaram que as ferramentas baseadas em IA usavam suas próprias palavras ao gerar e-mails. Muitos usuários queriam adicionar palavras-chave específicas, que não estavam disponíveis em outros produtos concorrentes.
Adicionando uma caixa de seleção para incluir o nome do destinatário no painel
- O motivo é que muitos usuários usavam ferramentas de geração para correspondência em lote e não gostariam que nenhum nome específico fizesse parte do email . Portanto, foi adicionado como uma caixa de seleção.
- A URL do LinkedIn do destinatário foi adicionada para personalizar melhor o e-mail.

O estado pós-geração foi projetado tendo em mente certos objetivos .
- Permite que os usuários joguem e iterem com os resultados fornecidos
- Permite que os usuários comparem diferentes versões criadas pela IA
- Capacidade de elaborar um acompanhamento diretamente
- Copie a versão para o aplicativo de e-mail nativo.

O trocador de tom deve ser adicionado antes da geração do e-mail ou depois dela?
Com base na pesquisa, um dos problemas mais importantes a resolver era permitir que os usuários jogassem e repetissem os resultados fornecidos pelo sistema de IA.
A troca de tom era uma parte importante do processo de iteração de e-mail feito pelos usuários.
- Decidi adicionar um trocador de tom após o processo de geração , pois era importante permitir que os usuários criassem diferentes versões do e-mail → Misture e combine para obter os melhores resultados.
- Foi o resultado de muitas iterações que criei, mostrei uma abaixo.

- Não foi uma experiência de visualização de largura total .
- Embora toda a janela de geração tenha uma largura máxima de 1000 pixels. Não era escalável para futuras adições que eu adicionaria ao produto .
- A única parte boa era que a largura da janela de visualização do e-mail era de 600 pixels, tornando-a boa para legibilidade , pois a largura da linha era curta.
Atualmente, existem 2 maneiras de criar um acompanhamento.
- Acompanhamento de um e-mail existente .
- Acompanhamento de um novo e-mail • Novo acompanhamento
Gerando um acompanhamento de um e-mail existente

Este CTA é usado para gerar um acompanhamento para uma versão existente que está ativa. Digamos que você redigiu um e-mail para um fundador 3 dias atrás. O fundador não respondeu e você deseja acompanhar.

- Uma vez que um usuário decide gerar um acompanhamento de uma versão existente. Eles são fornecidos com um monte de objetivos.
- O atrito para elaborar um acompanhamento é mínimo . Não é solicitado aos usuários nenhuma entrada adicional além da objetiva. Embora eles possam posteriormente adicionar detalhes de prompt para brincar com os acompanhamentos gerados.


- O ponto de entrada para a jornada de geração de um novo acompanhamento está na página inicial .
- Um novo acompanhamento pode incluir o caso de uso de usuários que escrevem seus próprios e-mails e desejam redigir um acompanhamento gerado por IA.
- Para resolver isso, adicionei a opção de colar um e-mail anterior . O sistema de IA leria e redigiria um acompanhamento.



- Aqui, fiz o fluxo bem direto. O usuário insere um prompt genérico, pode selecionar um tom e o Genie fornecerá a eles determinadas linhas de assunto.
- Mais uma vez, o atrito mínimo é introduzido. Os usuários só podem adicionar um prompt genérico e selecionar o tom. Funcionalidades anteriores, como criar versões diferentes e adicionar palavras-chave, foram desativadas para reduzir a complexidade e o atrito.
- Mais uma vez, a personalização foi destacada para que os usuários não se esqueçam de alterá-la .
Eu analisaria certas métricas para medir o sucesso da experiência. Eles são baseados no HEART Framework .
- Taxa de conclusão da tarefa — Assim que o usuário decidir copiar o conteúdo do e-mail por meio do CTA COPY VERSION fornecido. Eu rastrearia quantos usuários atingem esse estágio.
- NPS (Classificações) — Depois de copiarem o conteúdo, adicionei uma caixa de diálogo de classificação para medir a satisfação do usuário com os resultados do sistema de IA.
- O número de e-mails gerados — já que “ iterações de e-mail” é um dos recursos importantes. Isso mede o número de e-mails gerados pelo produto, o que pode ajudar a entender o uso e a adoção do produto.

- Adicionar mídia — Não há como adicionar mídia como imagens, o que pode ser crucial para e-mails de marketing.
- Envio de e-mail em lote — Atualmente, não há opção para personalização de envio de e-mail em lote . A única maneira é remover o nome do destinatário e copiar o e-mail para qualquer outro software de e-mail como o MailChimp. Eu poderia ter adicionado opções para importar usando. Arquivos CSV ou uma integração.
- Extensão do Chrome — eu poderia ter projetado uma experiência de extensão do Chrome. Poderia facilmente fazer parte do plano gratuito do produto e teria completado o ecossistema.
- Melhor redação - eu iteraria mais na cópia para o texto do espaço reservado de entrada de prompt. Deve ser auto-explicativo. Atualmente, embora exista um botão de ajuda, eu poderia tê-lo tornado mais intuitivo.
- Experiência pós-geração de e-mail — Posso melhorar a experiência de entrega de e-mail? Atualmente, os usuários só podem copiar o conteúdo e colá-lo em seu aplicativo de e-mail nativo . Eu poderia ter adicionado uma experiência de link de atirador para a entrega de e-mail. Mas, novamente, o fluxo de e-mail em lote teria sido um caso extremo.
Se você ainda está aqui, obrigado! Se você tiver alguma dúvida ou sugestão, comente abaixo ou envie-me um ping para:
✉️ [email protected]
LinkedIn _
Twitter _
Eu ficaria mais do que feliz em ver o feedback :)
Você pode saber mais sobre mim emhttps://bento.me/priyanshsingara( PORTFÓLIO )
Sinta-se à vontade para me procurar por algumas brincadeiras suculentas de design e opiniões impopulares amadurecidas organicamente✨
Obrigado :)
