Tenho realizado o onboarding de novos usuários em nosso site Discourse e observado como eles interagem e onde encontram dificuldades.
Uma grande dor que notei foi que os novos usuários facilmente não percebem que uma prévia de sua postagem está sendo gerada à direita da janela de composição, pois ela fica completamente coberta pelo painel educacional/amarelo.
[Descrição da Imagem: Captura de tela da situação descrita acima.]
Para pessoas novas em markdown, algo como 
ou
[Write How We Communicate FAQ](https://hub.youthpowercoalition.org/t/write-how-we-communicate-faq/451/2)
especialmente quando copiado de outro texto, parece realmente estranho e não é intuitivo que funcione, porque a prévia não está sendo exibida. Minha nova usuária copiou algo e imediatamente começou a editar itens como o * em *texto em negrito*. Ela nunca pressionou esc para fechar o texto de ajuda e, assim, descobrir que os caracteres estranhos realmente resultavam na postagem que ela desejava.
Portanto, do ponto de vista da UX, acho que deveria haver algo que deixe óbvio que uma prévia ESTÁ sendo gerada e que o texto de ajuda pode ser fechado. Atualmente, isso não é óbvio o suficiente.
Marcando @tobiaseigen, pois iniciamos essa conversa fora do Meta.
Esta foi a resposta inicial de Tobias:
Eu não percebi que ele não desaparece sozinho, porque eu sempre uso imediatamente o X para fechá-lo. Se as pessoas não perceberem que podem fechá-lo e não o fizerem, então a funcionalidade do editor ficará realmente confusa e difícil de usar. Se você puder adicionar uma resposta a How to disable the yellow panels for first two posts? com esse feedback, podemos trabalhar para melhorá-lo. Uma ideia que tenho é adicionar um botão de fechar no pop-up e impedir a digitação até que ele seja selecionado? Ou fechá-lo automaticamente após algum tempo?
Talvez um pouco de transparência para o fundo do painel?
Também colocaria um botão Esc (outro?) no lado esquerdo do painel; o do lado direito, na localização usual, fica muito longe da “ação do olho”
[Descrição da Imagem: Captura de tela do artigo que mostra o que descrevi acima]
Eu penso nisso porque acho que existem muitos lugares que colocam “x” no canto superior direito. O que eu gostaria é que o x e o atalho esc tivessem uma cor muito mais escura e que o x correspondesse ao ícone de “x” dentro de um círculo ao qual me acostumei. Veja o artigo acima.
Bem, você está certo, objetivamente não é grande coisa, mas posso atestar que, em alguns casos raros em que os usuários não estão acostumados a… nenhuma interface, tudo se torna um obstáculo no caminho de realmente escrever algo. A própria sutileza do Discourse, que todos nós amamos, pode ser percebida como assustadora. Sei que meu caso é marginal, mas tive que convencer alguns de meus usuários a ir diretamente do papel e caneta para o Discourse, sem passar pela etapa intermediária! Então, sim, o painel foi um atrito (pequeno).
Acho que um compositor em duas partes é um conceito difícil (relativamente, é claro) o suficiente para ser compreendido; o painel “embaça” um pouco a primeira impressão (ao esconder apenas a parte da direita, por um curto período, concordo).
Ah, sim, sobre isso Sempre achei estranho que eu ainda visse esse painel, como administrador, depois de centenas de postagens e tópicos, mas isso nunca me incomodou tanto…
mas acabei de verificar, o resumo diz que criei -313 mensagens! Uma contagem negativa?
Somos uma equipe pequena no momento e estamos redesenhando nosso fórum, por isso estamos fazendo testes de onboarding e de usuários 1:1, então não estou preocupado com nossos usuários atuais.
Acho que você está subestimando o quanto a fricção é um problema para novos usuários, especialmente para comunidades que existem apenas por meio de um fórum. O Markdown pode parecer muito intimidador para algumas pessoas. Sou super entendido em tecnologia e ainda dependo muito do painel de pré-visualização para saber se estou no caminho certo. Pessoas que são desencorajadas a postar, bem, é claro que não apareceriam como usuários que postam mais de duas vezes.
Mudei de ideia. Acho que definitivamente vale a pena tentar se mover o x e o Esc para a esquerda mudar algo para os usuários. Além disso, desde então, notei que ele está no lado esquerdo em muitos mais sites do que eu imaginava.
A outra coisa que você pode fazer é desativar essa mensagem completamente; assim, novos usuários veriam apenas a prévia. Acredito que isso seja possível hoje através das configurações existentes do site Discourse.
É razoavelmente claro como fechar o painel. Mas o problema não é que o usuário está tentando fechar o painel e não consegue descobrir como. Em vez disso, o usuário não vê motivo para fechá-lo porque não sabe que há algo interessante escondido atrás dele. Então, ele fica sobrecarregado com a edição da sintaxe markdown sem uma prévia,
Acho que este é um obstáculo potencial para usuários que não estão familiarizados com editores markdown, e as primeiras postagens são exatamente quando a aprendibilidade da interface do usuário é mais importante.
É possível que façamos um painel de educação “just in time” (no momento certo) na primeira vez que o usuário vir o editor. Mas, então, esse é o ponto deste painel… já existe educação “just in time” acontecendo aqui, para educar as pessoas sobre como serem civilizadas ao participar assim que começarem a digitar sua primeira resposta:
Bem-vindo(a) ao {sitename} – obrigado(a) por contribuir!
Sua resposta melhora a conversa de alguma forma?
Seja gentil com os outros membros da comunidade.
Críticas construtivas são bem-vindas, mas critique ideias, não pessoas.
Para mais informações, veja nossas diretrizes da comunidade. Este painel só aparecerá para suas primeiras 2 postagens.
Isso é… um conselho muito, muito importante. Alguns dos conselhos mais críticos que fornecemos. Agora, este painel de conselhos deve ser ignorado se você indicar “Ignorar as coisas de novo usuário” durante o processo inicial de integração, assim – esta configuração foi introduzida no Discourse 2.6 no final de 2020:
Também está disponível como uma preferência do usuário.
Dito isso, não sinto que digitar palavras, como estou fazendo aqui, geralmente requer muita (ou alguma?) formatação, e as pessoas geralmente se sentem confortáveis digitando palavras em caixas na Internet hoje em dia, 30 anos depois.
(Na verdade, a principal “formatação” na maioria das postagens são a adição de imagens, que é algo que pessoas comuns fazem em seus telefones e dispositivos todos os dias; eu presumiria que a vasta maioria do mundo entende como fazer isso, pressionando o botão “adicionar imagem” na barra de ferramentas ou no editor.)
Bem, acabei de vir de um site Discourse recém-implementado que está substituindo dois sites legados. Ainda estamos ajustando-o e uma das primeiras coisas que encontrei foi a falta de uma pré-visualização. Quero dizer, todo site sensato para postar texto tem algum tipo de pré-visualização e eu estava procurando freneticamente por algum botão para revelá-la. Ouso dizer que sou um usuário experiente de fóruns, mas levei minutos para ter a ideia de fechar os painéis amarelo e, subsequentemente, azul (tópicos semelhantes).
Muitas vezes temos usuários que colam longos trechos de código ou URLs malformatados. Uma pré-visualização já é necessária e especialmente para usuários de primeira viagem. Por favor, trate isso como feedback do usuário e não apenas como uma ideia abstrusa.
Uma correção (acho que) fácil é simplesmente reduzir o painel de boas-vindas para 2/3 de sua largura para tornar o painel de pré-visualização subjacente visível. Então, fica claro que fechar o painel realmente alcançará algo.
Sempre achei estranho que eu ainda visse esse painel, como administrador, depois de centenas de postagens e tópicos, mas isso nunca me incomodou tanto…
Uma contagem negativa?
