Tema Simples do Sam

[Discourse]

||||
-|-|
| Resumo | Sam’s Simple Theme cria um design de lista de tópicos “minimalista”
| | Visualização | Visualização no Discourse Theme Creator |
| Link do Repositório | https://github.com/discourse/discourse-simple-theme
| Novo nos Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse

Instale este tema

Como este é um tema #oficial mantido pela equipe do Discourse, #suporte a questões, #contribuir:relatórios de bugs, #contribuir:sugestões de UX e pedidos de #desenvolvimento de conselhos podem ser feitos nas respectivas categorias aqui no Meta, e marcados com a tag de tema apropriada. Clique em um dos links abaixo para começar.

 Suporte  Bug  UX  Dev

Recursos

Pensei muito sobre isso e decidi tentar uma personalização da página inicial “minimalista”.

Para selecionar este tema aqui no Meta, acesse seu perfil: https://meta.discourse.org/my/preferences e selecione o tema. (lembre-se de clicar em salvar)

Aqui está uma lista do que fiz:

• Remover Exibições (Views)
• Remover Estrela
• Eliminar imagens de avatar, usar nomes em vez disso
• Desfocar categorias
• Usar “cores mais tradicionais” para os links dos tópicos
• Usar respostas em vez de posts

Algumas conclusões do meu experimento:

• Acho que “Respostas” é muito mais natural como nome de coluna do que “Posts”. Tecnicamente, é simplesmente “Posts - 1”, no entanto, é um conceito muito mais claro de transmitir e chama corretamente a atenção para os Tópicos com apenas 1 post, pois 0 é um número que se destaca.

• A longo prazo, acho que deveríamos oferecer um estilo de categoria “menos chamativo”. O atual arco-íris de cores coloca as categorias em uma categoria muito mais importante do que o conteúdo. Para mim, a categorização parece secundária em relação ao título.

• Sinto que o mar de avatares é um pouco barulhento. Não recomendo mudar isso imediatamente, mas acho que adiciona muita confusão à nossa página inicial.

• Para mim, as cores de título de tópico mais tradicionais funcionam melhor. Acho que chamam a atenção e destacam o título de forma agradável.

• O design simplificado é definitivamente muito mais “entediante”, mas acho que trabalhar com listas muito longas é mais fácil com ele.

• Não tenho certeza sobre as listras zebradas (zebra striping) mais. Acho que na verdade está causando mais mal do que bem. A linha sutil funciona muito melhor no meu design simplificado.

• A estrela deveria ser removida. Ela apenas adiciona ruído, quase sem ganho.

• Não vou entrar numa discussão sobre “há quanto tempo” (“ago”) novamente, mas para o design simplificado, eu teria preferido “1 hora atrás” em vez de “1h”. A verbiagem extra teria adicionado clareza e há espaço acima do nome.

Não acho que o “design simples” seja melhor do que o nosso design atual. Acho apenas que é diferente e, talvez, mais familiar para usuários de fóruns existentes. Ele apresenta menos informações.

Curiosamente, o “design simples” não funciona em absoluto com larguras superiores a cerca de 850px, o que aponta para a necessidade de alguma coluna auxiliar para complementá-lo (com FAQ, shoutbox, anúncios ou qualquer outra coisa).

Uma coisa muito legal é que tudo isso é alcançado usando o menu de personalização.

PRÉ-REQUISITO

Selecione o estilo de categoria “bullet” nas configurações do site.

Configurações

| Tradução | Padrão
|-|
| replies | Respostas
| last_post | Última Resposta
| likes | Curtidas

Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

[alefattorini (Alessio Fattorini)]

Great work @sam sounds good! I really like it

[purldator (mountain)]

I really like the changes. You went back to some sort of square one, but it helps to see it in a minimal way so things can be re-added but carefully considered.

My suggestions would be to color the [categories] with css as the same color/style for the drop down in the upper left so there’s visual cues with the associated category colors already established. For the names, maybe we could take a page from the OP meta bar and style it in a similar fashion so avatars still can be seen, since most use the avatar as a quicker visual cue than text. Like this:

That way there’s only two avatars to each topic list item. The OP and the last reply. Instead of what we have now which includes five avatars instead of just two. Not to mention the OP meta bar already has this information (who has participated in the discussion so far).

[codinghorror (Jeff Atwood)]

It’s good, but you’ve gone from being avatar heavy to being text heavy in kind of a nonsensical way. People process images (particularly of faces) much faster than names so I think most of all I’d recommend replacing the user names with images, would be less text to process.

[purldator (mountain)]

@codinghorror

People process images (particularly of faces) much faster than names so I think most of all I’d recommend replacing the user names with images, would be less text to process.

Yes, that is the gist of my reply, I am glad you agree. Same for category colors. I think those should come back as well for the same reason. Otherwise, I like @sam’s edits. It’s a nice re-start to add things as absolutely necessary.

[zogstrip]

@codinghorror

