MANUAL DEL USUARIO PARA EL BUEN USO DEL SITIO WEB ... · En este manual se explica en detalle el...
Transcript of MANUAL DEL USUARIO PARA EL BUEN USO DEL SITIO WEB ... · En este manual se explica en detalle el...
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: