Crear/editar un post en móvil: hablemos de la experiencia de Discourse 2026

Discourse está supuestamente diseñado con un enfoque ‘mobile-first’ (aunque mi experiencia me ha demostrado lo contrario en varias ocasiones): así se afirma aquí y aquí.

Sin embargo, con los años, Discourse ha añadido cada vez más funciones (muchas de ellas útiles).

Es un poco difícil encontrar una captura de pantalla de cómo era el editor móvil hace 10 años, pero hay una aquí proporcionada por @codinghorror en un iPhone 5:

Así es como se ve hoy (he añadido contenido intencionadamente en el área de texto, ya que al añadir contenido también aparecen nuevos iconos y funciones en la pantalla… :sparkles:)

Se siente abrumador. En la esquina superior izquierda hay un icono que cambia según si estoy creando, editando o haciendo otra cosa.
Hay un icono cuyo propósito no me queda claro, ya que nunca he probado a pulsarlo (¿desencadena una función o muestra un consejo sobre la herramienta?).
Está también el icono , del cual tampoco sé qué hace. Conozco los otros dos iconos de la misma fila y los uso de vez en cuando :slight_smile:

En cualquier caso, la primera fila de lo que vemos al crear un tema contiene texto y cinco iconos diferentes, algunos de los cuales son un poco crípticos hasta que los probamos (supongo).


Luego están los campos :sheaf_of_rice::sheaf_of_rice::sheaf_of_rice:.

El selector de categorías estrecho apenas puede contener un nombre corto de categoría principal. Las subcategorías casi siempre se verán truncadas o simplemente quedarán fuera de la vista.
Ambos campos comprimen aún más el contenido porque contienen:

  • el icono o viñeta de categorías,
  • un icono o ,
  • y un icono .

Después, el editor que muestra obligatoriamente la barra de herramientas.

No creo que se pueda ocultar. En cualquier caso, una barra de herramientas es sin duda útil. Podemos desplazarnos horizontalmente para revelar más opciones de formato, y creo que te perderás esta función si no la conoces de antemano (el indicador de degradado es demasiado sutil).

Poner el interruptor entre modo rico y Markdown como el primer icono (el más ancho y el único coloreado) de la barra de herramientas parece una elección extraña. Es más probable que use negrita o cursiva que ir y venir entre los dos editores.

Finalmente, en la última línea, tenemos opciones que tienen sentido.

Pero, de nuevo, hay texto y cinco iconos más, y creo que no tengo nada en contra de ellos… Excepto, quizás, la opción de Gif. Muchos teclados de smartphones ya tienen una búsqueda de Gifs. Podría eliminarse o colocarse en la barra de herramientas.

No sé nada de diseño, así que no intentaré sugerir cambios, solo compartiré mi experiencia, lo que veo cuando creo un tema y, sobre todo, qué cantidad de información mi cerebro tiene que procesar. Y debo decir que hay un poco demasiado que ver y procesar.

Ojalá el diseño fuera más limpio, con menos iconos y funciones innecesarias, y se centrara en la tarea que nos piden: escribir contenido, publicar contenido y estar contentos.

4 Me gusta

La experiencia es horrible en iPhone e iPad. Ni siquiera sé por dónde empezar. A menudo ni siquiera puedo subir una imagen, los menús desplegables no se muestran o quedan fuera de la pantalla, o el editor se bloquea. Solo uso el móvil para leer y publicar cosas básicas, porque hacer algo más es un dolor de cabeza.

3 Me gusta

Es difícil abordarlo porque la mayoría de estas funciones se agregaron por alguna necesidad o solicitud… pero es útil dar un paso atrás y ver a qué han dado lugar.

Ciertamente, hay formas de simplificar y no discrepamos con ningún comentario aquí, pero Meta es un poco un caso peor donde probamos de todo… el predeterminado es al menos un poco más tranquilo. La IA, las traducciones y los GIFs están todos desactivados.

Para mantener esto en el camino de ser accionable, ¿qué deberíamos eliminar de esta experiencia predeterminada?

Algunas cosas que veo como posibilidades:

  • El icono de hamburguesa para mostrar/ocultar la barra de herramientas… ¿deberíamos mostrar siempre la barra de herramientas si tu dispositivo tiene un tamaño superior a cierto umbral para poder eliminar el interruptor? (tenemos que hacerlo conmutable en dispositivos muy pequeños, porque a veces el compositor se ve limitado a una sola línea de texto de lo contrario)

  • Sé que x es cerrar y :wastebasket: es eliminar… pero ciertamente parecen estar en el mismo ámbito de funcionalidad. Solíamos tener uno y preguntábamos sobre guardar un borrador con un modal… ¿valió la pena ese intercambio para tener menos botones aquí?

  • ¿Podemos colapsar la entrada de etiquetas en un botón más pequeño y solo expandirla al tocar y cuando haya etiquetas presentes?