It’s good, but you’ve gone from being avatar heavy to being text heavy in kind of a nonsensical way. People process images (particularly of faces) much faster than names so I think most of all I’d recommend replacing the user names with images, would be less text to process.

Here’s a quick try at adding avatars

[sam (Sam Saffron)]

I would retain the usernames here, not entirely sure I want the avatar for creator, but regardless usernames should stay.

[purldator (mountain)]

For what it’s worth, I used @sam’s screenshot and did a little shopping:

You can also style the OP meta the same way as another column next to that.

[codinghorror (Jeff Atwood)]

I personally, I much prefer the avatars to usernames – if you are shooting for minimalism that is the way. Also, the word by does not need to be repeated over and over on the page, and can be removed.

[mcwumbly (Dave McClure)]

Taking off from @purldator’s mockup:

• A little color for the categories via an fa-tag icon.
• Remove OP name and timestamp from under the topic titles so they are easier to scan

[sam (Sam Saffron)]

I like what you did with categories, but removing op is a step too far imo, also avatar seems a bit big to me.

[Mittineague]

To interject for some clarification, we are talking optional CSS etc. here and not changes to the Core?

[sam (Sam Saffron)]

@codinghorror

Not that we can’t have both, eventually

To me a huge goal here is to make stuff more extensible, ultimately I do not think the “simple” design should replace what we have now. I do think we need to cull out stars and quieten down categories in our default view, but ultimately there are different types of consumers for Discourse with different needs.

As you simplify, you lose information, which may be desirable to some communities and not desirable for others.

If a community say moved from years on phpbb or what not to Discourse it may make sense for them to use a “simple” design. If a company has a need for an aux column it may make sense to use a “simple” design. Long term I hope the “wizard” you use to setup Discourse allows you to select between a few themes that cater to different groups.

[purldator (mountain)]

@sam

I like what you did with categories[/quote]

For me personally, I’d rather have the “button” styling back. But that’s easily fixable with custom CSS.

but removing op is a step too far imo

Agreed. That is why I mentioned to style the OP meta info the same as the last reply in my markup example from your screenshot.

[quote] also avatar seems a bit big to me.

That’s my doing and mostly the shop’ was meant as a proof of concept, not so much a solid final draft. I’d be okay any which way the avatar’s size may become in the end.

[sam (Sam Saffron)]

Its a mish-mash topic now, which is kind of confusing to everyone.

The default core changes being discussed are:

Merge star and bookmark, do away with stars in topic list
Replies vs. Posts (also here)
Quieten down categories
Color choices

But ultimately there are 2 distinct views being discussed here,

1. A minimal view
2. Our default view

[sam (Sam Saffron)]

@purldator

But that’s easily fixable with custom CSS.

Thing is that it is not, colors are hardcoded into a style tag on an element, styling categories now is very hard and requires patching of discourse core.

[purldator (mountain)]

Interesting, didn’t know that. Hmmn.

I do hope there might be a howto in the near future on ways to go about editing the theme’s hardcode ‘gracefully’ without breaking it in the future with an update to the core. I think if users are given a push in the right direction on how to hack the theme to their liking, then there might be less of a brouhaha with people requesting the removal or addition of elements on the current ui, such as was the original topic at hand. (And if there is a definitive howto on this, I need to find it!)

EDIT: Just noticed @abarker’s reply in the original thread, which is stating the same. (requoting here as ref for this new thread)

I think that the focus should be shifted from “how should we change the UI?” to “let’s make the UI easier to customize”. Back when the Likes column was removed, there were a lot of complaints, and @codinghorror and @sam promised that there would be a customization interface post-v1 so that the Likes column could be brought back, if desired. Work on that instead. Once that’s done, it will make this kind of thing arbitrary. Admins will be able to make these kind of decisions for their own sites, and topics like this will be pointless.

[tonninseteli (se oli tonnin seteli)]

@purldator

I think that the focus should be shifted from “how should we change the UI?” to “let’s make the UI easier to customize”.

I second this too. Even though I understand and respect the goals behind discourse UI design, the looks are something there can never be a strong consensus on because Discourse is in my opinion already very refined and quite spot on.

While codinghorror sees the minimalistic view as less readable and prefers avatars over usernames, I personally think the small avatars are nothing but irritating noise, and some people might argue that avatars should not be used at all while others might want more and even bigger ones.

My professional opinion is, despite sounding shallow or giving the impression that “i’m not getting it”, these issues are effectively matters of taste, so making customization easier also brings the prime ideas of Discourse closer to both admins and users that are not yet comfortable with Discourse.

[anon21958287]

@sam

I feel the sea of avatars is a bit loud, not recommending changing it right away but I think it does add a lot of busyness to our front page

I think replacing them with names makes things just as busy, just in a different way. A wall of color looks better to my eyes than a wall of text.

[alefattorini (Alessio Fattorini)]

@sam

. Long term I hope the “wizard” you use to setup Discourse allows you to select between a few themes that cater to different groups.

I do think this is a Great idea more more adaptable