UX CALENDAR – 02 DE DEZEMBRO – Como projetar uma central de notificações eficaz?

As notificações agora fazem parte do nosso dia a dia. Eles permitem que uma interface se comunique com o usuário e podem assumir diferentes formas: pop-ins, banners, push… A maioria dos sites e aplicativos os agrupa em uma central de notificações, onde aparecem quando um ícone é clicado. (o famoso sino!) . 

Embora essenciais, as notificações podem se tornar irritantes ou intrusivas se não forem elaboradas com cuidado. Este artigo fornece dicas para criar uma central de notificações que trará o máximo valor para seus usuários. 

# 1 Perguntas para se fazer para começar

Quais informações devem estar na central de notificação? 

 Não há necessidade de sobrecarregar sua interface com informações supérfluas. Realizar uma fase de pesquisa e elaborar a tipologia de notificações relevantes (novo evento, lembrete, interação com outro usuário, atualização de um elemento, etc.)

Qual é o grau de criticidade da informação? 

Evite colocar informações críticas em sua central de notificações porque o usuário pode perdê-las. Use pop-ins, banners ou lanchonetes para mensagens de erro e alertas. 

A notificação resultará em ação do usuário? 

Em caso afirmativo, adicione ações rápidas no corpo da notificação. É isso que o LinkedIn oferece para aumentar o engajamento do usuário.

Qual é o volume esperado de notificações? 

Se as notificações forem numerosas ou frequentes, agrupe-as para clarear sua interface. É isso que o Facebook faz quando muitas pessoas reagem à mesma publicação, por exemplo.

Que ação será necessária para marcar a notificação como “lida”? 

Algumas interfaces o marcam como “lido” quando exibido, outros exigem que você clique nele. Você decide ! Uma notificação importante pode exigir um clique, enquanto uma mensagem informativa não exigirá nenhuma ação específica. 

A notificação deve permanecer visível no stream depois de lida? 

As notificações de leitura geralmente são mantidas caso o usuário precise lê-las novamente. Você pode oferecer uma rolagem infinita nas notificações anteriores (como o Facebook) ou ocultar as notificações antigas após um certo tempo.

O que acontece quando a notificação é clicada? 

Para cada tipo de notificação, defina para onde seu usuário será redirecionado: para um perfil? uma lista de registros? uma página dedicada? Registre essas informações em uma tabela e garanta a consistência entre os diferentes comportamentos.

 #2 Projete seu centro de notificações

Uma vez identificadas as necessidades, passemos ao design gráfico. O centro de notificação é composto por vários tipos de componentes e segue certas convenções.

  • Âncora

A âncora materializa o centro de notificação. Normalmente, é colocado no canto superior direito da tela como um botão, geralmente com um ícone de sino. Alguns sites/aplicativos dividem as notificações em várias âncoras (ex: Facebook separa solicitações de amigos e mensagens privadas do restante das notificações)

Lembre-se de prever os diferentes estados de sua âncora : 

  • Sem novas notificações
  • Novos avisos
  • Selecionado (ao clicar no botão)

  • O painel de notificação

Ao clicar na âncora, uma lista de notificações aparece em ordem cronológica. O painel de notificações pode aparecer flutuando abaixo da âncora ou ocupar toda a altura da tela à direita. 

Note : é essencial poder distinguir rapidamente as notificações não lidas. Eles podem ser diferenciados por:

  • Pelota 
  • Uma barra vertical
  • Uma cor de fundo diferente (que não deve ser confundida com efeitos de foco)

  • A notificação 

Uma boa hierarquia de informações é essencial para entender uma notificação. Pode conter os seguintes elementos:

 

#3 Permitir que o usuário controle suas notificações

Por fim, não se esqueça de permitir que seus usuários controlem a exibição de notificações. Dê a eles acesso fácil a uma tela de configurações onde eles podem ativar ou desativar as notificações com base em suas preferências.

# Conclusão

 A central de notificações é uma ferramenta poderosa que pode trazer muito valor… ou frustração! Para garantir sua eficácia, apoie suas escolhas de design com pesquisas de usuários e não se esqueça de respeitar os padrões em vigor. 

 

Orane LEFEVRE – Designer UX @UX-Republic

Nossos próximos treinamentos