Meus pontos azuis não lidos parecem um pouco em zigue-zague e estão fazendo com que as descrições sejam truncadas bem cedo.
Talvez não precisemos dos pontos agora que as notificações lidas estão “acinzentadas”?
6 curtidas
O truncamento ocorre devido ao truncamento em “quebra de palavra”, o que acho que é melhor para a legibilidade.
Os pontos irregulares / em zigue-zague são o que fazemos nas listas de tópicos e na barra lateral. Com base no feedback, segui nessa direção, mas pessoalmente prefiro que todos fiquem na zona mais à direita.
Hmm, isso é interessante.
No momento, estamos mesclando e imitando dois padrões em nossa interface.
Na barra lateral para não lidos:
ponto azul
Na lista de tópicos para não lidos:
ponto azul e cor primária para o texto
2 curtidas
Talvez o ponto com o ícone do tipo de notificação seja semelhante o suficiente para que não precisemos de outro à direita? (funcionaria com a cor terciária mais clara para combinar?)
Estou sentindo falta da segunda linha para o título, 3 palavras é tão pouco!
4 curtidas
Sim, meio que agora estou vendo que o ícone com a cor de fundo meio que atua como uma notificação de ponto “azul”.
Hmm… não tenho certeza sobre isso. Com o ícone ali, o contraste é duvidoso. Podemos sempre mudar a cor do ícone também.
Acho que tivemos feedback suficiente de que as pessoas preferem mais palavras do que truncamento. Vou tirar isso.
3 curtidas
Poderíamos, por favor, ter de volta alguma indicação de quais notificações já foram visualizadas/descartadas e quais são novas? Não estou vendo nenhuma diferença no momento.
2 curtidas
Eu me pergunto sobre emular o estilo do aplicativo móvel do Gmail? É um paradigma tão estabelecido
(Negrito vs. fino)
2 curtidas
Isso é um pouco melhor.
O objetivo é imitar a lista de tópicos, mas inerentemente podemos precisar de mais diferenciação devido a uma lista de itens tão compacta e densa aqui. Não acho que se afastar um pouco mais do normal da barra lateral/lista de tópicos seria uma coisa ruim.
1 curtida
Já que eu só tinha itens novos no meu menu suspenso de notificações e não vi nenhuma marcação que parecesse diferente, não notei os ícones cinza-deprimentes nos itens já lidos até olhar a página completa de notificações.
Eu gostava do “mar de azul” quando tinha itens não lidos, nunca sequer pensei “uau, é cor demais me encarando”. Era simplesmente fácil ver que as coisas precisavam da minha atenção e/ou que alguém realmente queria falar comigo.
4 curtidas
Este é um ótimo feedback. Com um mar de azul, fica bem claro que “ei, preciso limpar tudo isso”.
Com isso removido, a conspicuidade definitivamente se perde. Talvez trazer os pontos de volta seja uma boa ideia apenas para esse propósito.
3 curtidas
Para mim, a diferença entre azul e cinza é muito pequena. Isso talvez se deva em parte ao fato de o cinza ser mais escuro por causa da paleta WCAG. Acho que preferiria que a notificação lida ainda fosse um ícone cinza sobre branco; então a diferença fica mais clara.
Então, é claro que vejo a diferença de cor, mas acho que se eu tiver apenas notificações lidas, as lidas parecem não lidas.
Também em \u003chttps://meta.discourse.org/my/notifications\u003e agora vejo ícones pretos sobre cinza
Quando clico no envelope para ver apenas notificações relacionadas a MPs, todas as mensagens parecem não lidas, embora todas estejam lidas.
4 curtidas
Queria passar aqui esta manhã para dizer que todo este feedback é muito apreciado. Tem sido bom passar pelas iterações juntos em um curto espaço de tempo com todas as ideias apresentadas aqui.
Parece que precisamos de uma indicação um pouco mais forte para mensagens não lidas, então estou inclinando-me para o ponto azul novamente.
ah sim… isso não é ideal. obrigado!
Interessante… vou dar uma olhada.
Eu realmente gosto do layout na iteração atual, ele agrupa todas as informações relevantes em um item compacto, e o espaçamento geral da lista ainda parece generoso 
Com relação ao estado, não tenho uma preferência forte pelas diferentes opções. Mas acho que seria ótimo se pudesse ser abordado de forma mais geral em uma exploração de design. Não há um sistema totalmente consistente implementado e, em vez de apenas procurar o ajuste certo para o menu de notificações agora, seria ótimo ter uma exploração mais ampla mapeando estado e contexto em todo o aplicativo e, em seguida, aplicá-lo com variáveis.
Por exemplo, sim, o estado (lido/não lido) é análogo à lista de tópicos. Mas o contexto é diferente, e em contextos semelhantes (outros painéis de menu), um cinza mais sutil geralmente não indica esse estado. Agora, faz com que outros itens do menu pareçam um pouco mais como se indicassem algum estado silenciado também. Portanto, sinto que isso poderia realmente se beneficiar de um mapeamento mais sistemático.
5 curtidas
No momento, temos apenas duas partes do Discourse usando um estado de estilo “lido/não lido”.
A outra parte neste menu é um estado “selecionado”. Isso é para mostrar a aba de notificação atualmente selecionada. Nesta iteração, estamos imitando o estado selecionado para os itens da barra lateral.
Aqui está uma auditoria básica das coisas que estamos analisando no menu. Lido, Não lido, Selecionado
Barra Lateral
Para a barra lateral, indicamos “não lido” com um ponto. “Lido” é assumido por padrão se não houver um ponto azul.
Barra Lateral - Ativa
Aqui está o item da barra lateral atualmente selecionado, também conhecido como ativo.
Lista de Tópicos
Para listas de tópicos, atualmente mostramos um ponto azul e usamos cor no título e metadados para diferenciar. Uma ressalva é que não mostramos o ponto azul em tópicos que você não está seguindo/observando. Portanto, se o ponto azul aparece ou não, não é imediatamente claro para o usuário.
Menus
Usamos selecionado como um estado aqui para mostrar a seleção ativa. Não acho que isso se traduza para notificações, mas se traduz para o estado selecionado da aba atual das notificações do menu.
Existem inconsistências no momento sobre qual cor usamos para selecionado.
Para rastreamento, usamos cinza.
Para a categoria atualmente selecionada, usamos azul.
Página de Notificações do Usuário
Esta página precisa de algum trabalho na iteração atual.
2 curtidas
Agradeço seu trabalho, como sempre, e gosto que você esteja trabalhando especificamente nisso.
Posso saber a motivação para o preenchimento nos cantos dos botões/seções?
Eu honestamente não entendo, mas provavelmente estou perdendo alguma coisa.
Isso fica lindo sem preenchimento extra nos cantos arredondados 
1 curtida
Eu entendo, a última atualização sem preenchimento extra nos botões ficou melhor para mim 
O que você acha dessa melhoria sutil?
Trata-se de remover o efeito de hover do painel de botões ativo no lado direito, enquanto aplica um efeito de mesclagem sutil ao painel esquerdo.
Isso ajudaria a diferenciar os painéis dos botões e evitaria que a interface parecesse excessivamente saturada ou “totalmente pintada” quando há notificações e painel ativos ao mesmo tempo.
Talvez seja porque estou tão acostumado com o fundo branco para notificações que já vi, mas parece um pouco estranho ter áreas tão grandes com fundo cinza em um tema que, de outra forma, não os usa.
2 curtidas
Este experimento está de volta ao ar aqui no meta. Certifique-se de entrar no grupo de experimentos.
3 curtidas