Ajude-nos a testar Horizon, nosso tema mais novo

[chapoi]

Estamos animados para apresentar nosso mais novo tema — Horizon! Temos testado o Horizon internamente há algum tempo e agora estamos prontos para testá-lo aqui no Meta para que possamos obter seu feedback sobre como continuar a melhorar este tema.

Neste tópico, compartilharemos os objetivos por trás do Horizon e forneceremos orientações sobre como testar e compartilhar seu feedback conosco.

Conhecendo o Horizon

O Horizon é um tema simples e bonito que aspira a se tornar a nova experiência padrão para sites Discourse.

Por favor, note que o Horizon ainda é considerado um tema experimental! Como tal, antes de instalá-lo em sua comunidade ou fornecer feedback, por favor, leia o restante deste tópico para entender o que esperar deste tema e como melhor nos fornecer feedback.

→ Horizon Theme

Para quem é o Horizon?

Embora esperemos que o Horizon seja uma ótima opção para muitas comunidades, criamos o Horizon com usuários específicos em mente — administradores não técnicos e membros do dia a dia.

• Administradores não técnicos são administradores de comunidade com conhecimento técnico limitado e sem acesso a recursos de design ou desenvolvimento. Eles não têm os recursos ou o conhecimento para personalizar a aparência do Discourse para que funcione melhor para sua comunidade, mas ainda acreditam que o Discourse é uma ótima opção para sua comunidade.

• Membros do dia a dia ficam em algum lugar entre o visitante ocasional e o usuário avançado de elite. Eles leem e postam regularmente na comunidade e são mais propensos a visitar o Discourse principalmente (se não exclusivamente) de seus telefones.

Temos orgulho de que o Discourse seja tão flexível e personalizável, queremos garantir que o Discourse permaneça uma ótima opção para todas as comunidades, independentemente da experiência técnica ou dos recursos. Criamos o Horizon para administradores que não têm acesso a recursos de design ou de desenvolvedor, mas ainda desejam uma comunidade com ótima aparência que seus membros vão adorar.

O que há de diferente no Horizon?

Enquanto nosso tema Padrão é uma tela relativamente em branco, o Horizon é um tema opinativo. Isso significa que fizemos certas escolhas sobre como o Discourse se parece e opera ao usar este tema, a fim de fornecer uma ótima experiência geral do usuário para nossos usuários-alvo (descritos acima). Aqui estão algumas mudanças que você pode notar:

• Cartões de tópico com menos densidade de informação. O recurso mais notável do Horizon é o cartão de tópico. Removemos o máximo de informações possível para manter a lista de tópicos limpa e acessível. Certas informações, como uma lista mais robusta de participantes do tópico e tags de tópico, não são visíveis no cartão do tópico.

• O Horizon não se destina a suportar personalizações adicionais. Como estamos visando um público que não pode ou não tem interesse em personalizar a aparência ou o comportamento do Discourse, o Horizon não garante que funcionará bem com todos os componentes de tema ou personalizações.

  Dito isso, testamos o Horizon com os componentes de tema mais populares e as incompatibilidades que encontramos até agora são menores. Trabalharemos para resolvê-las ao longo do tempo. Por enquanto, não recomendamos ativar componentes de tema com o Horizon ou adicionar suas próprias personalizações.

• O Horizon inclui novas paletas de cores que os administradores podem habilitar para dar aos membros maior controle sobre sua experiência na comunidade. Uma vez habilitado através das configurações de Paleta de Cores do administrador, os membros podem escolher entre uma das seis paletas de cores específicas do tema para um visual personalizado.

  

• Texto maior na área de leitura. Você notará que a área de leitura do Horizon (ou seja, tópicos) tem um texto ligeiramente maior do que o restante do texto da interface. Estamos experimentando esse tamanho de texto diferenciado com a esperança de que isso torne os tópicos mais fáceis de ler, mantendo o texto menos importante — como links da barra lateral — mais minimalista e menos distrativo.

Testando e compartilhando seu feedback

Você pode conferir o Horizon no Meta usando o seletor de temas na parte inferior da sua barra lateral:

Ao testar aqui no Meta ou em sua própria comunidade, você pode encontrar problemas com o design visual ou incompatibilidades com certos componentes de tema ou personalizações. Quando isso acontecer, por favor, nos avise. Seu feedback nos ajudará a melhorar o Horizon para que possamos começar a torná-lo mais amplamente disponível.

