Aninhar subcategorias sob suas categorias principais na barra lateral

As subcategorias devem ser aninhadas na barra lateral.

Coisas como este exemplo não funcionarão a menos que as subcategorias sejam aninhadas:
Ford
–Dirigir
–Comprar
GM
–Dirigir
–Comprar

A exibição resultante seria:
Dirigir
Dirigir
Ford
GM
Comprar
Comprar

Na captura de tela abaixo, documentação é a categoria pai, enquanto admins, faq, moderators, sso, sysadmin são subcategorias.

15 curtidas

Um detalhe que precisamos resolver aqui é o que fazemos no caso de alguém adicionar a subcategoria e não a categoria pai… a categoria pai deve ser sempre incluída para contexto?

7 curtidas

É mais ou menos obrigatório, se subcategorias puderem ter nomes duplicados.

Eu não sou um desenvolvedor, mas faço muitos trabalhos relacionados a UX/UI, então diria que usar o mesmo nome é uma política muito ruim de qualquer maneira. Então, uma solução seria forçar até mesmo os nomes reais a serem únicos (e depois disso existem toneladas de fóruns quebrados…)

Mas vocês poderiam dar carta branca para nomear categorias pelo administrador de uma forma que não esteja relacionada à tecnologia do fórum? É apenas outro nome visível para os usuários — então um poderia usar algo como categoria:subcategoria.

Forçar o nome da categoria pai no nome da subcategoria resultará em muitas informações redundantes, como:

Ford
– Ford Driving
– Ford Purchasing
GM
– GM Driving
– GM Purchasing

3 curtidas

Acabei de renomear todas as nossas subcategorias com um prefixo de categoria, mas também concordo que o aninhamento seria uma boa opção. Como temos diferentes níveis de segurança em cada categoria principal, optamos pelo mesmo nome, mas também consigo ver a vantagem de ter prefixos.

Também seria bom se as categorias pudessem ser expandidas e recolhidas - com mais de 200 categorias, é uma lista longa.

5 curtidas

Nosso pensamento inicial é que podemos começar com algumas melhorias simples aqui:

  1. Sempre ordene as categorias por categoria pai, depois subcategoria
  2. Mostre o estilo de selo “half-and-half” para subcategorias (para que haja alguma dica visual de seu pai)

Isso não resolve o problema inteiro, mas as soluções alternativas de: 1) ter usuários adicionando a categoria pai eles mesmos ou 2) atualizar os nomes das categorias para distinguir estão ambas disponíveis.

Manteremos isso em observação e consideraremos quais outras mudanças podem ser justificadas.

Quantas dessas categorias você espera que um determinado usuário adicione à sua barra lateral?

4 curtidas

Eu levo isso como uma pergunta geral :wink:

Nenhuma. Eles já estão seguindo apenas as categorias que são interessantes e desejam notificações igualmente de todas elas.

3 posts foram divididos em um novo tópico: Opção de mostrar apenas categorias e tags não lidas na barra lateral

Alternar subcategorias na barra lateral é essencial. Já temos nove categorias e 19 subcategorias e ainda não terminei de organizar. Espero adicionar mais 25 subcategorias. Gostaria que todas estivessem disponíveis na barra lateral. Nosso corpus está sendo construído desde 1969, então nosso fórum serve tanto como uma biblioteca de referência quanto como um simpósio. Para nós, categorias são tanto auxiliares de busca quanto filtros de conversação.

Pela mesma razão, as tags precisam ser alfabéticas e roláveis na barra lateral. Temos 1400 tags e isso dobrará quando eu terminar de organizar. Sem uma janela de rolagem, será impossível apresentar as tags de forma útil. Na verdade, uma janela de rolagem com uma caixa de consulta no topo seria ideal.

Provavelmente é uma discussão separada, mas colocar tags em janelas pop-down comutáveis sob os títulos dos tópicos na visualização de lista também seria muito útil. Nossos tópicos têm uma média de 18 tags cada. Nosso tópico mais longo tem 98 tags. Quando apresento todas elas, elas ofuscam os títulos dos tópicos. Menciono isso aqui porque implementar uma classe genérica de caixa de rolagem com alternância poderia servir a múltiplos propósitos úteis.

Seria bom também se as categorias pudessem ser alternadas para abrir e fechar.

2 curtidas

Por quê? Seria realmente horrível de usar, porque essa lista ficaria quilométrica. Bem, se a maioria dos seus usuários tiver uma tela de 24” ou maior e você não se importar com telas menores e celulares, e seus usuários não souberem usar a página de categoria, então talvez.

E voltamos à questão principal: um usuário deve ter a escolha do que ver e do que não ver. Não cabe ao administrador decidir.

Porque facilitaria a navegação. Seria muito mais limpo do que a visualização de categoria/lista de largura dupla, que é a única opção atual e que ocupa muito mais tela do que uma lista única com uma barra lateral, se o espaço for o problema.

