He estado usando una instancia de Discourse para gestionar proyectos de clientes durante algún tiempo y decidí enriquecerla con más contenido público, compartir estudios de caso y recursos. Esto todavía está en progreso (solo está diseñado para escritorio, la mayoría de los temas tienen contenido mínimo) pero siento que lo he mirado durante demasiado tiempo para poder juzgarlo correctamente.
Me encantaría recibir algunos comentarios:
En general: ¿Es intuitivo? ¿Tiene sentido lo que comparto? ¿Crees que debería compartir algo más o destacar diferentes aspectos?
edición: reescribí este componente para resolver los problemas mencionados en el lado técnico: Un componente de diseño central que utilizo es un flujo modificado de barra lateral/encabezado. El objetivo es mostrar solo una barra de navegación principal a la vez, ya sea el encabezado o la barra lateral. El componente simple está en Manuel Kostka / Discourse / Helpers / Sidebar Flow · GitLab y opté por dos enfoques para construir el flujo:
volver a declarar el encabezado encima de la barra lateral como transparente y asignar una cuadrícula para alinear el interruptor de la barra lateral y el logotipo con el ancho de la barra lateral
usar un truco de estilo para extender el fondo de la barra lateral (declarar una sombra paralela de página completa y luego limitarla con una ruta de clip)
Opté por este enfoque porque hasta ahora obtuve la animación más agradable manteniendo las animaciones de deslizamiento predeterminadas. Así que es solo la barra lateral deslizándose, su fondo extendido a la izquierda y al encabezado, y el encabezado transparente se asienta sobre ella.
Las desventajas que veo es que volver a declarar el encabezado como una cuadrícula no funciona bien con otros componentes que se renderizan en el encabezado. Y aún no he encontrado una manera de hacer que el truco de la ruta de clip funcione en Safari. ¡Así que tendría curiosidad si algunos de los magos de CSS aquí tienen mejores ideas!
¿Quizás cambiarle el nombre a “inicio de sesión del cliente”? Y también consideraría moverlo a la cabecera. Actualmente está en el espacio más prominente de su sitio, casi como la llamada a la acción principal.
Abrir el menú hace que toda la página salte, eliminando los dos elementos superiores. ¿Esto parece un poco poco intuitivo?
Abrir el menú en “acerca de” y “temas” en realidad elimina todo el contenido:
Yo también tenía esta expectativa, aunque tenía sentido que fuera para el acceso del cliente tan pronto como hice clic en él.
Los otros comentarios de Bas también están bien, pero en términos generales me gusta este diseño y podría imaginar que conjuntos particulares de usuarios y casos de uso lo encontrarían muy acogedor.
Sí, es de hecho la llamada a la acción principal, ya que la plataforma era completamente para que los clientes iniciaran sesión para la gestión de proyectos. Es posible que necesite reconsiderar la idea de agregarle una vitrina pública. O al menos cómo organizar los dos aspectos.
Solo está destinado a incluir proyectos que implementé. Supongo que estaría claro si los enlazo a algún tema de estudio de caso para cada uno.
Ambos se deben al truco de CSS con clip-path que mencioné y que aún no funciona en Safari.
En general, probablemente todavía sea demasiado experimental para usar. Quizás debería intentar trabajar el flujo de la barra lateral en un tema dedicado primero. Después de todo, ese es el principal desafío de implementación que quiero resolver aquí: construir un diseño de pantalla completa que no fije la barra lateral al borde izquierdo de la ventana, sino que tenga un flujo más fluido.
