MANUAL DEL USUARIO PARA EL BUEN

USO DEL SITIO WEB INSTITUCIONAL DE

LA E.S.E. HOSPITAL NIÑO JESÚS DE

BARRANQUILLA

www.eseninojesusbarranquilla.gov.co

¡Por una esperanza de vida!

TABLA DE CONTENIDOS

GLOSARIO DE DEFINICIONES ______________________________________ 2

I. ACERCA DE ESTE MANUAL _____________________________________ 4

II. ACCESO AL SITIO WEB ________________________________________ 5

III. USO DEL SITIO WEB _________________________________________ 6

GLOSARIO DE DEFINICIONES

B.

Barra de direcciones. Será en la que insertemos la URL de la página que queramos

visitar. En ella iremos viendo en qué URL de la navegación estamos

constantemente.

Buscador. Un buscador es un sistema que facilita la búsqueda de términos y

conceptos relevantes al usuario con sólo ingresar una palabra clave.

E.

Enlace. Un enlace o link, es el texto o imágenes en un sitio web, con el que un

usuario puede interactuar para tener acceso o conectar con otro documento, por

ejemplo, una página web a otro recurso, o a una posición determinada en una

página web.

Enlace roto. Un enlace roto es un término utilizado para denominar a una URL que

no puede ser consultada en Internet; cuyo contenido ya no está almacenado en los

servidores u otros recursos de manera permanentemente.

Error 404. El error 404 es un código de estado HTTP enviado desde el servidor web

al navegador, es decir, al cliente que hizo la petición HTTP. Es así como el

navegador muestra el código como una página de error. El enlace que conduce a

esta página se denomina "dead link" (enlace muerto) o "broken link" (enlace roto).

Experiencia de usuario. La experiencia de usuario es el conjunto de factores y

elementos relativos a la interacción del usuario, con un entorno o dispositivo

concretos, cuyo resultado es la generación de una percepción positiva o negativa

de dicho servicio, producto o dispositivo.

M.

Menú. El menú de una página web es la principal herramienta de navegación que

le podemos facilitar al visitante para que encuentre lo que busca. Es imprescindible

para que las personas encuentren las demás páginas de la web, además del índice.

Menú desplegable. Elemento de la interfaz gráfica de usuario (GUI) que permite a

un usuario seleccionar de una lista desplegable una opción del menú. Se distingue

de una simple lista en el hecho de que el usuario debe presionar sobre el menú.

N.

Navegador web o explorador. Un navegador web o explorador (en inglés, web

browser) es un software, aplicación o programa que permite el acceso a la Web,

interpretando la información de distintos tipos de archivos y sitios web para que

estos puedan ser visualizados.

P.

Página de inicio. La página de inicio o portada (en francés: Page d'accueil ; en

inglés: Home page) es el URL o archivo local que carga cuando se inicia un

navegador web, aunque este término o similares pueden referirse a la página

principal, de un sitio web, desde la cual se puede acceder a sus demás páginas.

Pestaña. Los últimos navegadores proporcionan la navegación en pestañas. Esto

permite tener abiertos varios sitios web en una misma ventana. Pulsando entre las

diferentes pestañas cambiamos de sitio de forma sencilla. Suelen venir con un botón

de + para añadir nuevas pestañas.

S.

Sitio web. Un sitio web o cibersitio es una colección de páginas web relacionadas y

comunes a un dominio de internet o subdominio en la World Wide Web dentro de

Internet.

U.

URL. Un Localizador Uniforme de Recursos (LUR, más conocido por la sigla URL,

del inglés Uniform Resource Locator) es un identificador de recursos uniforme

(Uniform Resource Identifier, URI) cuyos recursos referidos pueden cambiar, esto

es, la dirección puede apuntar a recursos variables en el tiempo.

Usuario. Un Usuario es aquella persona que usa algo para una función en

específico, es necesario que el usuario tenga la conciencia de que lo que está

haciendo tiene un fin lógico y conciso, sin embargo, el termino es genérico y se

