Experimento de Redesign de Usercard

Hoje instalamos uma nova versão do usercard nos fóruns meta. Estamos fazendo isso para coletar feedback de vocês e ver o que funciona / não funciona.

Nova Versão

Atualizações

  • Fundo do Cabeçalho do Usuário
    • Movemos o fundo do usuário para ser uma imagem de cabeçalho, em vez de uma imagem de fundo para o cartão.
    • Se um usuário não tiver uma imagem de fundo definida, usamos as cores do avatar dele para criar a imagem de cabeçalho
    • movemos os distintivos para a área superior da “imagem de banner” do novo usercard
    • movemos a localização do usuário para a “imagem de banner” também
  • Estatísticas do usuário reestilizadas
  • movemos o status do usuário para um ícone de avatar, em vez da descrição completa
  • movemos os botões de ação para a parte inferior do cartão
  • Permite que a localização seja vinculada ao Google Maps ou Open Street Maps

Versão Antiga para referência


Como em qualquer experimento, presumo que haverá alguns problemas que possivelmente surgirão com este novo usercard.

Por favor, use este tópico para relatar bugs visuais / funcionais, bem como suas opiniões sobre o próprio cartão.

Apenas para sua informação, à medida que os bugs forem corrigidos, excluirei a postagem que relatou o bug para diminuir a quantidade de conteúdo a ser classificado :smile:

Use em seu próprio fórum

Como mencionado acima, isso ainda é um experimento. Não planejamos dar suporte a isso a longo prazo como um componente de tema, pois o objetivo de longo prazo é integrá-lo ao núcleo como um novo user card. Dito isso, se você deseja usá-lo em seu fórum agora, pode instalá-lo através de → GitHub - discourse/experimental-usercard

55 curtidas

Só estava pensando…

Se sobre mim é desnecessário, por que pontos, tempo de leitura e a coisa mais estranha :wink: , dia do bolo, são dignos de exibição?

Edição: sobre mim está visível aqui, mas não no meu fórum… ainda mais estranho.

6 curtidas

Concordo que “cakeday” é um conceito estranho no Discourse. Eu preferia “Membro desde…”

Mas todas essas informações são úteis para fazer um julgamento sobre a pessoa com quem você está lidando.

8 curtidas

Uau, ficou ótimo! :slight_smile:

Tenho apenas algumas pequenas coisas com o plugin Locations:

  • A localização é mostrada uma linha abaixo do pino.
  • Também vejo dois URLs de sites em layouts diferentes. Isso também acontecia até algumas semanas atrás e foi corrigido por @merefield - mas no antigo usercard havia dois sites e nenhuma localização.
7 curtidas

Talvez seja uma ideia dar aos usuários uma opção para fazer upload de imagens separadas para o modo escuro, como temos nas categorias, etc.

4 curtidas

Podemos tentar remover a cor de fundo do elemento de imagem para o avatar? Avatares de pessoas que se esforçaram para usar PNGs transparentes para o fundo agora parecem piores.

A imagem de fundo / cabeçalho no cartão do usuário tem menos da metade da altura que tínhamos antes, eu me pergunto se poderíamos dar um pouco mais :thinking:

No geral, ótimo trabalho, parece muito elegante.

9 curtidas

Em temas com fontes, o experimento do cartão de usuário não tem a fonte no cartão de usuário, como o Minima.
Exemplo:

8 curtidas

Legal ter um redesenho a caminho! :star2:

Uma coisa que eu adoraria ver diferente é o cabeçalho. Eu diria até que acho um pouco triste no momento:

image

Colocar uma imagem de fundo não parece tão original e apoia os recursos da comunidade. A marcação de localização parece um pouco com a de um arquivo. E os emblemas são minimizados e colocados em um canto.

Eu adoro emblemas e, pela minha experiência, muitos gerentes de comunidade adoram ser criativos com os emblemas. Eu adoraria ver os emblemas serem mais celebrados, em vez de minimizados nos novos cartões! Sabe, algo assim:

18 curtidas

Eu acho que algo assim poderia ser uma configuração, eu pessoalmente prefiro apenas 3.

3 curtidas

Pode valer a pena adicionar algum CSS personalizado ao seu site para resolver isso. Como este não é um plugin oficial do Discourse, não tenho certeza se adicionaria CSS para dar suporte a isso, pois isso possivelmente será mesclado ao núcleo eventualmente.

1 curtida

Desculpe ser negativo, especialmente porque não tenho muitas sugestões de melhoria, mas, honestamente, minha primeira impressão foi dizer literalmente “eca, que nojo, isso é um bug?”. Isso não significa que estou certo, não significa que isso não seja uma melhoria para todos os outros, mas para mim os antigos cartões de usuário eram realmente bons e simples e algo que eu não teria mudado.

Talvez eu me acostume?

