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:
- Terminei com o fórum por hoje. Hora de sair.
- Clique no avatar, o lugar onde sei de ~todos os outros sites que fica o botão de sair.
- Ser apresentado às minhas notificações em vez disso, sem botão de sair à vista.
- (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 ![]()
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.