Por quê

Supondo que você esteja se referindo a tags, uma lista alfanumericamente ordenada de um quilômetro de comprimento, rolando dentro de uma janela controlada por uma caixa de pesquisa acima dela e uma roda do mouse, seria bastante conveniente, muito melhor do que qualquer outra apresentação de tag. Isso inclui a lista massiva da página de tags, que absolutamente não é um auxílio de navegação conveniente porque requer um movimento rápido de vaivém da página de tag para o tópico e para o qual a única ferramenta é o botão voltar do navegador.

essa lista terá um quilômetro de comprimento.

Então, dois pontos aqui.

Primeiro, o Discourse é construído de baixo para cima para o futuro, o que significa que ele é destinado a todos que possuem telas generosas e de alta resolução. De qualquer forma, é quase um ponto irrelevante, eu acabei de comprar um novo monitor para minha filha na semana passada e não encontrei nenhum disponível com menos de 24 polegadas.

Quanto ao mobile, só posso dizer que a navegação projetada para essas classes de interface é em todos os aspectos diferente da de um desktop ou laptop. Barras laterais não são uma ferramenta apropriada.

se a maioria dos seus usuários tem tela de 24” ou maior e você não se importa com telas menores e celulares

2 curtidas

O futuro, que já é a segunda-feira normal, é totalmente o oposto. Ele é construído em celulares. Desculpe, mas telas grandes são notícias do passado.

Você sabia que na Europa os celulares são mais comuns que laptops? Mas também não temos mais telefones fixos ou cheques (exceto no Reino Unido/Irlanda, mas eles estão atrasados em cerca de 50 anos :wink: )

Parece que seu caso de uso é mais adequado para o discourse-docs do que para a barra lateral.

Você pode ver um exemplo da visualização e filtragem que ele oferece aqui Documentation - Discourse Meta

Sim, não vi isso vindo. Acho que a versão “slidebar” da barra lateral é bem adequada para esses dispositivos móveis irritantes.

Então talvez você saiba, este é o aplicativo móvel que vem com os fóruns “lucky” da Digital Ocean?

Stephen, obrigado por esta sugestão. Eu instalei e estou brincando com ela. Pode funcionar para um grande conjunto de artigos que ainda não adicionamos. O que preciso para eles é a capacidade de comentar para atrair o leitor para discussões. Tenho pensado em integrar o Ghost com o Discourse para esse fim.

Ainda acho que a barra lateral será ideal para navegação em desktop/laptop se vier com uma caixa de rolagem alternável para tags e com categorias alternáveis.

1 curtida

Esta parte foi entregue no PR

5 curtidas

O selo de cor é muito útil para distinguir os relacionamentos entre categorias pai e subcategorias. A ordenação e, possivelmente, a indentação devem solidificar a identificação visual das subcategorias. Veja o que quero dizer:

documentation é a categoria pai de admins e sysadmin. Na configuração atual, elas são ordenadas alfabeticamente e a única indicação de um relacionamento é a cor do meio selo. Obviamente, isso não é ideal.

Quando ordenadas, temos uma noção de ordem e relacionamento, mas ainda assim é apenas uma distinção de selo de cor.

Uma maneira melhor seria dar à subcategoria uma indentação sutil, que é universalmente compreendida como uma indicação de um relacionamento categoria-subcategoria. O mockup acima mostra como isso pode parecer quando a subcategoria é indentada pela metade ou pela largura total do selo.

10 curtidas

Obrigado por dedicar tempo para criar esses exemplos!

Há outro cenário a considerar: quando os usuários têm todas as categorias acima na barra lateral que você ilustrou, mas não a categoria pai Documentation. Como você imaginaria lidar com esse cenário?

1 curtida

Suponho que dependeria da estrutura do site. Em meu OP, onde usei Ford e GM como exemplo de uma comunidade estruturada, não incluir uma categoria pai poderia dificultar a leitura da barra lateral — qual é qual?

Neste caso, a categoria pai deve ser mostrada:

  • Dirigir
  • Dirigir

Em casos onde cada subcategoria pode se sustentar por si só, o pai pode não ser necessário.

Para categorias com subcategorias, minha comunidade trata o pai como um espaço reservado que não tem tópicos. Em vez disso, os tópicos estão todos em subcategorias. Temos outras categorias independentes.

Portanto, idealmente, um administrador poderia escolher se a categoria pai é listada na barra lateral.

:white_check_mark: Exibir hierarquia na barra lateral

4 curtidas

A ordem das subcategorias na barra lateral agora é classificada primeiro por sua categoria pai, conforme este PR de @tgxworld:

6 curtidas

Alguém descobriu uma solução para subcategorias aninhadas? Ainda estou pesquisando e não consegui encontrar nenhum componente de tema que funcione.

3 curtidas