limita en primera estancia a describir la acción de una persona que usa algo.

I. ACERCA DE ESTE MANUAL

En este manual se explica en detalle el paso a paso, por medio de ilustraciones, del

Uso del sitio web de la institución E.S.E. Hospital Niño Jesús de Barranquilla,

además de todas las opciones de navegación como menús, herramientas de

búsqueda y demás información de interés, que se encuentran disponibles para el

usuario. Con el fin de que la experiencia de usuario sea agradable y logre satisfacer

completamente las expectativas y necesidades de información.

II. ACCESO AL SITIO WEB

La Empresa Social del Estado Hospital Niño Jesús de Barranquilla, tiene como

principal objetivo la prestación de los servicios en salud de mediana y alta

complejidad de la población más pobre y vulnerable del departamento del Atlántico,

y su mayor fortaleza la constituye el área de materno-infantil.

Para acceder al sitio web de la ESEH Niño Jesús, usted deberá seguir los

siguientes pasos:

1. Abra el navegador web predeterminado en su dispositivo, ya sea computador

de escritorio, portátil, tableta o teléfono móvil, como, por ejemplo, Microsoft

Internet Explorer, Mozilla Firefox, Google Chrome, Apple Safari o cualquier

otro explorador web de su preferencia.

Ilustración 1. Navegadores o exploradores web

2. Cuando el navegador esté abierto, copie y pegue en una pestaña nueva la

siguiente URL en la barra de direcciones:

http://www.eseninojesusbarranquilla.gov.co

Ilustración 2. Barra de direcciones del navegador web

Una vez escrita la dirección anterior, deberá oprimir la tecla “Enter” de su

teclado. Esta acción lo dirigirá a la Página de inicio del sitio web institucional

de la E.S.E. Hospital Niño Jesús de Barranquilla.

III. USO DEL SITIO WEB

El sitio web de la E.S.E. Hospital Niño Jesús de Barranquilla está diseñado para

que sus usuarios y las personas en general, puedan tener acceso a la información

de la empresa y los servicios que ofrece, así como también el acceso a la

documentación pública, y demás información de interés como convocatorias,

noticias y eventos que realiza la entidad.

A continuación, se describen las partes que componen este sitio web y la forma de

cómo interactuar con cada una de ellas.

1. Encabezado

En el encabezado se encuentra la información más importante para el usuario, aquí

se puede acceder a los datos de contacto, como el teléfono del Call center para

solicitar una cita médica, conocer el horario de atención y la ubicación del Hospital.

También se puede interactuar con las páginas de las redes sociales y realizar una

búsqueda interna en el sitio web, desde el cajón de búsqueda. Además, en el

encabezado se visualizan el logo de la entidad y el slogan, y se encuentran enlaces

de acceso rápido, como Solicitar una cita en línea, responder a Preguntas

Frecuentes y localizar cualquier otra página en el Mapa del sitio.

Dentro del encabezado también se encuentra el menú principal, compuesto de un

enlace a la página de inicio y siete (7) menús desplegables, que contienen los

enlaces únicos de cada página en el sitio web. Este menú se repite en todas las

páginas.

Ilustración 3. Encabezado del sitio web

Datos de contacto

Redes Sociales

Menú principal

Cajón de Búsqueda

Enlaces de acceso rápido

Logo y Slogan

2. Menú principal

El menú principal está compuesto por todos los enlaces que componen el sitio web:

Inicio. Es la página principal del sitio web.

La Entidad. Este menú es desplegable y contiene enlaces a las páginas de Quiénes

Somos, Marco Estratégico, Políticas Institucionales, Sistema de Gestión de la

Calidad, Portafolio de Servicios, Organigrama y Junta Directiva.

Servicios. Este menú es desplegable y consta de los enlaces a los servicios de

Consulta Externa, Hospitalización, Cirugía y Urgencias.

Transparencia. Este menú despliega los enlaces de Control interno, Estados

Financieros, Plan Anual de Adquisiciones, Rendición de Cuentas y Presupuesto.

