Notificações toast são UX ruim

• O problema central dos toasts é que eles sempre aparecem longe da atenção do usuário
• Problemas do toast do YouTube
  • Toda a interação é muito incômoda
    • Clica-se no botão "Salvar" no lado direito da tela
    • Um modal aparece no centro da tela
    • Um toast aparece no canto inferior esquerdo da tela
  • Problemas adicionais
    • O toast aparece com atraso, sem indicador de carregamento
    • Ao marcar ou desmarcar uma caixa de seleção no modal, é preciso esperar alguns segundos até o toast anterior desaparecer para receber o toast de confirmação da ação mais recente
    • O botão "Desfazer" no toast é desnecessário. O usuário pode simplesmente clicar na caixa de seleção novamente
• Solução: remover o toast
  • É possível resolver todos os problemas simplesmente redesenhando a interação de "Salvar"
    • A playlist é exibida logo abaixo do botão, em vez de aparecer em um modal
    • Após marcar/desmarcar a caixa de seleção, aparece um indicador de carregamento
    • Quando o indicador de carregamento desaparece, isso significa que a ação foi concluída
    • Não há necessidade de toast
• Mais 2 exemplos
  • 1. Confirmar que um item foi adicionado/removido
    • Quando um e-mail é arquivado no Gmail, aparece um toast mostrando a confirmação. Mas, ao arquivar o e-mail, ele desaparece da lista, o que já indica que a ação foi bem-sucedida
    • Observação: o feedback por toast pode ser útil para a função de desfazer e ao usar atalhos de teclado
  • 2. Confirmar que um item foi copiado
    • Depois que um item é copiado para a área de transferência, aparece um toast. Neste exemplo, o próprio botão já inclui a confirmação, então o toast é totalmente desnecessário
• Pode ser ainda pior
  • Pior do que um toast é não haver nenhum feedback
  • Se não houver tempo para projetar ou implementar um mecanismo de feedback melhor, um toast ainda é melhor do que nada

Resumo do GN⁺

• Este artigo explica o impacto negativo dos toasts na experiência do usuário e apresenta alternativas para resolver isso
• Usa exemplos do YouTube e do Gmail para explicar concretamente os problemas dos toasts
• Propõe mecanismos de feedback mais intuitivos e imediatos no lugar dos toasts
• É importante projetar cuidadosamente os mecanismos de feedback para melhorar a experiência do usuário

[wkang586]

Então o problema é que os toasts ruins é que são ruins, né??

[GN⁺]

Opinião no Hacker News

• Necessidade das notificações toast

  • Não concordo com a afirmação de que transmitir informações redundantes em UX é uma má experiência
  • A transmissão redundante de informações serve para garantir que a mensagem seja efetivamente entregue
  • O toast ajuda o usuário a aprender padrões rapidamente ao comunicar o estado de todas as ações de forma padronizada
  • Quando usado junto com determinados indicadores, o significado fica mais claro
  • Remover o toast cria a carga de o usuário ter que entender que algo foi "concluído" de várias maneiras diferentes
  • Isso é especialmente incômodo para idosos, pessoas com deficiência visual e crianças

• Desvantagens das notificações toast

  • O problema surge quando o toast desaparece rápido demais ou chama atenção sem necessidade
  • Na abordagem tradicional de desktop, mensagens de erro aparecem em modal, e mensagens de sucesso na barra de status
  • A barra de status funciona como a última linha de saída de um terminal CLI e oferece um pop-up para verificar mensagens anteriores

• Exemplo do YouTube

  • Ao excluir um comentário no YouTube, aparecem duas notificações toast
  • Se vários comentários forem excluídos rapidamente, cada toast de confirmação aparece em sequência, o que leva tempo

• Necessidade do botão Undo

  • O botão Undo é útil quando algo é clicado por engano
  • Quando a pessoa não conhece bem o aplicativo, pode ser difícil desfazer facilmente apenas com a mensagem

• Vantagens do toast

  • O toast oferece uma implementação padrão que aumenta a usabilidade do sistema
  • A maioria dos sistemas não tem pessoal suficiente para resolver problemas avançados de design

• Uso adequado do toast

  • O toast só é adequado para notificações que não estão relacionadas à ação do usuário
  • O feedback sobre a ação do usuário deve ser fornecido dentro do contexto dessa ação
  • No caso de tarefas assíncronas, é preciso informar imediatamente que a tarefa está em andamento e oferecer opções para cancelar e verificar o progresso

• Toast e feedback inline

  • O toast é uma forma universal e não intrusiva de confirmar ações do usuário
  • O feedback inline pode causar confusão se for aplicado de forma inadequada

• Crítica à alternativa proposta pelo autor

  • Indicadores de carregamento podem gerar o problema de não conseguir transmitir erros ao usuário com facilidade
  • É preciso considerar por que o Google e a maioria das bibliotecas de UI usam mensagens toast/notificações
  • A opinião do autor está mais próxima de uma visão pessoal do que de uma conclusão analítica
  • Pessoalmente, prefiro a UX de toasts e notificações