Separar notificações e opções de conta

Atualmente, o avatar no canto superior direito funciona como uma caixa unificada para vários tipos de itens muito diferentes. São vários tipos de notificações (respostas, notificações de postagem, curtidas, DMs, emblemas), mas também favoritos e opções de conta. No início, pensei “oh, que inteligente”, mas quanto mais o uso, mais isso me incomoda. Vamos começar com alguns problemas concretos que estou encontrando:

Problema 1: Notificação ou erro de conta?

“Número em um círculo sobreposto a um ícone” para mim significa “esta coisa tem uma mensagem para mim”. O ícone do Gmail com um 5 são 5 e-mails, o ícone do Discord com um 999+ são pings de pessoas que não me importo - eu entendo isso.

Mas o que é “meu rosto com um círculo”? Intuitivamente, é algo sobre mim. Continuo pensando que é um problema de conta - “seu teste gratuito expirou”, “por favor, verifique seu endereço de e-mail”, algo nesse sentido. Se o círculo não tivesse um número, eu também optaria por um indicador de atividade de “usuário online”. Mas nunca “ah, é apenas uma notificação de uma resposta à sua postagem”.

Problema 2: “Como faço para sair?”

Esta é uma pergunta que vi 3 vezes este ano no meu fórum. Imagino que os passos do usuário sejam assim:

  1. Terminei com o fórum por hoje. Hora de sair.
  2. Clique no avatar, o lugar onde sei de ~todos os outros sites que fica o botão de sair.
  3. Ser apresentado às minhas notificações em vez disso, sem botão de sair à vista.
  4. (Ficar confuso e postar no fórum como funciona)

O problema de origem aqui é que o menu suspenso combinado de notificações e conta é monstruosamente complicado. Aqui no meta, onde sou essencialmente um usuário iniciante, vejo 20 elementos nele - 10 notificações, 8 abas, 2 ações. É completamente avassalador, e olhar para ele e tentar descobrir que o botão de sair está escondido (ícone de conta depois de clicar no ícone da sua conta) exige bastante poder de raciocínio.

Uma proposta

Minha ideia aqui seria manter as coisas simples:

  • Ter um botão de conta que contenha apenas as coisas da conta (o avatar).
  • Ter um botão de notificação que contenha apenas coisas do tipo notificação (atividade de postagem observada, respostas, menções, curtidas, emblemas).
  • Ter um botão de chat que contenha apenas notificações de chat.
  • Ter os favoritos como parte da barra lateral, onde você já tem uma função para adicionar quase-favoritos (seção personalizada).
  • (Transformar o ícone de pesquisa em uma barra de pesquisa para que o acúmulo de ícones à direita seja reduzido - e para que as pessoas pesquisem antes de postar com mais frequência).

Ou para visualizar, vejam minhas incríveis habilidades de Figma! Círculos vermelhos ao lado de ícones ou outros elementos da interface (“Widget de Chat”, “postagem com lembrete” na barra lateral) seriam as contagens de notificações, ou no caso de favoritos, poderiam também ser algum tipo de “agendado em 1 dia” / “atrasado desde quinta-feira”. Um grande círculo vermelho no vazio azul faz parte do seu plano de fundo :stuck_out_tongue:

Observação: Qual é a diferença entre uma “mensagem pessoal” (Mensagens) e um “chat pessoal” (DMs)?
Na minha opinião, eles são topologicamente idênticos, com a principal diferença sendo que um é um pouco mais complicado de operar do que o outro. As mensagens ainda não encontraram um bom lugar no meu design (e, para referência - elas também não têm um no reddit), e eu estaria tentado a fundir os dois sistemas, ou talvez chamar um de “DMs legados” e o outro de “chat / novas DMs” ou algo assim.

7 curtidas

Concordo com você na maior parte! :slight_smile:

Isso me lembra do Discourse Central Theme (ainda não lançado) que separa as notificações e a conta, e parece mais natural. Eu meio que gosto disso:

(Falando nisso, se você sabe o que está fazendo, as modificações neste tema são explicadas aqui e podem ser usadas em um componente de tema para outro tema.)

Há também este componente útil que vale a pena mencionar para adicionar um ícone de logout na parte inferior do menu:

Quanto à pesquisa, você pode se interessar por este componente:

5 curtidas

Sim, essa é uma boa decisão para esse tema e, na minha opinião, vale a pena implementar em muitos dos outros temas também.

4 curtidas

Concordo com isso também e espero que a configuração como no tema Central se torne um padrão. Também postei sobre isso há um tempo, mas se você implementar por conta própria, estará apenas pedindo muita manutenção, considerando o ritmo de mudança em relação à navegação.

3 curtidas

O cabeçalho está sendo atualizado para usar componentes Ember em vez de nosso sistema de widgets personalizado, então em breve ficará muito mais fácil mover as coisas!

4 curtidas

Separar os diferentes aspectos do menu pessoal parece uma boa ideia mesmo.
E acho que as mudanças no tema Central que @Arkshine destacou vão na direção certa.
Há três coisas que eu adicionaria:

  1. Acho que as mensagens pessoais também deveriam ter seu espaço separado (bem, fundamentalmente acredito que chat e mensagens pessoais deveriam ser fundidos em uma única coisa, mas essa é outra história)
  2. Pelo menos para mim, mesmo no tema Central, ainda recebo favoritos no menu de notificações (captura de tela abaixo), e sinto que eles pertencem apenas ao menu do usuário (como proposto pelo OP) ou à barra lateral (se o menu do usuário for se tornar algo apenas de “perfil/configuração”).
  3. Já que estamos nisso: como “respostas”, “curtidas”, “distintivos”, etc. são efetivamente filtros na lista completa de notificações, na minha opinião eles deveriam ir para o topo da área de notificações (ou talvez serem descartados completamente).

1 curtida