Atención al Usuario. Este menú es desplegable y contiene los enlaces a las

páginas de Servicio de Información y Atención al Usuario (SIAU), Deberes y

Derechos de los Usuarios y Preguntas Frecuentes.

Trámites en línea. Este menú despliega las opciones para Solicitar una Cita en

Línea, Formulario para presentar una PQRS, Encuesta de Satisfacción del Usuario,

así como acceso a enlaces de interés.

Novedades. Este menú desplegable consta de los enlaces a Convocatorias,

Noticias y Eventos de la entidad.

Contacto. Este menú es desplegable y contiene los enlaces a las páginas de

Directorio telefónico, Formulario de Contacto e indicaciones de Cómo Llegar a la

E.S.E. Hospital Niño Jesús de Barranquilla.

Ilustración 4. Menú principal

3. Acceso rápido a Servicios en la Página de Inicio

En la Página de inicio, se cuenta con un acceso directo a los principales servicios

que brinda la E.S.E. Hospital Niño Jesús de Barranquilla, para conocer más sobre

cada uno de ellos, el usuario debe presionar el botón de color amarillo que dice

“Saber más”.

Tal como se muestra en la siguiente ilustración:

Ilustración 5. Acceso rápido a Servicios en la Página de Inicio

4. Botones de acceso rápido a información relevante para el usuario

Estos botones son de color azul y contienen enlaces a páginas internas que son de

interés para el usuario. Como son: Presentar una petición, queja o reclamo,

Transparencia y Acceso a la información pública, Deberes y derechos de los

usuarios, Preguntas Frecuentes. Se encuentran ubicados en la parte derecha de la

página de inicio del sitio web.

Ilustración 6. Botones de acceso rápido

5. Últimas Novedades en la página de inicio

En la página de inicio se encuentra un “Slider” con imágenes de las últimas

novedades, estas son convocatorias, noticias y eventos, de la E.S.E. Hospital Niño

Jesús de Barranquilla.

El Slider contiene dos controles en forma de flechas para pasar la imagen, hacia la

derecha para avanzar o hacia la izquierda para retroceder.

Presione este botón para ir a la

página de Hospitalización

Para ver cada entrada el usuario deberá darle clic al Título de la entrada, que se

encuentra ubicado en la parte inferior o en la misma imagen. Mientras que, para ver

todas las entradas, se deberá presionar el botón de color amarillo que dice “Ver

todas las entradas”.

Ilustración 7. Slider de Últimas Novedades del Hospital

6. Menú Transparencia y Acceso a la información Pública

Este menú contiene enlaces de Transparencia y del derecho de acceso a la

información pública, comprendidos en la Ley 1712 del 6 de marzo de 2014. Se ubica

en el menú principal del sitio web.

Ilustración 8 - Menú Transparencia

Presione este botón

para ver todas las

entradas.

Controles del Slider

Título de la entrada

7. Enlaces de interés

Los enlaces de interés son accesos directos a otros sitios web y portales de

consulta, como son: Ministerio de Salud, Gobernación el Atlántico, Alcaldía de

Barranquilla, Superintendencia Nacional de salud (SUPERSALUD), Gobierno en

línea, Colombia compra eficiente, Sistema Electrónico para la Contratación Pública

(SECOP), Departamento de Función Pública, entre otros.

Ilustración 9. Enlaces de interés

8. Pie de página y Copyright

En el pie de página se encuentra la información de contacto del Hospital, tal como

teléfono, correo electrónico, horario de atención y ubicación; además de información

de protección de los derechos de autor o Copyright, en la parte inferior.

El aviso de Copyright le informa al usuario que toda la información contenida en el

sitio web es propiedad intelectual de la E.S.E. Hospital Niño Jesús de Barranquilla.

Ilustración 10. Pie de página y Copyright

9. Navegación interna

a. Menú desplegable

Es el menú principal que contiene otros submenús que dan acceso a otras páginas

que pertenecen al menú. Se puede identificar un menú desplegable si al lado

izquierdo tiene una fecha orientada hacia abajo.