Pontos principais:

  1. Selos são super úteis para fins de qualificação e devem estar nos cartões de usuário – Nada diz “Este sou eu…” melhor do que “Eu fiz essas contribuições até agora”. Acho que eles estão no canto superior direito agora, mas só descobri isso depois de olhar vários cartões de usuário.
  2. As caixas em estilo de etiqueta para “postado”, “elogios”, “soluções”, etc. chamam minha atenção demais. Talvez seja também a fonte em negrito? Eu gostava de como essa informação era sutil no cartão de usuário anterior. Por quê? Porque eu realmente não me importo com isso.
  3. O aspecto do “cakeday” também entra na categoria “não me importo”. É divertido e legal, mas quando quero saber mais sobre um usuário, essas são realmente quatro das coisas mais importantes que quero saber sobre ele? Provavelmente não.

Eu trocaria o “cakeday” para o canto superior direito e moveria os selos de volta para uma linha ou duas completas, com o nome completo expandido dos selos em destaque. A maioria dos usuários não saberá o que os ícones significam e precisará da elaboração em texto. Isso anuncia ainda mais os selos que estão disponíveis, despertando a curiosidade em alguns usuários para contribuir mais se quiserem um selo específico que veem no cartão de usuário de outra pessoa.

6 curtidas

Sei que os problemas que vejo são causados pelo plugin Locations. O motivo pelo qual levantei isso aqui é porque este plugin parece ser muito comum. Além disso, eu diria que os ajustes de CSS ou código precisam ser feitos no plugin e não no núcleo do Discourse, pelo menos principalmente. E espero que as pessoas que mantêm o plugin Locations analisem isso. E, para ser honesto, se o novo card de usuário se tornar parte do núcleo, elas mais ou menos terão que fazer isso. :wink:

Eu apenas queria abordar os problemas que tenho aqui no tópico para todos.

3 curtidas

Encontrei mais algumas coisas erradas, desta vez com a animação de brilho.
Primeiro, todos estão em ciclos diferentes. Melhor visto se você desconectar do Wi-Fi e depois clicar em um cartão:

E também, para muito cedo:

A imagem ainda não carregou e a animação parou.

2 curtidas

Agora vejo nomes de distintivos ao passar o mouse!

Acho que seria bom se os usuários pudessem configurar o que é mostrado, como dados de entrada, último acesso, etc., como na barra lateral.

2 curtidas

Eu amo uma abordagem mais minimalista, e ainda há uma questão principal sem resposta direta:

O conceito de cartões de usuário é apenas um elemento decorativo sem propósito real? Eu acho que a maioria dos usuários o utiliza apenas para enviar uma mensagem privada ou abrir um canal de chat. Então… deveríamos limpá-lo mais em vez de aumentar os elementos visíveis rapidamente?

As necessidades de administradores/moderadores são um campo de jogo totalmente diferente.

6 curtidas

Também poderia ser bom combinar os detalhes principais do usuário em um só lugar, em vez de em vários locais no cartão:

Se isso for reformulado, acho que poderia ser uma boa chance de remover as informações de nível de confiança dos emblemas. Eles não são emblemas, mas associação a grupos, indicando autoridade e direitos de acesso no fórum.

5 curtidas

Não tenho certeza do que está acontecendo, mas está horrível no meu site. Muitas informações estão faltando. Tentei isso sem nenhum outro CSS, e é assim que fica. Talvez um conflito de plugin, ou algo mais acontecendo?

Novo:

Antigo:

6 curtidas

Algo não parece certo, você pode tentar no modo de segurança, talvez seu tema também esteja adicionando alterações?

5 curtidas

É um plugin oficial causando o problema, não tenho certeza qual. Primeiro desativei os não oficiais e parecia o mesmo, mas desativar todos fez funcionar. Aqui está o erro no console:

Editar: Todos os meus plugins oficiais

          - git clone https://github.com/discourse/discourse-chat.git
          - git clone https://github.com/discourse/discourse-user-notes.git
          - git clone https://github.com/discourse/discourse-reactions.git
          - git clone https://github.com/discourse/discourse-calendar.git
          - git clone https://github.com/discourse/discourse-adplugin.git
          - git clone https://github.com/discourse/discourse-whos-online.git
          - git clone https://github.com/discourse/discourse-canned-replies.git
          - git clone https://github.com/discourse/discourse-follow.git
          - git clone https://github.com/discourse/discourse-push-notifications.git
          - git clone https://github.com/discourse/discourse-gamification.git
          - git clone https://github.com/discourse/discourse-templates.git
          - git clone https://github.com/discourse/discourse-automation.git
          - git clone https://github.com/discourse/discourse-fontawesome-pro.git --branch fa5
          - git clone https://github.com/discourse/discourse-spoiler-alert.git
          - git clone https://github.com/discourse/discourse-data-explorer.git
6 curtidas