Elementos de Navegación
La navegación del sistema se realiza por medio de pestañas presentadas en forma horizontal que indican el Servicio en el Portal. Es dinámica, lo que significa que cambia de color al ser presionada. Ver ejemplo de Nuevos Empleados.
Figura 5: Pestaña de Navegación al presionar Nuevos Empleados
Una vez seleccionado un Servicio (utilizando las pestañas superiores), las opciones o funcionalidades disponibles al Servicio serán presentadas en un menú al lado izquierdo de la pantalla. Las opciones o funcionalidades que se habilitan en este menú dependen de los niveles de acceso del usuario a la funcionalidad (roles del usuario). Es decir, dependiendo de los permisos de acceso asignados al usuario, se despliegan las opciones correspondientes a este menú. Cada Servicio (pestaña) tiene y controla su propio grupo de opciones o funcionalidades.
Figura 6: Opciones o Funcionalidades Públicas del Portal (Inicio)
3. Título de Funcionalidad
Figura 7: Título de Funcionalidad
Cada pantalla tiene un título que indica al usuario la ubicación y funcionalidad con la que esté trabajando.
4. Novedades
La sección de Noticias se utiliza como medio informativo a los patronos.
Figura 8: de Noticias como otro medio informativo
5. Área de Contenido
El área de contenido se encuentra delimitada en su parte superior por el título de la funcionalidad y a su izquierda por el sub-menú correspondiente
En ella se pueden visualizar los siguientes elementos:
•
Se
manejan las líneas de texto como “text boxes” o recuadros 
utilizados para ingresar data.
• Los campos obligatorios aparecen siempre con un (*) rojo al lado derecho.
•
Puede
avanzar entre los campos usando la tecla [Tab] o posicionando el cursor del
“mouse” en el campo deseado para ingresar la data. 
• En la parte superior e inferior de la pantalla aparecen mensajes propios del sistema, indicando los posibles errores. Este texto aparece en color rojo para fácil identificación en la pantalla
• Toda transacción realizada a través del Portal está conformada por pasos que guiarán de manera intuitiva al usuario hasta terminar la misma.
Figura 9: Sección de Pasos y título
Los pasos se ilustran de manera gráfica en la parte superior del área de contenido y en la parte inferior tipo “bread crumb” se indica el nombre del paso que se está realizando.
6. Atajos
Existen 4 funcionalidades adicionales disponibles que permiten al usuario: establecer contacto con el DTRH, Ingresar un comentario, cambiar de Idioma o recibir ayuda. Se encuentran ubicadas al lado derecho de la barra de navegación.
Figura 10: Otras funcionalidades en la Barra de Navegación
Contacto: Esta opción le permite enviar un correo electrónico al Departamento de Trabajo.
Ayuda: Esta función muestra la ayuda correspondiente a la funcionalidad con la cual se encuentra trabajando el usuario.
Comentarios: Esta funcionalidad permite al usuario comunicarse con el Departamento de Trabajo a través de un mensaje.
English: esta funcionalidad permite al usuario intercambiar entre el idioma inglés y el español durante la navegación. Es importante saber que en caso de presionarse mientras se está ingresando data en un formulario, se presentará un mensaje advirtiendo acerca de la pérdida de los datos al momento de cambiar de idioma.