¿Qué tan difícil sería hacer que la interfaz de Discourse se parezca más a Flarum?

Espera un momento, Jeff. Tengo la sensación de que quizás estás malinterpretando la solicitud (y/o la forma en que funciona Flarum). Sabes que estoy bastante familiarizado con la lógica detrás de Discourse y muchas de sus decisiones de diseño. :smiley: De todos modos, probablemente sea mejor continuar esto en el tema que creé al respecto:

2 Me gusta

Hola,

Finalmente, de Flarum he pasado a Discourse por muchas razones (Which is Better? Discourse or Flarum? - #31 by GVG), pero todavía prefiero el diseño más ligero, redondeado y elegante de Flarum. ¿Alguien ya habrá creado un estilo más elegante para Discourse, ya sea en CSS puro, un plugin, etc.?

Si no es así, ¿puede alguien ayudarme con ello? Puedo redactar una especificación detallada.

3 Me gusta

¡Este tema es bastante bueno! Air Theme, ¡también hay más opciones en #theme-full!

12 Me gusta

¡Gracias, querido! :slight_smile:

Pero cuando publiqué algunas sugerencias sobre ese tema, el autor me recomendó publicarlas aquí… así que aquí están:

Mis sugerencias:

  1. En mi opinión, casi todo Discourse (todo el texto, espacios, iconos, panel del menú superior, etc.) es monstruosamente grande. Solo intenta abrir, por ejemplo, MS Word o Outlook web, y observa de cerca cómo los desarrolladores de MS utilizan cada espacio mínimo de manera eficiente y compacta. ¡Qué precisión y funcionalidad extrema tiene cada panel e icono! Después, cambia de nuevo a Discourse y te sorprenderá su texto anormalmente grande, espacios vacíos enormes, iconos grandes, diseño demasiado simple, etc. El tamaño predeterminado de texto y espacios en Discourse no solo es inusual (nunca he visto estilos tan grandes en miles de recursos web ni en muchos otros foros como Invision/XenForo/Flarum, etc.), sino que lo que es más lamentable es que simplemente desperdicia espacio de manera ineficiente y obliga a los usuarios a hacer más desplazamiento del necesario, lo cual es incómodo. Por lo tanto, en este punto me gustaría ver un estilo aproximadamente un 20-30% más compacto.

  2. Lista de categorías: Realmente no me gusta la lista predeterminada de categorías de Discourse debido a la falta de información útil en la lista de categorías a la izquierda y, por el contrario, la sobrecarga de temas innecesarios a la derecha. Para mí, siempre ha sido incómodo leer la página de categorías de Discourse. Por favor, mira las páginas de categorías de los foros de Invision/XenForo; presentan información más útil, son más precisas, más compactas y a menudo se pueden ampliar visualmente con iconos o incluso imágenes. En cuanto a la representación de las categorías, la página de categorías de Discourse está realmente desactualizada y se ve desordenada. ¿Es posible agregar iconos a las categorías de Discourse? ¿Puedes mostrarlas así: https://ipb.stylesfactory.pl o Foros - Codebite.dev - Tema IPS, etc.? O no tan elegantes pero aún mucho más cómodas y útiles: Comunidad XenForo.

  3. Realmente me gusta el menú de Etiquetas-Categorías de Flarum a la izquierda; ayuda a una navegación más rápida y se ve bien. ¿Es posible mostrar siempre todas las categorías a la izquierda (en todas las categorías principales y anidadas), no como un menú desplegable, sino como un menú siempre visible?

No estoy familiarizado con la separación de los componentes principales de Discourse, así que no sé si estas mejoras deben implementarse en el tema, como un complemento o mediante CSS personalizado simple.

4 Me gusta
  1. ¡Es sorprendente que consideres el texto monstruoso! Por defecto tiene 15px, lo que creo que es 1px más grande que Flarum. ¡En mi opinión, aún estamos en un tamaño pequeño! Si miras algunos sitios de noticias (que están optimizados para una lectura fácil), el estándar suele ser mayor a 16px (que es el predeterminado del navegador). ¡Muchos se acercan a los 20px para los artículos!

    El ancho del texto también es una decisión consciente de nuestra parte; las líneas más cortas generalmente se consideran más fáciles de leer Line length | Butterick’s Practical Typography (aunque, por supuesto, esto puede ser subjetivo; intentamos establecer valores predeterminados que funcionen para la mayoría de las personas).

  2. Tenemos 6 estilos diferentes de página de categoría para elegir, que contienen cantidades variables de información y todos se pueden personalizar con imágenes de categoría. Si eres administrador, puedes visitar una página de categoría y agregar imágenes haciendo clic en la llave inglesa:

  3. Es posible crear una navegación de barra lateral en un tema, aunque es un poco más complicado hacer que esté siempre presente. Hay un componente de tema que hace esto para las páginas de listas de temas: Topic list sidebar navigation, aunque reutiliza el menú desplegable, por lo que no es exactamente lo que buscas. Debemos apoyar sitios con docenas de categorías, razón por la cual tendemos a mantenernos con el menú desplegable.

Varía… ¡si quieres que las cosas sean más pequeñas y compactas, eso definitivamente se puede lograr con CSS! Pero las barras laterales y otras adiciones requerirán un tematizado más avanzado, parte del cual se cubre en la guía para desarrolladores sobre temas.

13 Me gusta

¡Hola, Kris! ¡Gracias por tu respuesta detallada!

Estoy de acuerdo contigo: el texto principal de los mensajes de Discourse es bastante bueno, aunque podría ser ligeramente más pequeño (como mencionas, de 15px a 14px). Acabo de empezar a explorar tu Discourse y aún no he completado la lista completa de mejoras que necesito. En este párrafo, cuando digo “monstruosamente grande”, me refiero a la interfaz de usuario en general; por favor, mira la captura de pantalla:

¿Tienes alguna demostración de todos ellos? (Lamentablemente, tu demostración principal de Discourse no permite iniciar sesión como administrador.)

En este aspecto, hay una verdadera contradicción. La lista desplegable clásica de la interfaz de usuario debe usarse para seleccionar 1 entre muchas opciones una sola vez (fecha, país, etc.). Pero en la mayoría de los foros-comunidades, los usuarios prefieren comunicarse en MUCHAS categorías de foros. Por lo tanto, cuando Discourse agrega esta lista desplegable de categorías como una especie de mejora de navegación, Flarum lo hace mejor como un menú fácil y siempre accesible. Lo especialmente malo es que el menú desplegable de categorías de Discourse no admite ni Ctrl+Click ni Clic derecho + “Abrir en nueva ventana” en las acciones del navegador. En el caso de uso clásico, cuando un usuario activo o un administrador/moderador regresa al foro, quieren abrir 2-4 categorías favoritas para monitorear cuándo aparecerá algún tema nuevo en ellas, pero con el menú desplegable de categorías de Discourse esto es imposible. Con la lista desplegable de categorías de Discourse, el usuario debe elegir y navegar por las categorías una por una, y con este método el usuario podría simplemente olvidar explorar alguna categoría, o saltar de una a otra como un conejo de Pascua, etc. Además, tener las categorías siempre visibles puede ayudar a una mejor separación de los temas al crear nuevos, según su significado, porque el usuario verá todas ellas y no será perezoso para buscar la adecuada. Por cierto, acabo de inventar la solución perfecta para este punto.

Estimado Kris, no soy desarrollador web y, lamentablemente, no conozco bien CSS, etc. ¿Podemos completar paso a paso el trabajo de este tema juntos con tus habilidades profesionales? ¡Estoy seguro de que será muy popular! :slight_smile:

2 Me gusta

Tengo 62 años y uso gafas.
Las fuentes más grandes me ayudan mucho con la legibilidad y reducen la fatiga visual.

También los párrafos más cortos con más espacio en blanco me ayudan a no perder el foco de la lectura (dónde me quedé), algo que ocurre con bloques grandes de texto en letra pequeña.

Puedo aumentar el tamaño de la fuente en las preferencias, lo cual es útil; también puedes disminuirla para probar cómo quedaría con un tamaño menor a 15px.

6 Me gusta

Estoy de acuerdo con este punto y siempre he encontrado que el selector de categorías de Discourse es molesto y limitante. Perjudica la descubribilidad para los nuevos usuarios y molesta (a algunos) usuarios avanzados (como yo). Irónicamente, un menú desplegable parece ser una buena idea en móviles para acceder rápidamente a las categorías, y sin embargo, aún no está disponible en la página principal en móviles: Category Dropdown in Mobile View - #10 by renato

Honestamente, creo que el menú desplegable es la solución equivocada para el problema comprensible y real que planteaste (@awesomerobot): manejar muchas categorías. Con el aumento constante de los tamaños y resoluciones de pantalla de los monitores de escritorio, ¿por qué no reconsiderar seriamente una barra lateral persistente? Podría tener una vista de “árbol” simple y colapsable, un paradigma clásico de interfaz de usuario que se ha utilizado durante años. O secciones tipo acordeón (como los “paneles” en muchas aplicaciones de escritorio, por ejemplo, Lightroom), o probablemente muchas otras posibilidades. ¿Es el menú desplegable realmente la mejor idea que tuvo el equipo? ¿Debería abrir un tema separado sobre esto…? (hazme saber si crees que es así).

1 me gusta

Esto ya existe en gran medida con el complemento Layouts y el widget de categoría asociado.

Consulta nuestro sitio para ver una demostración: https://thepavilion.io

5 Me gusta

¡Oh, lo sé, y es genial! De hecho, sabía que había visto un buen ejemplo recientemente, pero no recordaba dónde, y resultó ser tu sitio. :wink: (aunque me gustaría que hubiera una indicación más clara de que esas son categorías expandibles). Sin embargo, no todo el mundo tiene un acceso fácil o asequible a los complementos (por ejemplo, creo que el alojamiento oficial de Discourse requeriría en realidad el plan Enterprise para usar tu complemento). Y, quizás lo más importante, estoy sugiriendo que se trata de un problema fundamental de usabilidad y diseño de Discourse en sí mismo, lo que significa que, en mi opinión, debería abordarse en el núcleo. O al menos como un complemento oficial.

No quiero restar valor al excelente trabajo que has hecho, pero en cierto punto, si algo es popular, útil y bien recibido, eso debería ser una señal. Y de nuevo, señalo el creciente uso de barras laterales en muchas otras herramientas de comunidad. Hay algo en esto, algo que a Discourse parece faltarle hasta ahora… (y sin abordarlo claramente con un argumento convincente en contra, hasta donde he visto).

3 Me gusta

Si estás dispuesto a dedicar tiempo a aprender cómo funciona todo y a reservar un poco de tiempo cada mes para mantener tu sitio, el alojamiento propio te otorga total discreción sobre la instalación de complementos y es, de hecho, muy asequible. (También puede ser una experiencia muy gratificante).

3 Me gusta

La mayoría de los usuarios activos de internet son jóvenes (entre 20 y 45 años, según las estadísticas) y están acostumbrados a fuentes de 14 px. De todos modos, dado que existen configuraciones individuales para el tamaño de la fuente, no hay problema; sin embargo, sigo prefiriendo establecer el valor predeterminado en 14 px en mi comunidad. Esto ayuda a mostrar más texto de una sola vez, reduciendo así el molesto desplazamiento.

1 me gusta

Sí, eso es cierto. Ya tengo auto-alojada una de mis instancias de Discourse en Digital Ocean. Sin embargo, trabajo con una amplia variedad de personas, empresas y equipos, algunos de los cuales simplemente no tienen tiempo ni (principalmente) la experiencia necesaria para auto-alojarse. Pero tampoco cuentan con el presupuesto para una opción de alojamiento de pago que permita plugins personalizados (el costo más bajo que he encontrado es de 40 USD/mes, y eso solo soporta “plugins conocidos”).

Por ejemplo, para una organización sin fines de lucro (o simplemente una pequeña empresa) que utiliza alojamiento web compartido para su sitio web a un costo de unos 10 USD/mes y que cubre todas sus necesidades, es difícil aceptar pagar cuatro veces más por una solución comunitaria que satisface mejor sus necesidades que Facebook u otra opción gratuita. Por eso no es de extrañar que muchos terminen eligiendo Facebook, no porque sea mejor, sino porque es gratis y fácil.

Mientras tanto, Flarum puede instalarse simplemente en su alojamiento LAMP compartido existente, sin costo adicional, y probablemente funcione perfectamente. No estoy diciendo que no haya diferencia entre ambos más allá de la pila tecnológica y que, por lo tanto, Flarum sea mejor por ser más fácil. Solo digo que, desde la perspectiva de muchos usuarios potenciales o dueños de comunidades, puede ser difícil justificar Discourse debido a sus mayores requisitos de recursos y a sus necesidades de alojamiento más complejas o poco comunes (en comparación con LAMP).

Hay que ver todo esto desde el punto de vista de la amplia gama de usuarios potenciales de Discourse, no solo de quienes usan este foro ni de aquellos clientes dispuestos o capaces de pagar por el alojamiento de Discourse a 100-300 USD/mes o más. Una parte importante de lo que trato de concienciar aquí en Meta es que Discourse limita su audiencia y dificulta que ciertos tipos de comunidades lo utilicen. Algunos califican para descuentos para organizaciones sin fines de lucro a través de Discourse org, pero eso sigue siendo un mínimo de 50 USD/mes (a menos que sean organizaciones educativas). Muchos son simplemente pequeñas empresas, a menudo startups, o comunidades semiinformales interesantes que buscan una excelente plataforma para mejorar sus discusiones, y para ellos los costos a menudo parecen elevados, ya sea en modalidad auto-alojada o de otro tipo.

Tampoco estoy diciendo que los precios de Discourse sean irrazonables. Solo digo que la respuesta “Bueno, si quieres acceso a plugins, simplemente auto-aloja” ignora en gran medida la realidad que experimenta una amplia franja de usuarios potenciales.

4 Me gusta

He usado Flarum durante algunos años y siempre he evitado Discourse dado que no era una configuración tan simple, sin embargo, estoy ejecutando Discourse en una instancia Oracle de nivel gratuito arm64 a través de Docker, y es sorprendentemente muy receptivo.

Dicho esto, Discourse y Flarum son software de foros, pero en mi opinión personal, Discourse parece ser más un software comunitario, mientras que Flarum es un centro de recursos. Es decir, puedo crear un sitio estilo red social con Discourse y con Flarum puedo tener un centro de ayuda (sistema de documentación o soporte).

Mi única diferencia entre Discourse y Flarum actualmente es el menú de la barra lateral de Flarum que permite cargar publicaciones/temas de la página anterior sin navegar directamente hacia atrás. Proporcionó una facilidad para saltar a temas relacionados u otros. Sin embargo, en una comunidad grande, no estoy seguro de si es una ventaja.

En conclusión, respeto el trabajo que ha hecho Flarum y continuaré siguiéndolo, pero estoy muy satisfecho con la plataforma Discourse, ayudará a la pequeña comunidad tecnológica de mi país a conectarse y colaborar.

Gracias Equipo de Discourse.

5 Me gusta

Instalé Flarum y lo probé, es agradable a la vista, pero muchos de sus complementos entran en conflicto entre sí, necesita más desarrollo, queda un largo camino por recorrer, elegí Discourse, que es estable sin problemas, así que en mi opinión, Flarum = Android, Discourse = Apple iPhone.

4 Me gusta

Discourse es mucho mejor que Flarum, puedes contratar a un experto y obtener Discourse según tus expectativas, mira foros como Blizzard Forums

Creo que esta es la mejor característica de Flarum. Para una pequeña comunidad de usuarios que desean revisar todos los temas, la barra lateral de temas de Flarum se puede fijar para que los temas estén a la izquierda y las publicaciones a la derecha. Cambiar de tema no requiere cargar la página para volver a la página de temas y luego volver a bajar al siguiente tema. Es muy eficiente. Creo que sería un componente de tema valioso.

3 Me gusta

Estoy totalmente de acuerdo contigo en la barra lateral. Es una de las mejores características principales de Flarum.

1 me gusta