Seria útil implementar um componente de tema (categorias: visualização de smartphone) que permita exibir categorias como ícones de smartphone, como mostrado na imagem de exemplo abaixo. O que você acha?
2 curtidas
Olá Cristian, bem-vindo de volta 
Não haveria muito espaço para títulos e descrições de categorias que estão habilitados por padrão para usuários anônimos e de nível de confiança 0. Um mockup usando um exemplo do “mundo real” seria ótimo para ver como funcionaria.
Isso não é a mesma coisa, mas modifiquei o layout da página de categoria móvel no meu próprio fórum de:
para:
Mas acho que poderia ser ainda mais aprimorado com alguma visualização em grade como você sugere e/ou removendo os três tópicos para cada categoria.
O mockup do OP tem os mesmos problemas que os smartphones:
- como identificar e lembrar o que é o quê, e
- quando muitos é demais.
Olá 
Seria suficiente permitir este estilo (imagem abaixo) na visualização do smartphone, com a possibilidade de desativar a descrição da categoria, a lista de subcategorias e a lista de posts mais recentes. Em seguida, disponibilize a lista de categorias como a lista de aplicativos em nosso smartphone (Versão em grade - quadrados com cantos arredondados).
Outro recurso útil poderia ser " Nome da categoria personalizado na visualização do smartphone ", para encurtar o nome de uma categoria, de Entretenimento para ENT, por exemplo.
Este é um exemplo que encontrei em um fórum, mas em estilo de lista.
4 curtidas
Por que isso funcionaria? Ninguém sabe o que Otorrino significa.
Eu consigo ver contextos em que isso funcionaria — fãs de algum jogo específico ou interesse de nicho frequentemente têm seu próprio jargão e até iconografia. Seria o mais descoberto e claro para novos usuários? Provavelmente não — mas esse não é sempre um valor chave.
1 curtida
Você pode compartilhar o link de acesso para que eu possa consultá-los. Ou você pode conferir meu site em https://businesslab.vn. Ficarei feliz em compartilhar o que sei e o que fiz.
Você também pode consultar a página de categoria da página do tema Air Theme, achei semelhante ao que você procura.
1 curtida
Estou apenas falando sobre a navegabilidade da página de categorias. Em vez de rolar para baixo para descobrir as categorias, seria útil vê-las todas em uma página, como descrito em minha primeira postagem. É inevitável que em futuras versões do Discourse, esse recurso seja implementado, então por que não antecipá-lo?
Sim, como na última imagem que postei na primeira publicação, isso definitivamente resolve parcialmente o problema.
O componente de tema é GitHub - discourse/discourse-minimal-category-boxes.
Não tenho certeza se entendo esse argumento. Por que é inevitável? (E se for, por que apressar?)
1 curtida
Nós meio que já temos isso com o layout de grade de miniaturas do Theme.
Então sim, é factível de certa forma.. Poderia até ter uma descrição aparecendo, talvez, se usássemos uma ideia de pressionar curto/pressionar longo ou toque único/duplo.
Quão utilizável as pessoas podem achar isso pode depender da aplicação. Sinceramente, acho a lista de tópicos do Theme irritante no celular, pois acho mais difícil encontrar as coisas visualmente.
Mas, se o OP tiver nomes de categorias mais simplificados, ícones com texto embaixo deles podem funcionar bem.
De quantas categorias você está falando? Veja minha postagem acima e confira o link do Theme para o layout do tópico com miniaturas.
De fato. lol
Posso ver que é inevitável que alguém provavelmente criará um Theme component ou possivelmente um Plugin, dependendo do que for necessário para alcançar o efeito desejado.
Estamos cientes disso e discutindo 
Fiquei curioso, então fiz essas alterações para criar algo que o @derak gostaria:
.category-boxes, .category-boxes-with-topics {
gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
width: 100%;
flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
text-align: center !important;
}
.category-boxes .category-logo .category-notifications-button, .category-boxes-with-topics .category-logo .category-notifications-button {
visibility: hidden;
}
.category-boxes .category-box {
box-shadow: 0px 0px 8px rgba(0,0,0,.2);
}
4 curtidas
eles parecem tão minimalistas, vou considerar esta versão para outro projeto ^^
2 curtidas