Navegación y estructura de pantalla

Estructura institucional de pantalla, patrones de navegación requeridos y pantallas obligatorias en todo sistema.

Estructura general de una pantalla

Todos los sistemas deben seguir la estructura de pantalla institucional estándar compuesta por:

Barra de navegación superior (Navbar): menú de secciones · avatar/perfil de usuario · notificaciones.
Menú lateral o de secciones (Sidebar): logo institucional · nombre del sistema · navegación principal del sistema · estado de ítem activo claramente marcado · colapso en móvil.
Área de contenido principal: título de la vista · breadcrumb de ubicación · contenido dinámico.
Pie de página (Footer): información institucional · links de soporte · versión del sistema.

Breadcrumb: obligatorio en cualquier vista que esté a más de 2 niveles de profundidad del inicio.
Volver atrás: siempre proveer una forma de regresar al paso anterior sin perder datos.
Estado activo: el ítem de menú correspondiente a la vista actual siempre debe estar visualmente marcado.
Búsqueda global: los sistemas con más de 100 registros deben proveer búsqueda accesible desde la navegación.

Pantalla	Descripción y requisitos	Obligatoriedad
Login / Autenticación	SSO institucional como método principal. Opción de recuperar contraseña. Mensaje claro en credenciales incorrectas.	Obligatoria
Pantalla de inicio / Dashboard	Vista de bienvenida con accesos directos según rol. Debe personalizarse con el nombre del usuario.	Obligatoria
Página 404 – No encontrado	Mensaje claro con redirección al inicio. Mismo header/footer que el resto del sistema.	Obligatoria
Página 403 – Sin permisos	Explicar por qué no se puede acceder y a quién contactar.	Obligatoria
Perfil de usuario	Datos del usuario autenticado, cambio de contraseña, preferencias.	Recomendada
Pantalla vacía (Empty state)	Cuando no hay datos, mostrar ilustración + mensaje + acción para comenzar.	Obligatoria