Criando/editando um post no mobile: vamos discutir a experiência Discourse de 2026

O Discourse deveria ser mobile-first (embora a experiência tenha me dito o contrário várias vezes): isso está escrito aqui e aqui.

Mas o Discourse também trouxe cada vez mais recursos (muitas vezes úteis!) ao longo dos anos.

É um pouco difícil encontrar uma captura de tela de como era o editor móvel há 10 anos, mas há uma aqui fornecida por @codinghorror em um iPhone 5:

Como ele se parece hoje (eu adicionei conteúdo de propósito na área de texto, porque adicionar conteúdo também adiciona novos ícones/recursos na tela… :sparkles:)

Parece avassalador. Há o ícone no canto superior esquerdo que muda se estou criando, editando ou fazendo outra coisa.
Há um ícone cujo propósito não está claro para mim, já que nunca tentei tocá-lo (ele aciona uma função ou mostra uma dica de ferramenta?).
Há o ícone , que também não sei o que faz. Conheço os outros dois ícones na mesma linha e os uso de vez em quando :slight_smile:

De qualquer forma, a primeira linha do que vemos na criação de um tópico contém texto e 5 ícones diferentes, alguns um pouco criptografados até que os experimentemos (suponho).


Depois, há os campos :sheaf_of_rice::sheaf_of_rice::sheaf_of_rice:.

O seletor de categoria estreito mal consegue conter um nome de categoria pai curto. Categorias filhas serão quase sempre truncadas ou simplesmente fora de vista.
Ambos os campos ainda mais esmagam o conteúdo porque contêm:

  • o ícone ou marcador de categoria,
  • um ícone ou
  • e um ícone .

Em seguida, o editor que exibe forçosamente a barra de ferramentas.

Não acho que possamos alterná-lo? De qualquer forma, uma barra de ferramentas é útil com certeza. Podemos rolar horizontalmente para revelar mais opções de formatação, e acho que você sentirá falta desse recurso se não já souber (o gradiente sutil é muito discreto).

Ter o alternador rico/markdown como o primeiro ícone (e o mais largo, e o único colorido) da barra de ferramentas parece uma escolha estranha. É mais provável que eu use negrito ou itálico do que ir de um editor para o outro.

Finalmente, na última linha, temos opções que fazem sentido.

Mas, novamente, há texto e mais 5 ícones, mas acho que não tenho muita objeção a eles… Exceto, talvez, a opção de Gif. Muitos teclados de smartphones têm busca de Gif. Poderia ser removido ou colocado na barra de ferramentas.

Não sei nada sobre design, então não vou tentar sugerir mais nada, apenas compartilhar minha experiência, o que vejo ao criar um tópico e, acima de tudo, o que e quanto meu cérebro precisa processar. E, devo dizer, há um pouco demais para ver e processar.

Desejo que o layout fosse mais limpo, com menos ícones e recursos inflados, focado na tarefa que pedimos: escrever conteúdo, publicar conteúdo, ser feliz.

4 curtidas

A experiência no iPhone e no iPad é horrível. Nem sei nem por onde começar. Muitas vezes nem consigo fazer upload de uma imagem, os menus suspensos não se expandem ou ficam fora da tela, ou o editor trava. Uso o celular apenas para ler e fazer postagens básicas, porque qualquer coisa além disso dá dor de cabeça.

1 curtida

É difícil abordar isso porque a maioria desses recursos foi adicionada por necessidade ou solicitação… mas é útil dar um passo atrás e analisar o que tudo isso resultou.

Certamente existem maneiras de simplificar, e não discordo de nenhum feedback aqui, mas o Meta é um pouco um cenário de pior caso, onde testamos de tudo… o padrão é pelo menos um pouco mais tranquilo. IA, traduções e GIFs estão todos desativados.

Para manter isso no caminho de ser acionável, o que devemos remover dessa experiência padrão?

Algumas coisas que vejo como possibilidades:

  • O ícone de hambúrguer para mostrar/ocultar a barra de ferramentas… devemos sempre mostrar a barra de ferramentas se o dispositivo for maior que um certo tamanho, para que possamos remover o alternador? (precisamos torná-lo alternável em dispositivos muito pequenos, porque às vezes o compositor fica restrito a uma única linha de texto, caso contrário)

  • Sei que x é fechar e :wastebasket: é excluir… mas eles certamente parecem estar no mesmo âmbito de funcionalidade. Antigamente tínhamos apenas um e perguntávamos sobre salvar um rascunho com um modal… valeu a pena essa troca para ter menos botões aqui?

  • Podemos reduzir a entrada de tags a um botão menor e expandi-la apenas ao tocar e quando houver tags presentes?

Isso começa a levar as coisas na direção certa? Vale a pena cortar mais alguma coisa?

2 curtidas

marcagem - tocar em algum lugar aleatório para fechar um menu parece não ser intuitivo.

1 curtida

Acho que a própria UX visual está boa — me importo menos com a UX do que com a funcionalidade real. Se eu clicar no botão de responder, não espero que o editor trave e fique sem resposta. Se quiser usar um menu suspenso para preencher com usuários ou grupos, se quiser fazer upload de um arquivo ou se selecionar texto para citar, espero poder fazer isso sem precisar girar a tela ou mudar para o meu computador.

1 curtida

Concordo, a experiência do usuário (UX) no mobile realmente não é boa. Temos muito o que fazer…

Sei que a @chapoi teve algumas ideias que compartilhou comigo no ano passado sobre como tornar essa experiência mobile muito mais limpa.


Em relação ao feedback, tenho algo que gostaria de compartilhar, mas você pode aceitar ou ignorar.

“A experiência é horrível”, vindo de alguém que é um usuário ávido do Discourse, parece um pouco pouco útil. Não quero ser o policial das palavras aqui, mas oferecer algumas dicas sobre como dar feedback.

Acho que o post do canapin é um bom exemplo de como dar feedback sobre produtos sem usar palavras excessivamente descritivas e emocionais.

O que especificamente é “horrível” para você?

Fiz uma apresentação sobre discutir design que costumo revisar de vez em quando. (Sem crédito para mim, é apenas uma apresentação com informações extraídas de um livro :smiley:)

Será que seria útil lê-la? O que você acha?

Discussing-Design-Printable.pdf (7,6 MB)

2 curtidas

Desculpe se as palavras fortes magoaram. Mas a experiência é ruim e muitas vezes frustrante, então o sentimento permanece. Eu nem acho que seja realmente uma questão de discurso, é muito do iOS. Se você pensar nisso como uma ofensa a você ou ao discurso, não é. Eu sei, ao construir componentes e personalizar por conta própria, o quão difícil é acomodar dispositivos móveis em geral hoje em dia.

3 curtidas

Isso me lembra deste relatório de bug:

2 curtidas

Isso é um ponto válido! É a principal vitrine do software.

Como um usuário recém-registrado (diga olá para @Canapin2), é assim que aparece no celular:

É melhor, é claro, mas poderia ser melhor. Ainda é um pouco intimidante. Como um novo usuário, acho que ficaria muito confuso com a primeira linha de ícones; entenderia apenas o ×.

Não consigo responder a todas as perguntas abertas do seu post, mas gostei muito da sua captura de tela, especialmente da parte da pequena tag.

No geral, gosto da elegância e de como o compositor finalmente respira. Estou apenas julgando a aparência, sem pensar realmente em recursos perdidos. Minha primeira impressão é: “é a complexidade aparente máxima que o compositor deve exibir”.

3 curtidas