Informe de progreso
Separación de contextos ES y CDE en navegación, simplificación del menú y sistema visual de color por contexto.
Informe 0002 — Navegación ES/CDE
He terminado una mejora importante en la navegación principal para que el sitio sea más fácil de entender y usar.
Qué he hecho
- He separado la experiencia en dos contextos claros:
- Espacio Sutil (ES)
- Curso de Desarrollo Espiritual (CDE)
- Cuando una persona entra en una página de ES, ve el menú de ES.
- Cuando entra en una página de CDE, ve el menú de CDE.
- El cambio entre contextos sigue siendo posible desde el propio menú.
Cambios visibles
- Se ha simplificado la barra superior para que no esté recargada.
- El enlace de cambio de contexto se ha llevado al menú principal, donde es más natural encontrarlo.
- En móvil la navegación queda más limpia y coherente con la sección en la que está el usuario.
Comportamiento al navegar
- Se mantiene la transición suave entre páginas en los casos normales.
- En páginas sensibles (acceso, cuenta, procesos de membresía) se usa carga normal para mayor estabilidad.
Ajustes de estilo
- El menú de CDE ahora usa su color propio para reforzar visualmente el contexto.
- También se han ajustado los submenús para que el estado activo se vea bien.
Sistema de color por contexto
- He añadido una señal visual clara para ayudar a la ubicación del usuario cuando cambia de contexto.
- En Espacio Sutil (ES), el menú mantiene sus colores originales y también se conservan los colores de fondo por sección.
- En el Curso de Desarrollo Espiritual (CDE), todas las páginas usan un color dominante único (fondo en rojo oscuro con alto porcentaje de negro):
- Items de menú
- fondo del encabezado (constelaciones)
- Este color encaja con los morados de Espacio Sutil y, al mismo tiempo, diferencia claramente el curso.
- De esta forma, la persona sabe de forma intuitiva cuándo está en contexto CDE, sin necesidad de leer ni interpretar más elementos.
Resultado
La navegación ahora es más clara, más consistente y con menos confusión entre ES y CDE, especialmente en móvil.