Por favor, note que podemos não abordar todo o feedback que recebemos neste momento. Isso não significa que seu feedback é inválido ou inestimável — apenas significa que queremos continuar a testar uma determinada ideia ou decisão de design para entender melhor como ela atende às necessidades de nossos usuários-alvo.

Problemas conhecidos / áreas em andamento

Aqui estão algumas áreas em que estamos trabalhando ativamente:

• Ajustando as paletas de cores para garantir a acessibilidade. O Horizon tem um sistema de cores mais simplificado (e inspirou novas paletas de cores, por exemplo, Lily, Clover, Royal, Marigold, etc.). Estamos trabalhando para garantir que o Horizon seja acessível e tenha o contraste adequado em modos claro e escuro.

[Muhammed_EKİCİ (mekici)]

[dfabulich (Dan Fabulich)]

{“content”:“[quote="lindsey, post:1, topic:360484"]\nOs cartões de tópicos têm menos densidade de informações. A característica mais perceptível do Horizon é o cartão de tópico. Nós eliminamos ao máximo as informações para manter a lista de tópicos com uma aparência limpa e acessível. Certas informações, como uma lista mais robusta de participantes do tópico e tags de tópicos, não são visíveis no cartão de tópico.\n[/quote]\n\nTenho usado o Discourse há anos, mas nunca ouvi o termo “cartão de tópico” antes. Parece que você está se referindo às linhas da lista na página de Tópicos?\n\nNo tema padrão, a página de Tópicos é uma tabela, com as seguintes colunas:\n\n* Tópico: título + categoria + tags\n* Uma lista de avatares que fizeram postagens no tópico\n* Respostas: número de respostas\n* Visualizações: número de visualizações\n* Atividade: timestamp, por exemplo, 10m, 4h, etc.\n\nNo Horizon, não há tabela. Cada linha tem:\n\n* Título\n* Um avatar, o revisor mais recente\n* O nome de usuário desse revisor, “respondeu” ou “postou” e o timestamp da atividade, por exemplo, “lindsey postou há 9 minutos” “tobiaseigen respondeu há 11 minutos”\n* Uma contagem de curtidas. (O que é isso? Curtidas no “Tópico”? É o número de curtidas que alguém já deu em alguém em todo o tópico…? Parece um número muito estranho, e especialmente estranho de destacar tão proeminentemente.)\n* Uma contagem de respostas, ao lado de uma setinha de resposta pequena\n* Categoria, agora bem à direita\n\nMinhas ideias:\n\n1. Na minha opinião, a categoria do tópico é muito muito mais importante do que a identidade de quem acabou de responder recentemente. Eu colocaria isso de volta à esquerda, e colocaria “lindsey postou há 9 minutos” na extrema direita, onde antes estava o timestamp da atividade.\n2. Concordo em remover “Visualizações”. Na visão geral, parece um número estranho de exibir de forma tão destacada.\n3. Não tenho certeza sobre a remoção dos outros avatares. Talvez vá gostar mais com o tempo.\n4. Não gosto da mensagem de “Bem-vindo de volta, usuário!” em destaque. O espaço do cabeçalho é precioso.\n5. Só agora as linhas da lista de tópicos se tornaram “cartões”, com cantos arredondados e um espaço visível entre cada “cartão”. Não gosto disso, embora possa gostar com o tempo. Prefiro que os tópicos sejam separados por uma linha de separação simples.\n6. As tags de tópicos desapareceram completamente dos cartões de tópicos. Isso parece ruim para mim; significa que você só consegue ver as tags de tópico na própria página do tópico.”}

[lindsey (Lindsey Fogle)]

@dfabulich

Eu uso o Discourse há anos, mas nunca ouvi o termo “cartão de tópico” antes. Parece que você está se referindo às linhas da lista na página Tópicos?

Existe um pouco de arte anterior aqui através de um componente de tema — Topic Cards — que tem um design semelhante.

Você está correto que há um design muito diferente entre as listagens de tópicos em Padrão e Horizonte — isso é por design. Agradeço seu rápido feedback aqui, e ficaria interessado em saber se alguma de suas opiniões iniciais muda (ou não!) em um ou dois dias. Espero que você volte e nos diga!

[lindsey (Lindsey Fogle)]

@Muhammed_EKİCİ

Obrigado por relatar isso, avisaremos nossa equipe.

(Para constar, este é um problema de transparência com os filtros de categoria / tag na parte superior da página /categories no celular.)

[alehandrof (Alex Armstrong)]

Estou muito animado com essa abordagem, pois gerencio um fórum para profissionais não técnicos.