Ilustración 11. Menú desplegable Servicios

b. Menú de página

Cada página contiene un menú de página, el cual permite la navegación rápida entre

enlaces de la misma categoría. Por ejemplo: en la categoría Transparencia el menú

de página está compuesto de los enlaces a las páginas de Control Interno, Estados

financieros, Plan Anual de Adquisiciones, Rendición de Cuentas, Presupuesto

general.

Ilustración 12. Menú de página

c. Menú breadcrumbs (“migas de pan”)

Menú de página

Las páginas contienen un menú Breadcrumbs o “migas de pan” como se puede

observar en la ilustración 14, este menú sirve para orientar al usuario indicándole

cuál es la ruta en la que se encuentra la página que está observando.

Ilustración 13. Menú Breadcrumbs

a. Submenú lateral por pestañas

En algunas páginas el usuario puede encontrar un submenú lateral en el lado

izquierdo de la misma, donde la navegación de la información es por pestañas, es

decir, que muestra el contenido de acuerdo a la pestaña seleccionada, por ejemplo,

en la ilustración, el usuario está observando el contenido de la pestaña Misión que

se muestra como seleccionado en color amarillo, si da clic a Visión, al lado derecho

se mostrará el contenido y este cambiará de color.

Ilustración 14. Submenu lateral por pestañas

b. Tipo acordeón o deslizable

El usuario también puede encontrar un submenú tipo acordeón o deslizable en

algunas páginas, este tipo de menú muestra el contenido en la parte inferior del

enlace seleccionado, deslizándose hacia abajo. Como es el caso de la página de

Preguntas Frecuentes.

Ilustración 15. Menú Tipo acordeón o deslizable

c. Enlaces y botones

En las diferentes páginas del sitio web se pueden encontrar botones y enlaces que

redireccionan a otras páginas del sitio web.

Los enlaces son de color azul, como se muestra en la siguiente ilustración.

Ilustración 16. Enlaces

También se pueden encontrar botones que redirigen a otras páginas dentro del sitio,

los botones son de color azul o amarillo como se puede ver en las siguientes

ilustraciones

Ilustración 17. Botón Amarillo

Ilustración 18. Botón Azul

10. Navegación Móvil

Si los usuarios acceden al sitio web mediante un dispositivo móvil, el aspecto visual

del sitio web se adaptará al dispositivo, por tener un Diseño Responsive.

Como se puede ver en la ilustración, el menú principal ha desaparecido y en su

lugar se observa un botón con un ícono con tres líneas verticales. Si el usuario

presiona el botón, se desplegará el menú principal.

Ilustración 19. Botón para abrir el Menú en dispositivos Móviles.

Ilustración 20. Menú en la navegación Móvil

11. Formularios

a. Formulario de contacto

Una forma de ponerse comunicarse con la ESE a través del sitio web, es mediante

el uso del formulario contacto. Al que se puede acceder a través del menú principal

Contacto > Formulario de Contacto.

Ilustración 21. Formulario de Contacto

b. Formulario de PQRS

Si quiere presentar una petición, queja, reclamo o sugerencia a la ESE puede usar

el formulario PQRS que se encuentra en el menú principal Trámites en Línea >

Formulario para presentar una PQRS.

Ilustración 22. Formulario para presentar PQRS

Regresar a la página de inicio

Ilustración 24. Página de error 404

c. Formulario de Citas Online

A través del sitio web puede solicitar una cita, para lo cual debe usar el formulario

de cintas online que se encuentra en el menú principal Trámites en Línea >

Formulario de Solicitud de Citas en Línea.

Ilustración 23. Formulario para solicitar citas en línea.

12. Página de Error 404

Esta página se muestra cuando el usuario ingresa a un enlace que ha dejado de

funcionar, “enlace roto”, o que no existe.

Un enlace deja de funcionar cuando el documento ha cambiado el título o la URL.

En la página de Error 404 hay un botón que le indica al usuario su Regreso a la

página de inicio. Tal como se muestra en la siguiente ilustración: