Ajude-nos a testar o redesign do Composer

[chapoi]

Objetivos

Temos feito mudanças preparatórias menores, como mover o alternador de pré-visualização, integrar sugestões de IA e adicionar GIFs na barra de ferramentas, e agora estamos prontos para testar a mudança maior, que está disponível para experimentação como uma alteração experimental futura.

Nossos principais objetivos são:

1. Atualizar o compositor de acordo com nossas mudanças gerais para modernizar nosso visual e aparência

2. Melhorar a experiência de composição no celular

Gostaríamos muito da sua ajuda para testá-lo antes que ele avance mais.

Como testar

1. Acesse seu Admin → Alterações Futuras em /admin/config/upcoming-changes
2. Encontre Redesign do Compositor e ative-o
3. Abra o compositor (resposta, novo tópico ou nova mensagem) e experimente-o tanto no desktop quanto no celular

Você pode desativá-lo novamente a qualquer momento no mesmo local. Aqui no Meta, você pode se juntar ao novo grupo de teste composer-testers.

---

Precisamos especialmente de feedback de quem executa componentes de tema ou plugins que personalizam o compositor — este redesign altera ligeiramente a estrutura do compositor, não apenas seu estilo. Mais detalhes sobre isso abaixo.

O que mudou

Layout e estrutura

Geral

• O título foi incorporado ao conteúdo, fazendo com que pareça mais um título de documento (usuários do Notion devem achar isso familiar)
• A barra de ferramentas foi movida para o rodapé. Isso exigirá um pequeno ajuste de memória muscular (também me incomodou nos primeiros dias )
• Entradas de categoria e tag foram reformuladas (incluindo um ícone de tag e exibição mínima de seleção)
• Menos bordas, sensação mais espaçosa

Markdown

• O título, a categoria e as tags agora ficam em uma área de metadados de largura total acima do painel do editor + pré-visualização, em vez de serem restritos à coluna esquerda.

Mobile

Um dos grandes fatores impulsionadores deste projeto é tentar melhorar a experiência no celular. Houve uma abundância de reclamações justificadas sobre isso no Meta ao longo dos anos ^{[1] [2] [3]}.

Para aumentar o espaço disponível durante a composição, estamos experimentando um editor expansível, que desliza para cima ao ganhar foco, cobrindo os campos do compositor e permanece expandido enquanto o editor estiver em foco. Isso se aplica ao criar um novo tópico ou nova MP, mas não ao responder.

Isso mais que dobra o espaço de escrita disponível, passando de 103px para 212px (ao testar no meu dispositivo – os resultados reais podem variar).

Outros

• O alternador da barra de ferramentas é removido no novo layout
• Deslize para baixo para dispensar o teclado e recolher o editor ao normal
• As tags escolhidas só são visíveis quando o menu é aberto. O ícone é colorido para indicar que uma seleção foi feita.

Feedback

Isso ainda é altamente experimental e meu principal interesse é descobrir como funciona em tamanhos de tela regulares (desktop e celular) no Foundation. Tablets, celulares dobráveis, outros temas, etc. ainda não foram otimizados.

Chamado para autores de temas e plugins

Se você se conecta a saídas de plugin do compositor ou estila o compositor, por favor, teste com o redesign ativado. O DOM se moveu e algumas personalizações podem precisar de ajustes:

• O bloco de campos do compositor agora é renderizado como um filho de largura total do contêiner do editor, não mais dentro da coluna de texto do editor
• O conteúdo injetado na saída composer-fields agora aparece acima do título (entre o grupo de categoria/tags e o título), com largura total
• O campo de título é renderizado como sua própria linha, separado do cluster de categoria/tags e abaixo deles, em vez de acima

Nenhuma saída foi renomeada ou removida (embora possam ser no futuro para ajustar semanticamente às mudanças) — seus conectores ainda se anexarão. O que mudou é onde e com que largura seu conteúdo é renderizado.

Se você notar algo quebrado no seu tema ou plugin, por favor, responda aqui com o componente/plugin e uma captura de tela. Esse feedback é exatamente para o que serve esta fase de teste.

Design

Aqui estão alguns compromissos ou decisões de design específicos sobre os quais eu mesmo estou em dúvida e que poderiam usar alguma contribuição. Claro, qualquer outra coisa também é bem-vinda.

A) Por que a entrada do título é tão malditamente grande?

A ideia é que ela foi aumentada para um tamanho maior do que um H1 adicionado manualmente, para garantir que seja sempre visualmente o título no documento. Às vezes olho para ela e penso “nojento”, outras vezes penso “sim, isso funciona”.

Outra ideia é reduzir ligeiramente os títulos existentes, para alcançar o mesmo efeito.