A imagem “Boas-vindas” tem alguns artefatos estranhos acima da pesquisa:

Eu também preferiria ser chamado pelo meu nome, em vez do meu apelido.

[lindsey (Lindsey Fogle)]

@alehandrof

A imagem “Welcome” tem alguns artefatos estranhos acima da busca:

Você poderia compartilhar alguns detalhes sobre seu dispositivo/navegador? No momento não estou vendo isso, mas temos corrigido alguns problemas como esses em diferentes áreas, então obter detalhes específicos seria muito útil!

@alehandrof

Eu também preferiria ser chamado pelo meu nome, em vez do meu apelido.

Isso pode ser feito editando os textos do site — este é um recurso que adicionamos recentemente ao Discourse core, sobre o qual você pode ler aqui: Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji

[Jagster (Jakke Lehtonen)]

DiscourseHub e mobile:

Forçar o uso da barra lateral para iniciar um novo tópico não seria a jogada mais inteligente, se o alvo não forem os usuários mais experientes (especialmente quando um celular é usado)

[alehandrof (Alex Armstrong)]

@lindsey

Você poderia compartilhar alguns detalhes sobre seu dispositivo/navegador? Eu não estou vendo isso no momento, mas temos corrigido alguns problemas como esses em diferentes áreas, então obter detalhes específicos seria muito útil!

Estou usando a versão mais recente do Safari 18.3.1 (20620.2.4.11.6) em um MacBook Pro de 14 polegadas com a versão mais recente do macOS 15.3.2.

[tobiaseigen]

@Jagster

Forçando o uso da barra lateral para iniciar um novo tópico

Eu também pensei sobre isso… mesmo no desktop você pode fazer a barra lateral desaparecer enquanto lê, então ter outra maneira fácil de ser guiado para um novo tópico parece fazer sentido. Não tenho certeza onde poderia ser… você tem alguma sugestão? O Google apenas “minimiza” a barra lateral sem eliminá-la completamente, então você nunca perde o botão de compor um novo e-mail.

Por outro lado, no discourse, quão essencial é o botão de novo tópico para pessoas que ainda não conhecem o ambiente? Queremos que novos membros de uma comunidade passem tempo conhecendo a comunidade lendo e respondendo às discussões existentes, afinal.

[alehandrof (Alex Armstrong)]

@tobiaseigen

Por outro lado, no Discourse, quão essencial é o botão de novo tópico para pessoas que ainda não se familiarizaram? Queremos que novos membros de uma comunidade passem tempo conhecendo a comunidade lendo e respondendo às discussões existentes, afinal.

Isso provavelmente depende da comunidade. Em nossa pequena comunidade privada, incentivamos novos usuários a postar tópicos como uma forma de compartilhar recursos que criaram/estão usando, ou para buscar ajuda.

Eu preferiria que o botão “novo tópico” permanecesse visível de alguma forma.

Editar: as configurações de notificação de categoria também são importantes para nós – as usamos como adesão ad hoc a grupos de interesse (representados por diferentes categorias). O design atual as desvaloriza. Eu preferiria que elas fossem mais óbvias e claramente anexadas à categoria atual. Como está, não está claro a que elas se referem:

Elas podem se referir à categoria “Documentação”.

Talvez elas pudessem ser colocadas no canto superior esquerdo ou direito do próprio banner?

[Jagster (Jakke Lehtonen)]

@tobiaseigen

Não tenho certeza onde poderia ser… você tem alguma sugestão?

O que há de errado com o que já temos? Por que tentar inventar a roda novamente

(Não me preocupei em mudar o idioma, você conhece essa configuração)

@tobiaseigen

Por outro lado, no Discourse, quão essencial é o botão de novo tópico para pessoas que ainda não se familiarizaram?

Se o propósito de um fórum é apenas oferecer algo para ler, então não é nada essencial. Mas muitos fóruns são construídos para oferecer algum tipo de Q/A e, então, o botão de novo tópico é realmente essencial.

E eu gostaria de pensar que mostrar o básico das funcionalidades é a coisa mais essencial a se fazer.

@tobiaseigen

mesmo no desktop você pode fazer a barra lateral desaparecer enquanto lê

Não é apenas uma questão de leitura. Eu não uso a barra lateral aqui, porque ela não me oferece nada útil. É apenas mais um componente sem propósito, uma distração preenchendo espaço vazio em telas grandes.

Mas em celulares, ela está sempre oculta. Isso significa que os usuários de celular precisam agora de um toque extra para iniciar um tópico. Vamos contar quantos tópicos e posts podemos encontrar onde os usuários de desktop estão contando cliques antes de obterem o que querem e, depois disso, as coisas foram simplificadas para oferecer o mínimo de cliques

