Legal, este experimento é empolgante! Adorei o novo visual aqui, Jordan
Alguns comentários iniciais: o espaçamento parece um pouco apertado, podemos experimentar um pouco mais de espaçamento? Acho que é porque o preenchimento nos botões ⌄✓ Dismiss é bem maior. Acho que seria bom se alinhássemos com o mesmo preenchimento (0.75rem?)
Sinto muita falta dos títulos dos tópicos. Quando há um ou dois likes de usuários com nomes curtos, há informação suficiente. Mas uma ou duas palavras do título não são suficientes para mim.
Obrigado pelo feedback aos dois. Ambos estão muito certeiros Vou deixar mais feedback se acumular antes de abordar, mas fique tranquilo, adicionarei estes à lista.
Assim como Keegan, o espaçamento parece um pouco apertado para mim
Não ter sombreamento no espaço negativo entre os itens faz com que pareça mais ocupado para mim, em comparação com quando tudo se misturava
Específico do Horizonte:
No Horizonte, o fundo dos itens tem cor – deveria ter? (No Padrão, agora é cinza).
No Horizonte, os cantos arredondados no canto superior esquerdo parecem estranhos para mim… o contêiner parece mais nítido do que os itens dentro – no Padrão, parece que eles combinam melhor.
Descobri que a troca de dar mais espaço para notificações antigas (que eu já resolvi potencialmente) em troca de perder o contexto das notificações mais recentes (que eu ainda preciso resolver) é inesperada.
Entra na mesma coisa que @moin disse acima, e o design mais denso, como apontado por @keegan, está em desacordo com o movimento em direção a menos densidade que temos buscado com componentes como a barra lateral.
Isso se deve ao raio de borda maior definido pelo Horizon e à configuração principal que define esse raio como “grande”. Movi essa borda no core para herdar o raio de borda definido regularmente.
Boa observação. Acho que isso se deve a uma configuração incorreta.
Aqui estou limitando o título a uma linha, mas permitindo que o significador tenha sua própria linha também. Também adicionei preenchimento esquerdo e direito do mesmo espaço para corresponder aos botões abaixo.
Isso possivelmente está se desviando um pouco demais do propósito do experimento, mas acho que um problema maior que restringe nosso design é a quantidade de notificações que mostramos. Não acho que precisemos mostrar uma página inteira de notificações apenas porque a altura do navegador permite. Os usuários podem clicar em “mostrar mais” e ser direcionados para /my/notifications quando precisarem ver tudo.
Acho que este é um passo na direção certa, e poderíamos possivelmente:
reduzir o número de notificações que mostramos
mostrar mais informações por notificação
Este design que encontrei no Dribbble, por exemplo, tem uma boa proporção entre a quantidade de notificações / informações em cada notificação / densidade.
Também notei que os avatares não são tão cobertos pelo ícone na sua captura de tela quanto na minha. Escolher “menor” para o tamanho do texto nas preferências parece causar isso. Talvez já fosse assim antes, que uma parte maior do avatar era coberta porque eu mudei o tamanho do texto, mas agora os avatares são mais cobertos do que antes. (Eu ainda prefiro a versão antiga apenas com ícones, então não me importo.)
Para comparação: com o experimento e em modo de segurança
Os ícones parecem um pouco pequenos para mim agora, tenho que apertar os olhos para distinguir alguns.
Você tem alguma ideia de como isso funcionaria com as mudanças no menu de pesquisa? Recentemente, expandimos totalmente os destaques lá, então parece um pouco estranho voltar a caixas.
Como não temos mais a borda separando as notificações dos ícones, o desalinhamento entre eles e os itens dá a impressão de que algo está errado, especialmente no primeiro ícone.
Os ícones são muito pequenos e, no modo mobile, o espaçamento está incorreto. Isso dificulta clicar no ícone correto. Já cliquei acidentalmente em uma notificação em vez do ícone, duas vezes.
como o avatar ficaria alinhado ao topo para que ele esteja sempre mais próximo de onde o nome de usuário está? Fico imaginando se os avatares centralizados pareceriam um pouco “desancorados” se eu tivesse muitas notificações de linha dupla… comparação muito grosseira
Vou deixar mais feedback se acumular antes de abordar, mas fique tranquilo, adicionarei estes à lista.
Acho que este é um passo na direção certa, e poderíamos possivelmente:
