1. Introducción

La Top Bar (Barra de Navegación Superior) de CUN 360 ha sido diseñada bajo principios de UX/UI minimalista, priorizando la limpieza visual y la usabilidad. Su estructura anclada (sticky) garantiza que las herramientas de control estén siempre al alcance del estudiante, permitiéndole validar la actividad de su sesión de forma inmediata mediante un identificador personal dinámico.

1.1 Propósito

Centralizar las funciones de gestión de cuenta y navegación crítica en un solo punto de interacción. El objetivo es reducir la carga cognitiva del estudiante, ofreciendo una ruta de acceso intuitiva a su información académica y administrativa sin interrumpir su flujo de trabajo principal.

1.2 Alcance

Este documento detalla los componentes visuales y funcionales de la barra superior, específicamente:

• Identificación de marca y usuario.

• Interacción con el menú desplegable de perfil.

• Rutas de acceso a módulos internos (Carnet, Encuestas, etc.).

Gemini ha dicho

¡Hola! Entiendo perfectamente lo que buscas. Quieres elevar el tono del documento para que pase de ser una descripción simple a una guía técnica y de usuario profesional, manteniendo la claridad pero con un lenguaje más estructurado y moderno.

Aquí tienes una propuesta mejorada, organizada y lista para tu manual de CUN 360:

1. Introducción

La Top Bar (Barra de Navegación Superior) de CUN 360 ha sido diseñada bajo principios de UX/UI minimalista, priorizando la limpieza visual y la usabilidad. Su estructura anclada (sticky) garantiza que las herramientas de control estén siempre al alcance del estudiante, permitiéndole validar la actividad de su sesión de forma inmediata mediante un identificador personal dinámico.

1.1 Propósito

Centralizar las funciones de gestión de cuenta y navegación crítica en un solo punto de interacción. El objetivo es reducir la carga cognitiva del estudiante, ofreciendo una ruta de acceso intuitiva a su información académica y administrativa sin interrumpir su flujo de trabajo principal.

1.2 Alcance

Este documento detalla los componentes visuales y funcionales de la barra superior, específicamente:

• Identificación de marca y usuario.

• Interacción con el menú desplegable de perfil.

• Rutas de acceso a módulos internos (Carnet, Encuestas, etc.).

Nota: No se contemplan procesos de backend, bases de datos o configuraciones administrativas de nivel de sistema.

2. Navegación y Funcionalidad de la Top Bar

Una vez autenticado, el estudiante visualizará la barra de inicio en la parte superior de la pantalla. Su arquitectura se divide en dos nodos principales:

1. Costado Izquierdo: Logo institucional de CUN 360, que actúa como botón de retorno al "Home" o tablero principal.

2. Costado Derecho: Avatar de Sesión. Un indicador circular que muestra la inicial del nombre del usuario, confirmando que la sesión está correctamente vinculada.

2.1 Menú de Gestión de Usuario

Al interactuar (hacer clic) sobre el avatar de la inicial, se desplegará una ventana emergente (pop-over) con las siguientes opciones estratégicas:

• Perfil

• Carnet

• Mis encuestas

• Cambiar programa

• Cerrar sesion
  

3. Conclusiones

• Eficiencia Operativa: La disposición de los elementos permite que el estudiante realice acciones administrativas en menos de tres clics.

• Consistencia Visual: El uso de iniciales en lugar de fotos de perfil (por defecto) mantiene la uniformidad estética y la velocidad de carga del sitio.

• Navegación Intuitiva: Al mantener la barra fija, se elimina la necesidad de desplazarse hacia arriba para cambiar de sección o cerrar sesión, mejorando la experiencia de usuario (UX) global.