[Stephen]

@Jagster

O que há de errado com o que já temos?

Estou chegando ao mesmo lugar com isso. Por todos os meios, remova os elementos da interface e use os cartões de tópico para criar separação visual, mas, por outro lado, realocar coisas como o botão ‘novo tópico’ também torna mais difícil para usuários não técnicos se familiarizarem com outros temas do Discourse.

[Arkshine]

Finalmente! Parece ótimo à primeira vista!
Encontrei uma versão anterior no Github e fiquei curioso sobre a versão final. Ficou muito bom!

Aqui estão alguns feedbacks imediatos aleatórios:

• Gostei do fundo unificado ao redor da saída principal – é elegante e ajuda a focar o conteúdo. Em uma tela grande, no entanto, não ter um limite definido para o conteúdo cansa mais rápido os olhos. Isso força os olhos a focar em uma área grande. O tema Meta Branded é um bom exemplo de como aliviar isso: fornecer um limite e um fundo claros faz com que pareça equilibrado.

• A nova posição do botão de tópico faz sentido; você não pode perdê-lo. Levei alguns segundos para descobrir onde ele desapareceu no celular. Não sou muito usuário de celular na Meta; eu esperaria ver um botão aqui:
  

  

• Na lista de tópicos, a linha parece fantástica. É simples: foca no essencial. Vejo duas coisas que me incomodam:

  • A posição do status “hot” é um pouco confusa porque está muito perto da linha anterior.
  • Não sou fã da borda completa. Individualmente, isso parece muito bom, mas empilhados juntos, exige mais esforço para ler o título real, especialmente ao rolar. Pode ser um pouco distrativo demais. Talvez mais espaçamento e/ou uma borda sutil pudessem ajudar. (Também preciso me acostumar com isso; devo esperar e revisar meu feedback mais tarde.
    EDIT: Para ser justo, acho que é mais o avatar abaixo do título do que a borda, o que torna a leitura menos direta. A visualização móvel enfatiza ainda mais esse problema com a categoria acima e o avatar abaixo do título)

• A paleta de cores é maravilhosa.

• (Não relacionado) O modo “composer peek” parece muito bom neste tema.

Estou ansioso por futuras melhorias!

[ondrej]

Tema legal! Leva um tempo para se acostumar visualmente (ou pelo menos para mim)

Uma coisa que pensei que poderia ser legal é fazer a página /categories parecer um pouco com a do Air Theme porque tudo parece estar em uma caixa neste tema horizon, tendo uma página de categoria com aparência padrão parece estranho, na minha opinião.

[lindsey (Lindsey Fogle)]

Ah, tudo bem, consigo reproduzir nessa versão do Safari, mas não na última versão (18.4). Poderia, por favor, atualizar e me informar se o problema persiste?

[NateDhaliwal]

Este tema parece muito moderno, elegante e fantástico! Eu realmente amo os botões arredondados, a lista de tópicos, entre outras coisas.

No entanto, encontrei 4 pequenos problemas. Note que todos eles aconteceram no celular, usando o Discourse no Chrome.

1. Tópicos são mostrados como ‘novos’ com o ponto azul mesmo quando não foram lidos.
   

   

2. O botão de tradução automática fica muito grande quando o editor está aberto.
   

   

3. A prévia da postagem tem cantos brancos e a área com os botões de postagem não está unida (veja a captura de tela).
   

   

4. O contador de votos e o botão não estão alinhados com o título do tópico.
   

   

[Lilly (Lillian Louis)]

há algumas manipulações de altura acontecendo aqui:

Dei uma olhada rápida no código do console, mas meus olhos amadores de CSS não notaram nada peculiar imediatamente.

[cultiv (Sebastiaan Janssen)]

@Lilly

algumas confusões de altura acontecendo aqui:

Eu ia mencionar isso, é por causa do nome de usuário estar envolvido, você pode ver isso também para o segundo tópico nesta lista abaixo. Esperançosamente, será um pequeno ajuste de CSS para corrigir isso.

[NateDhaliwal]

Por algum motivo estranho (e um pouco irritante), este tema não muda, mesmo que eu escolha outro tema depois dele. As cores ainda são as mesmas, tanto que o contraste acessível (escuro) é muito escuro e não difere em cor do Meta Branded.

Esta nova cor é muito escura em comparação com o que o Meta Branded oferecia. Por favor, conserte isso logo!