Revertido em uma próxima iteração.

B) As tags ocultas são um problema…

…grande o suficiente para não valer a pena o compromisso no celular (mais espaço para a categoria)?

Se sim, por quê?

C) Como a animação do editor expansível funciona no seu dispositivo?

Está travando? É bom o suficiente? É uma melhoria? Ideias alternativas ou ajustes para torná-lo melhor?

D) E o botão de sugestão de título da IA?

Não sou muito fã de como ele está flutuando sozinho ali. Como se sente para os outros (que o usam)? Muito aberto a ouvir ideias de design.

Movido para um lugar menos proeminente, veja Sugestões de título da IA movidas para o helper do compositor

---

Obrigado por nos ajudar a acertar isso antes de ser lançado em larga escala.

---

1. New Topic Editor Too Small iOS 26.5 Safari Web - #4 by fearlessfrog ↩︎

2. Creating/Editing a post on mobile: let's discuss the 2026 Discourse experience ↩︎

3. Such a tiny window to edit here on a cell phone ↩︎

[darkpixlz (Pyx)]

@chapoi

A) Por que o campo de título é tão grande?

Sim, sinceramente, não gosto muito dele estar ali perto da área de texto e não ser uma caixa separada no momento… em teoria parece uma boa ideia, mas simplesmente não gosto da aparência atual, parece fazer parte do campo de entrada de texto iniciado, especialmente no editor visual. Preferiria que ficasse onde sempre esteve, talvez com um pouco mais de espaço horizontal. Isso pode ser apenas uma reação impulsiva por ter visto a mudança, já que estava perfeitamente bom e não precisava realmente ser alterado, mas, pelo que vi, ainda não tenho certeza se gosto ou não.

@chapoi

E quanto ao botão de sugestão de título por IA?

Você está absolutamente certo de que ele parece solitário agora. Talvez ele devesse se ancorar logo onde o título termina, ou, se o design for revertido como sugeri, o jeito antigo funciona bem.

No entanto, sou definitivamente a favor disso. O design está ótimo (menos bordas!) e estou animado com o fato de o mobile finalmente oferecer uma experiência utilizável, mesmo que eu ainda seja principalmente um usuário de desktop.

[Don]

Olá

Este é um trabalho realmente excelente! Adorei. Parece uma forma muito mais moderna e elegante de compor. Eu também tentei mover a barra de ferramentas para a parte inferior no passado, e acho que é muito mais confortável assim.

No geral, parece bastante limpo. Uma coisa que notei: quando o título recua e o corpo ganha foco, pode ser um pouco confuso saber como trazer de volta à vista a seção do título, categoria, etc. Como a área de texto do compositor inteira é deslizável neste caso, acho que adicionar uma alça/indicador visual poderia ajudar a sinalizar isso aos usuários.

[NateDhaliwal]

Isso foi inspirado no trabalho com o compositor fixo para mensagens de IA? Me lembra dele.

Parece que isso só está disponível no Meta Branded?

Gosto do fato de os ícones serem menores (acho?) e de ter um design mais minimalista.

Mas acho que um problema é que agora tenho que olhar mais para cima para ver o que estou digitando, com a barra atrapalhando. E se a barra de ferramentas estivesse no topo? Isso funcionaria? (Estou no celular agora, então não consigo mover para ver)

[chapoi]

@NateDhaliwal

Isso foi inspirado no trabalho do compositor acoplado para mensagens de IA? Me lembra dele.

Não exatamente

@NateDhaliwal

Parece que isso só está disponível no Meta Branded?

Não, deveria ser independente do tema. Você não vê em outros temas?

[NateDhaliwal]

Certo, depois de olhar um pouco mais, é possível recolher o editor de conteúdo do tópico quando o teclado é fechado? Caso contrário, são necessárias duas pressões para isso (uma no botão do teclado, outra para deslizar).

Tamb acho os ícones de categoria sem cor um pouco estranhos. Isso é intencional?

E sim, o sugeridor de títulos com IA deixa aquele espaço um pouco apertado, mas não tenho certeza de onde mais poderia ser colocado.

@chapoi

Você não vê isso em outros temas?

Isso aconteceu por um tempo no início. Parece que está funcionando agora.

No geral, não está tão ruim no celular até agora!

[chapoi]

@NateDhaliwal

é possível recolher o editor de conteúdo do tópico quando o teclado for fechado? Caso contrário, são necessários dois toques para isso (1 no botão do teclado, 1 para deslizar).

Você pode elaborar mais sobre isso? Como você está fechando o teclado? A outra direção deve ser automática: diminuir o editor → o teclado se fecha automaticamente, então apenas 1 ação.