¿Esto empieza a empujar las cosas en la dirección correcta? ¿Hay algo más que valga la pena recortar?

2 Me gusta

etiquetado: tocar en un lugar aleatorio para cerrar un menú parece poco intuitivo.

1 me gusta

Encuentro que la UX visual en sí misma está bien; me importa menos la UX que la funcionalidad real. Si hago clic en el botón de responder, no espero que el editor quede bloqueado y sin respuesta. Si quiero usar un menú desplegable para seleccionar usuarios o grupos, si quiero subir un archivo o si selecciono texto para citarlo, espero poder hacerlo sin tener que rotar la pantalla o cambiar a mi escritorio.

1 me gusta

Estoy de acuerdo, la experiencia de usuario en móvil realmente no es buena. Tenemos mucho en juego…

Sé que @chapoi compartió conmigo el año pasado algunas ideas sobre cómo hacer que esta experiencia móvil sea mucho más limpia.


En cuanto a los comentarios, tengo algo que me gustaría compartir, pero puedes tomarlo o dejarlo.

“La experiencia es horrible”, dicho por alguien que es un usuario ávido de Discourse, me parece un poco poco útil. No quiero ser el policía de las palabras aquí, pero ofrezco algunos consejos sobre cómo dar retroalimentación.

Creo que la publicación de canapin es un buen ejemplo de cómo dar retroalimentación sobre un producto sin usar palabras excesivamente descriptivas y emocionales.

¿Qué es específicamente lo que para ti es “horrible”?

Di una presentación sobre cómo discutir el diseño que me gusta volver a consultar de vez en cuando. (No es mérito mío, es solo una presentación con información tomada de un libro :smiley:)

Me pregunto si sería útil leerla. ¿Qué opinas?

Discussing-Design-Printable.pdf (7.6 MB)

2 Me gusta

Perdona las palabras fuertes si han herido. Pero la experiencia es pobre y a menudo frustrante, así que el sentimiento sigue en pie. Ni siquiera creo que sea realmente un problema de Discourse, es mucho de iOS. Si lo ves como un desaire hacia ti o hacia Discourse, no lo es. Lo sé por construir componentes y personalizar yo mismo lo difícil que es adaptar a móviles en general hoy en día.

3 Me gusta

Eso me recuerda a este informe de error:

2 Me gusta

¡Ese es un buen punto! Es la demostración principal del software.

Como usuario recién registrado (digan hola a @Canapin2), así es como se ve en el móvil:

Por supuesto, es mejor, pero podría ser mejor. Todavía resulta un poco intimidante. Como usuario nuevo, creo que me confundiría mucho con la primera fila de iconos; solo entendería la ×.

No puedo responder a todas las preguntas abiertas de tu publicación, pero me gusta mucho tu captura de pantalla, especialmente la parte de la pequeña etiqueta.

En general, me gusta la elegancia y cómo el compositor finalmente respira. Solo estoy juzgando cómo se ve, sin pensar realmente en las funciones perdidas. Mi primera impresión es: “es la máxima complejidad aparente que el compositor debería mostrar”.

3 Me gusta

Dos cosas que me resultan difíciles son que con bastante frecuencia los botones dejan de funcionar (cerrar y volver a abrir la aplicación del centro lo soluciona) y, a veces, al hacer clic en un área de texto esta desaparece de la pantalla (la solución en ese caso es abandonar la idea y sentarse en el escritorio). iPhone 11.

1 me gusta

Vale la pena mencionar que nunca usé la aplicación, por lo que mi experiencia con Discourse en móviles proviene únicamente del navegador de un teléfono inteligente.

2 Me gusta

Fue hace un tiempo, así que no puedo estar seguro, pero creo que me mudé a la aplicación porque era mejor.

OK i was pretty critical so i also want to “boost” (figuratively lol) the design/development improvement on mobile that i don’t think gets enough praise or attention: the deprecation of /mobile and /desktop folder paths for the views.

at first i was skeptical and even a bit annoyed, but it did not take me long to like it better. this was a great and much needed change IMO. i think i recall Moin scolding me for not liking it at first lol. but, yea, thank you for that because i love that i can target all viewport sizes in one code file, including tablet size specifically. :clap:

1 me gusta