Noções básicas de design de notificações

Impulsione o envolvimento do usuário com seu aplicativo fornecendo notificações personalizadas, acionáveis e úteis do sistema. As notificações do sistema são as notificações do Windows que aparecem no canto inferior direito da tela do usuário e a Central de Notificações (chamada central de ações no Windows 10). Este artigo fornece diretrizes de design a serem consideradas conforme você planeja e implementa a experiência de notificação do sistema para seu aplicativo.

As notificações devem ser informativas e valiosas

Crie suas notificações para ter uma intenção clara para que o usuário possa entender rapidamente a finalidade da notificação e permanecer no fluxo. Considere os cenários de usuário que suas notificações do sistema estão habilitando e adicione elementos à notificação apropriada para cada cenário. As notificações devem permitir que o usuário economize tempo, mas não deve distrair ou criar mais trabalho.

Escolha os elementos de interface do usuário de notificação corretos

Considere quais elementos de interface do usuário oferecem mais valor para o cenário do usuário. A finalidade da notificação é permitir que o usuário realize uma tarefa ou é simplesmente obter novas informações? A seção a seguir mostra alguns elementos de exemplo que você pode usar em suas notificações do sistema.

Botões

Os Botões disparam uma ação imediata. Ao adicionar botões, o usuário pode concluir uma tarefa dentro da notificação.

Imagens

As imagens podem ser substituição do logotipo do aplicativo, embutidas ou hero. Ao adicionar imagens, o usuário pode analisar seu conteúdo mais rapidamente. Exemplos incluem a adição de uma imagem de substituição do logotipo do aplicativo que ilustra a imagem de perfil do remetente a uma notificação de chat ou email.

Respostas rápidas

As caixas de resposta rápidas permitem que os usuários respondam às mensagens sem abrir o aplicativo. Exemplos incluem a adição de caixas de resposta rápidas a uma notificação de chat.

Botões de menu de contexto

Os botões de menu de contexto oferecem aos usuários mais opções ao clicar com o botão direito do mouse na notificação ou na seleção do ícone de menu de contexto. Um cenário de exemplo é adicionar uma opção para ativar um chat em grupo por uma hora.

Barras de progresso

As barras de progresso comunicam status de operações de execução prolongada. Ao adicionar uma barra de progresso, o usuário não precisa marcar novamente em seu aplicativo para obter atualizações. Exemplos incluem a comunicação de um download de arquivo ou atualização de jogo com uma notificação de barra de progresso.

Para ver todos os elementos da interface do usuário que podem ser usados em uma notificação, consulte Conteúdo do sistema.

As notificações não devem ser barulhentas

Os usuários podem facilmente ser sobrecarregados com muitas informações e ficar frustrados se estiverem sendo interrompidos enquanto tentam se concentrar. Muitas interrupções levam os usuários a desativar esse canal de comunicação crítico para seu aplicativo.

• Um método de não interromper o usuário, mas ainda comunicar informações valiosas, é suprimir a notificação, o que significa que a notificação é colocada automaticamente diretamente na Central de Notificação sem um alerta.
• Em Windows 11, as Sessões de Foco permitem que os usuários suprimam notificações desnecessárias. Você pode usar a API FocusSessionManager para detectar se o usuário está em uma Sessão de Foco e ajustar o comportamento de notificação do aplicativo de acordo.

Responder à intenção do usuário

Assim como o design da interface do usuário de notificação, o comportamento quando o usuário clica na notificação ou nos elementos da interface do usuário dentro da notificação deve ser deliberado e consistente e deve envolver o usuário em uma tarefa ou cenário claro.

• Se o usuário clicar em sua notificação para iniciá-la, seu aplicativo deverá ser iniciado no contexto da notificação.
• Se o usuário clicar em um botão na notificação, seu aplicativo deverá ser iniciado no contexto apropriado para a ação do botão
  • No entanto, se a ação for destinada a ser uma tarefa em segundo plano, como resposta rápida, seu aplicativo não deverá ser iniciado.

Fornecer uma experiência consistente do Centro de Notificação

A Central de Notificação permite que o usuário exiba e responda às notificações depois que elas forem exibidas ou, no caso de notificações silenciosas, depois de serem recebidas, mas não exibidas. É importante manter a Central de Notificações arrumada limpando notificações antigas. Você também deve fornecer uma experiência consistente ao remover notificações para que o usuário se sinta confiante de que não está faltando informações. Seguir as convenções padrão para remoção de notificação torna a experiência de notificação previsível e intuitiva para os usuários.

Veja a seguir alguns cenários de exemplo que ilustram estratégias para limpar notificações antigas da Central de Notificações:

• O usuário recebe 10 novos emails e, portanto, 10 novas notificações. O usuário vai para o aplicativo de email e exibe 10 emails, sem interagir com as 10 notificações. Depois que o usuário visualiza os 10 emails, o aplicativo de email remove as 10 notificações da Central de Notificações. Isso também se aplica se o usuário tiver exibido os 10 emails em outro lugar, como seu telefone ou site.
• O usuário recebe 10 novas mensagens de chat de um usuário e, portanto, 10 novas notificações. O usuário seleciona uma dessas notificações de chat, que inicia o chat. Depois que o usuário visualiza o chat, o aplicativo remove as 9 notificações restantes da Central de Notificações.

Artigos relacionados

Diretrizes do desenvolvedor para notificações