[NateDhaliwal]

Ah! Você quer dizer deslizar para baixo para fechar o editor de conteúdo e o teclado? Hmm…

Na minha experiência pessoal, clico no botão na barra inicial do Android para fechar o teclado. Como esse comportamento não existia no editor atual (ou seja, deslizar ou tocar para fechar o teclado), parece-me mais antinatural.

[chapoi]

Entendi, acho que deve estar tudo certo para conectar.

[chapoi]

@NateDhaliwal

Também acho os ícones de categoria sem um pouco estranho. Isso é intencional?

Acidental, obrigado! Correção a caminho

[asa]

Notei que, ao criar um rascunho, ele sempre aparece quando entro em um tópico, o que não acontece com o compositor. Isso é intencional? (Isso me irrita um pouco)

[chapoi]

Não tenho certeza se entendi. Você quer dizer que, quando você tem um rascunho para um determinado tópico e entra nesse tópico, o compositor se abre? Se for isso, isso já acontece há algum tempo (ou sempre, não tenho certeza); de qualquer forma, nenhum comportamento foi (intencionalmente) alterado.

Ou você quer dizer outra coisa?

[asa]

Eu estava um pouco enganado. O compositor atual está, de fato, aberto, mas fica meio escondido ao fundo, enquanto o novo compositor “bloqueia a visão”. No entanto, agora descobri que é possível movê-lo

[Canapin (Coin-coin le Canapin)]

Gosto disso, só postei a partir do desktop até agora.

Não sou fã do título H1 que parece parte da área de texto. Eu me pegava clicando no final do título, depois pressionando ↓ para ir para a linha abaixo, e obviamente não funcionava.

Títulos grandes podem ser parcialmente ocultos:

No mobile, a barra de ferramentas é bastante estreita. A maneira como o polegar se move naturalmente da esquerda para a direita em uma tela de smartphone não é uma linha horizontal reta. É ligeiramente curvada da parte inferior direita para a superior direita, e esse efeito pode ser ampliado se a área de destino estiver alta na tela.

Isso tende a fazer eu perder a alça de arrastar da barra lateral.

Não tenho certeza de como melhorar isso. Tornar a barra de ferramentas mais alta não parece ser a melhor solução.

Talvez a área de detecção pudesse ser ligeiramente maior que a barra de ferramentas, da mesma forma que os desenvolvedores de jogos de plataforma permitem que o personagem do jogador pule ou pouse em uma borda mesmo que ele esteja alguns pixels longe demais e normalmente deveria cair.

[Shauny (Shaun Robinson)]

Qual é o motivo para mover os botões para a parte inferior?

Parece um grande problema de memória muscular, e por qual motivo?

Além disso, eles estão perto de “Descartar” e “Responder” no celular, então haverá postagens acidentais.

Eu simplesmente não vejo o benefício para a quantidade de problemas que isso vai criar.

[satonotdead]

@Shauny

Qual é o motivo para mover os botões para a parte inferior?

Acho que a maioria de nós usa dispositivos móveis com uma mão só, e os botões são mais acessíveis na parte inferior. Alguns navegadores, por exemplo, moveram a barra de endereços seguindo a mesma lógica.

Gosto da mudança, e acho que precisamos de algum tempo para nos adaptar. Quero dizer, testar a mudança por pelo menos uma ou duas semanas, porque as coisas que fazemos automaticamente tendem a gerar reações negativas diante de mudanças repentinas, mas, uma vez que nos acostumarmos com o novo sistema, o resultado geral pode ser positivo.

Como nota lateral, eu era uma das pessoas que NÃO queria uma tela sensível ao toque no meu celular

[David_Ghost]

Interessante. Na verdade, eu estava usando um TC para colocar o menu na parte inferior. Boa mudança.

[Don]

@Shauny

Qual é o motivo para mover os botões para a parte inferior?

Para mim, um dos principais motivos para mover a barra de ferramentas para a parte inferior.

@Don

O menu de contexto cobre a barra de botões do editor.

[Canapin (Coin-coin le Canapin)]

Gosto muito da barra de ferramentas inferior. Faz muito mais sentido no celular. É muito mais fácil de alcançar.

Acho que também faz sentido no desktop: o conteúdo (textarea) é a prioridade, a formatação (barra de ferramentas) vem em seguida, então a ordem se encaixa.

[Heliosurge (Dan DeMontmorency)]

A aparência e a experiência no celular não estão ruins. Embora o ícone da tag ao criar um tópico pudesse talvez ser um pouco maior, já que parece um pouco pequeno pelo menos no meu Google Pixel 9 XL.