O estilo de mensagem padrão do Discourse em 2022-01 - é muito volumoso, distrativo e desperdiça espaço, na minha opinião. Sugiro 2 correções:
Os controles de mensagem podem ser colocados de forma mais compacta e precisa - olhe meu esboço, o que mais gosto é o design v2 e v4.
Suponha que alguns botões devam ser exibidos sempre, de qualquer forma, para dispositivos móveis, como: [Curtidas, Editar, Responder, …mais], mas para desktop (Win/Mac/Lx) é possível exibir sempre apenas [Curtidas, Editar] e mostrar outros controles apenas ao passar o mouse sobre cada mensagem.
PS Colocar Curtidas no outro lado da mensagem (extremamente longe, longe, longe ) é uma decisão consciente - isso reduzirá significativamente “curtidas por nada”, “curtidas por sorrir”, “curtidas por brincar”, “curtidas por ver você de novo”, “curtidas por seu próprio bom humor”, etc. curtidas inúteis e não objetivas que agora são usadas com muita frequência sem nenhum sentido real.
Alguém pode ajudar a criar esse estilo, por favor?
Sem ter que mover ícones e menus (além disso, há outros elementos que não são exibidos em suas capturas de tela, como as contagens de edição, a menção a quem respondemos, etc.), você ainda pode trabalhar nas margens como um começo:
Userstyles funcionam apenas no lado do cliente e, geralmente, por site (eu uso userstyles e criei alguns).
Se alguém quiser sugerir melhorias na aparência geral do Discourse, qualquer sugestão pode ser feita em UX, e se ninguém criar um componente de tema ou incluir as alterações desejadas no Discourse, qualquer usuário pode criar sua própria solução, eu acho. Seja um componente de tema se eles forem administradores ou uma solução do lado do cliente se não forem, com seu próprio CSS de qualquer plugin de navegador que eles gostem.
Mas, então, isso não é realmente mais uma discussão orientada ao Discourse, eu acho.
@GVG dê uma olhada nesta discussão relacionada, pode ser interessante para você:
NÃO, sua mensagem parece um spam clássico de publicidade do seu serviço web.
Obrigado, mas: a) posso diminuir as margens sozinho; b) NÃO é o suficiente, porque esses elementos ativos desperdiçam e criam muito espaço. Portanto, o objetivo principal é remover o botão de controle de mensagem de seu local atual para outro lugar onde desperdice muito menos espaço.
NÃO, sua mensagem parece um spam clássico anunciando seu serviço web.
Desculpe minha intenção era fazer algumas personalizações do lado do cliente do Discourse com userstyles - isso funcionaria se você não precisasse criar um tema. Acho sua ideia muito válida - eu só queria te ajudar com um mvp - produto mínimo viável - queria que todos sentissem a experiência de ux com user styles sem necessariamente ter que desenvolver algum plugin ou tema
Pensei nisso como algo que faço em muitos sites quando quero personalizar
Os links que eles postaram eram referências ao que pesquisei, li
Se isso não te ajudou, peço desculpas. Cometi um erro.
minha intenção era fazer algumas personalizações do lado do cliente do Discourse com userstyles - isso funcionaria se você não precisar criar um tema.
Eu só queria ajudar com um mvp - produto de valor mínimo - queria que todos sentissem a experiência de ux com user styles sem necessariamente ter que desenvolver algum plugin ou tema
Por exemplo, existe este repositório chamado refined github, é um lugar onde você posta melhorias para o github - existe até uma extensão no navegador para tornar isso possível.
Minha ideia seria semelhante a essa ideia deste repositório. Talvez, pudéssemos criar um refined-discourse - um arquivo userstyles.css que contém várias melhorias visuais como um mvp. Assim, a comunidade pode ver o que é melhor e o que faz sentido.
Isso seria muito legal, vendo os ajustes que precisam ser feitos mesmo sem necessariamente ter que implementar ou criar um tema ou plugin.
Pensei nisso quando achei a ideia de mensagens compactas muito boa, pensei nisso, podemos personalizar isso com userstyles - Essa seria uma maneira fácil
Isso seria o que eu chamo de experiência do mágico de Oz. - Você não precisaria gastar muito tempo desenvolvendo sua ideia se fizer um userstyles.css
Experiência do Mágico de Oz: No campo da interação humano-computador, um experimento do Mágico de Oz é um experimento de pesquisa no qual os sujeitos interagem com um sistema de computador que os sujeitos acreditam ser autônomo, mas que na verdade está sendo operado ou parcialmente operado por um ser humano invisível.
As pessoas poderiam ver a ux/ui aprimorada sem ter que ter um tema ou plugin
Para aqueles que usam userstyles, pode parecer que é um tema ou plugin - mas a verdade é que não é
isso parece uma ideia para um mvp - produto de valor mínimo
Isso é uma má ideia?
foi a última pergunta, se você pode ficar feliz com sua visão ou ponto de vista sobre isso
Você pensou em como isso funcionaria para posts mais longos? Então você lê e tem que rolar para cima para curtir e rolar para baixo novamente para ler a próxima postagem.
Logicamente concordo, é um bom contra, mas não muito bom, porque:
Mais do que tudo, gosto do estilo v4 - quando os controles da mensagem aparecem à direita do post, então verticalmente eles podem ser colocados “o mais baixo possível - no final da mensagem e na parte inferior da tela”. O painel de controles pode até voar dinamicamente na vertical em cada lugar vertical da mensagem mais próximo da posição atual do mouse! Então isso não é um problema.
A maioria dos usuários que escrevem e leem posts grandes - para respostas usam as citações de texto exatas, ou sempre podem responder ao próprio tópico - assim o botão “Responder” não é muito necessário.
Como digo anteriormente sobre “para celular” - por causa da ausência de espaço livre no lado direito e telas sensíveis ao toque - os principais botões de controle ainda devem ser exibidos sempre e em locais padrão - parece que é o melhor design para telas móveis verticalmente estreitas.
Você sempre pode preferir o v3, onde os principais controles da mensagem ficam na parte inferior ou algo semelhante.
Então, se você preferir manter os controles da mensagem na parte inferior - tudo bem, mas ainda peço para ajudar a minimizar todo o espaço vertical livre acima e abaixo deles e exibir os controles (exceto Curtir/Editar) apenas ao passar o mouse (para desktops).