Hola, soy nuevo en Discourse y espero que esta sea una observación útil: el menú hamburguesa nunca cambia a una interfaz de ‘cerrar’, por lo que me he encontrado haciendo clic en él pensando que estaba a punto de revelar más cosas, pero se cierra inesperadamente. Ya estaba abierto. Tengo algunas líneas de CSS que planeo agregar como un tema en la categoría ‘componente de tema’ cuando tenga más acceso. Afortunadamente, la base de código tiene clases adecuadas para que podamos engancharnos a ellas según si la barra lateral se muestra o no.
¡Gracias por esto! También sugeriría que el botón X Cerrar se mueva dentro del propio menú, en la parte superior. (En esa posición, también agregaría el texto “Cerrar menú” al botón, y tal vez usaría una flecha apuntando a la izquierda en lugar de la X).
Creo que la mayoría de la gente usa Discourse con la barra lateral siempre habilitada (me interesaría ver estadísticas en varios foros). Tener una X grande que fomente, por así decirlo, el cierre de una parte del diseño que es básicamente permanente para muchos usuarios me parecería un poco extraño.
Estoy de acuerdo en que tener el icono de hamburguesa a cierre, poco utilizado, ocupando el espacio más valioso en la esquina superior izquierda de la ventana, no es óptimo.
Aquí está lo que Cloudflare tiene en la parte inferior de su barra lateral:
Parece que alguien que supiera un poco más que yo sobre CSS (¿o quizás el DOM?) podría crear un componente temático bastante rápido, pero probablemente lo que se necesita es una PR que arregle la plantilla.
Incluso podría ser el primer elemento en la barra lateral. . .
Así que tal vez colapsar la barra lateral en lugar de eliminarla sea una solución. Entonces, si sabes cuáles son los iconos/colores, puedes usarla sin tenerla expandida.
Prácticamente todos los sitios web ponen el inicio/icono en la esquina superior izquierda, y tener la hamburguesa allí parece incorrecto.
Sé que esto es algo diferente, pero sospecho que el icono de la hamburguesa lateral todavía está en la esquina superior derecha en el móvil porque, en una pantalla táctil pequeña, puedo ver que tocar el logo por error sería algo común si estuviera en la esquina superior izquierda, como en la vista de escritorio. Aunque lo mismo podría decirse de que esté cerca de los iconos de avatar y búsqueda.
Para que conste, prefiero la esquina superior izquierda para los diseños de UX, el equilibrio y la apariencia, y no tengo ningún problema con su funcionalidad de abrir/cerrar.
No he jugado mucho con él antes, pero también tiene una función de ‘expandir al pasar el ratón’ que es bastante agradable.
Creo que tienen un conjunto de iconos más distintivo, lo que facilita descifrarlo cuando está contraído de lo que una primera mirada al de Meta me hace pensar. Sin embargo, si empiezas a añadir cosas como varias etiquetas, sufre la misma ambigüedad que podrían tener nuestras etiquetas:
no a las etiquetas de desplazamiento y nombres de categorías. El desplazamiento tampoco es ideal para interfaces de pantalla táctil. Usar el modo de escritorio con elementos de desplazamiento en un iPad no funciona muy bien.
Me gusta el hover, siempre y cuando el toque en pantalla se comporte igual que con un ratón.
Aquí tienes uno de mis estilos favoritos, en un sitio Ghost CMS muy personalizado que construí para un cliente, donde al pasar el ratón por encima de la barra lateral se abre la pila vertical de enlaces de clic/toque para revelar submenús en cascada… se siente muy fluido y fácil de navegar. Puedes probarlo aquí:
Me pregunto si alguien más piensa que el equipo principal debería abordar esto.
Muchas comunidades importantes usan la interfaz de usuario anterior (sin barra lateral) en Discourse debido a eso.
Encontré que la barra lateral es súper útil para organizar comunidades grandes como la nuestra, pero el comportamiento actual en Discourse es el opuesto.
Parece que las personas no técnicas simplemente no saben cómo usar nuestros foros debido a detalles pequeños pero significativos como este.
Siempre hay margen de mejora
Mientras tanto, estoy probando este Componente de Tema:
Gracias por compartir.
