Nova experiência com barra lateral (Feng Shui da Barra Lateral)

Estamos executando um experimento no meta que aplica algumas alterações ao design da barra lateral para criar um layout mais espaçoso e sereno. Ao aumentar o espaçamento entre os elementos e otimizar o preenchimento e as margens, buscamos uma aparência mais limpa e organizada, porém ao custo de mais elementos potencialmente desaparecendo abaixo da dobra.

Antes

Depois

Nada funcional mudou, apenas visualmente você pode precisar de um minuto para se ajustar.

26 curtidas

Gostando muito disso.


No entanto, o que isso torna evidente no chat no desktop é que, se você faz parte de muitos canais, é preciso rolar bastante para ver novas mensagens não lidas :large_blue_circle:.

5 curtidas

Sim, com certeza, em algum momento começa a fazer sentido usar o alternador de fórum/chat ao usar o chat em tela cheia, eu acho. Este design definitivamente leva você a esse ponto mais rapidamente.

2 curtidas

Muito espalhafatoso. Questão de gosto, no entanto.

7 curtidas

Não é apenas uma questão de gosto, mas provavelmente também de tamanho de tela.

No meu tablet, geralmente colapso a maioria das seções, para que eu ainda possa ver quando a pessoa para quem enviei uma mensagem de chat está online no chat. Portanto, a seção DMs tem que estar visível. Mas eu também uso muito a seção superior, então rolar até o final uma vez não resolve.

Como você pode ver, mesmo que todas as seções estejam colapsadas, não funciona para ver DMs e a seção superior com o espaço adicional, enquanto eu tinha espaço para abrir algumas seções antes.

Essa também é a razão pela qual não uso a barra lateral de chat. O botão de chat precisa de muito espaço

9 curtidas

Adorei :heart: :pray:

Especialmente o preenchimento em toda a volta. O destaque do fundo na borda direita estava realmente cortando o fluxo de energia :innocent:

Dito isso, o scrollbar poderia ficar na borda direita? No momento, ele se mistura à esquerda do preenchimento:

Concordo sobre o espaço… por que não remover o botão e usar a mesma alternância contextual que o menu de administração ou a Documentação no meta?

Em relação ao comprimento da barra lateral em geral, parece que ela já está sendo vítima do próprio sucesso? Há tanta coisa para colocar lá… muitas vezes faz sentido ter uma seção personalizada (ou várias), os membros também podem colocar suas próprias seções, depois há as listas de categorias, tags, mensagens, chat… E você tem aquele menu que não para de rolar, não importa o espaço da tela.

Talvez apenas ter menus contextuais em todos os lugares? Para mim, eles têm um fluxo muito mais agradável do que seções colapsáveis.

4 curtidas

Parece mais limpo, mas compartilho a preocupação sobre o espaço de tela, especialmente em tablets e smartphones. Por instinto: talvez algo bem no meio entre o design atual e o proposto.

Além disso: quando a barra lateral é atualizada dessa forma, imediatamente faz com que a lista de posts no lado direito pareça muito lotada. Acho que esses dois precisariam ser alinhados (já existe mais incompatibilidade do que eu pessoalmente gosto desde o aumento do tamanho da fonte base).

5 curtidas

Vou ser um pouco minucioso:

  • Por que há tanto espaço extra na parte inferior de uma seção? Às vezes, mais espaço na parte inferior faz sentido, mas isso parece muito irregular

  • O menor “todas as categorias” “todas as tags” é intencional? Esses são links bastante importantes, na minha opinião

  • Geralmente, o texto do título parece minúsculo, especialmente quando recolhido

  • Não gosto dos chevrons à direita, acho que isso serve para diferenciar os títulos, mas parece que estamos desperdiçando espaço quando já temos uma coluna lateral para ícones

  • O preenchimento direito deve ser removido do contêiner da barra lateral para que a barra de rolagem fique alinhada à direita, como Manuel mencionou

  • Perdemos o efeito de destaque ao passar o mouse sobre os títulos… isso, combinado com o tamanho menor, faz com que a área clicável pareça muito mais ambígua do que os links principais

Sim, para ser honesto, isso parece tão preenchido que parece deslocado em relação ao resto do Discourse… para que isso seja o padrão, acho que precisaríamos nos comprometer a adicionar mais preenchimento em todos os lugares (não me oponho a isso, mas é um grande esforço)

sim, estamos considerando adicionar uma barra lateral à barra lateral, meio que como o Slack faz… isso poderia alternar contextos e conteúdo da barra lateral, no momento temos algumas abordagens divergentes sobre como as barras laterais funcionam e precisamos uni-las de uma forma ou de outra. Também poderíamos mover mensagens e conteúdo “sobre” para suas próprias seções para encurtar a barra lateral principal.

19 curtidas

O que mais me ajudaria é se o cabeçalho da seção ficasse fixo no topo ao rolar. Tenho muitas categorias e canais de chat na minha barra lateral e, com essa mudança, fica mais difícil entender rapidamente onde estou, porque muitas vezes o cabeçalho sai da página.

Se implementássemos cabeçalhos de seção fixos (como fazemos para avatares de usuários em posts ao rolar), acho que gostaria muito mais disso :slight_smile:

7 curtidas

Você pode tentar novamente, veja como se sente. Já estamos na V2 :wink:

Falha minha, obrigado – deve estar corrigido.

Intencional. Eu queria que os títulos, que apenas recolhem, fossem distintos dos outros elementos, que navegam para algum lugar. Achei o efeito de destaque completo em um cabeçalho recolhível um pouco incomum. Além disso, há 2 ações para a maioria das linhas: o recolhimento e a ação secundária (editar ou adicionar para mensagens). Destacar a linha inteira, incluindo a ação secundária, pareceu estranho.

1 curtida

Como o link docs foi removido, agora posso ver duas conversas de DM :tada:

2 curtidas

Pessoalmente, fico muito mais feliz com texto denso e compacto, com muito pouco espaço em branco. Até o layout anterior parece desperdiçar espaço. O depois é pior. Pena que não pode ser uma configuração do usuário.

Ontem à noite eu estava pronto para ir para a cama e fiz o último passeio turístico. Me peguei tentando apertar mais :winking_face_with_tongue:

1 curtida

Prefiro muito mais a versão “antes” com espaçamento mais restrito

2 curtidas

Decidimos mesclar o status atual do experimento de design no núcleo.

Já existem algumas variáveis fáceis de usar para modificá-lo ao seu gosto (notavelmente --d-sidebar-row-height) e é fácil remover ainda mais o espaçamento, para aqueles que preferem isso; no entanto, achamos que este é um padrão melhor para oferecer à gama de usuários que temos na Discourse.

3 curtidas