Um sino genérico misturava rastreio de pedido com promoções. Para compensar, a marca disparava e-mails demais, o que gerava descadastros.
Arezzo&Co
Central de Notificações
Notificação certa, no lugar certo
Como separei o útil do promocional e criei um canal de marketing dentro do app ZZ Mall.
- Empresa
- Arezzo&Co
- Produto
- App ZZ Mall
- Plataforma
- iOS e Android
- Meu papel
- UX/UI Designer: fluxos, prototipação e UI
- Time
- Eu, em parceria com o PO e com os gerentes da marca
Criei uma central com abas “Pedidos” (transacional) e “Mensagens” (promocional), além dos estados de erro, do opt-in de push e do onboarding.
Informações de pedido fáceis de achar, campanhas com mais cliques dentro do contexto de compra e menos dependência de e-mail marketing.
Um sino que misturava tudo
No app ZZ Mall, o sino de notificações era genérico: rastreio de pedido e promoções apareciam na mesma lista. Para compensar a falta de um canal dentro do app, a marca disparava e-mails demais, o que gerava descadastros.
Informação misturada
Quem queria saber do pedido precisava passar por promoções, e quem buscava ofertas via avisos de entrega.
Excesso de e-mail
Sem um canal promocional no app, o e-mail marketing virou a principal saída, e os descadastros cresciam.
Push desativado
Usuários com as notificações desligadas perdiam avisos importantes e não tinham um caminho fácil para religá-las.
Objetivos do projeto
- Separar o que é transacional do que é promocional
- Criar um canal de marketing dentro do contexto de compra
- Recuperar o opt-in de push
- Cobrir os estados de erro, vazio e deslogado
Por que a central antiga não funcionava
Antes de desenhar, olhei para o que o usuário encontrava ao tocar no sino e para o que a marca fazia para compensar.
Diagnóstico da central antiga
Analisei a lista de notificações existente e os cenários em que ela falhava: push desligado, usuário deslogado e lista vazia.
O que isso me mostrouO problema não era a quantidade de mensagens, e sim a mistura de intenções. Quem quer rastrear um pedido e quem quer ver ofertas estão em momentos diferentes.
Três princípios para a nova central
Cada princípio responde a um problema do diagnóstico.
Separar por intenção
Cada tipo de mensagem tem o seu lugar, para que uma não atrapalhe a outra.
Responde aA informação misturada no sino.
Valor no momento certo
A notificação promocional precisa levar direto à ação, sem passos extras.
Responde aO excesso de e-mail e a falta de canal no app.
Nunca uma tela sem saída
Todo estado, inclusive erro, vazio e deslogado, oferece um próximo passo.
Responde aO push desativado e os cenários sem conteúdo.
As decisões, uma a uma
Para cada decisão: o problema, o que eu fiz e por que fiz assim.
Separar por intenção
Duas abas, duas intenções
Problema
Rastreio de pedido e promoções disputavam a mesma lista.
Decisão
Criei duas abas: “Pedidos”, para as mensagens transacionais, e “Mensagens”, para as promocionais. Cada aba mostra um contador com o total de notificações pendentes.
Por quê
Quem quer rastrear o pedido não é interrompido por banner, e quem busca ofertas tem um feed só seu.
Valor no momento certo
Detalhe que converte
Problema
Uma notificação promocional que só informa não gera ação.
Decisão
O detalhe da notificação tem banner rico, botão “Copiar cupom” e deep link direto para a campanha.
Por quê
O usuário vai da mensagem à compra sem precisar procurar a campanha ou digitar o cupom.
Separar por intenção
Controle na lista
Problema
Com muitas mensagens, a lista precisa ser fácil de organizar e de ler.
Decisão
Swipe para excluir, com toast de confirmação, e tags que hierarquizam as mensagens.
Por quê
O usuário limpa a lista com um gesto, o toast confirma a ação, e as tags mostram de imediato o que é cada mensagem.
Nunca uma tela sem saída
Recuperar o push perdido
Problema
Com as notificações desativadas, o usuário perdia avisos e não sabia como religá-las.
Decisão
Um banner na central leva, por deep link, direto às configurações do iOS ou do Android. O usuário deslogado vê um convite ao login em vez de uma tela vazia.
Por quê
Encurtar o caminho até as configurações aumenta a chance de reativação, e o convite ao login transforma um beco sem saída em próximo passo.
Separar por intenção
Onboarding contextual
Problema
Uma central nova, com duas abas, precisava ser entendida logo no primeiro acesso.
Decisão
No primeiro acesso, um bottom sheet explica as duas abas.
Por quê
Explicar no momento do uso, e não antes, garante a adoção sem atrasar o usuário.
Como validar e acompanhar
Estes são os indicadores que eu usaria para saber se a nova central funcionou:
Opt-in de push recuperado
O que medirQuantos usuários reativam as notificações depois de ver o banner.
ObjetivoValidar se o deep link para as configurações funciona.
Engajamento por aba
O que medirO uso das abas “Pedidos” e “Mensagens”.
ObjetivoConfirmar que a separação atende às duas intenções.
CTR de cupons e campanhas
O que medirOs cliques em “Copiar cupom” e nos deep links das campanhas.
ObjetivoMedir se a aba promocional vira um canal de marketing.
Descadastros de e-mail
O que medirO volume de descadastros do e-mail marketing.
ObjetivoVerificar se o canal no app reduz a dependência do e-mail.
O que este projeto me ensinou
- Design de notificação não é bombardear: é entregar valor no momento certo.
- O desafio foi equilibrar as permissões do sistema e as metas de marketing sem ser intrusivo.
- Os estados de erro, vazio e deslogado são parte do produto, não um detalhe.
- Arquitetura de informação
- Mobile (iOS e Android)
- Edge cases e estados vazios
- Onboarding
- Definição de KPIs