Manual de usuario

María Fernanda Valencia Lara

CC: 1014188829

SENA (Servicio Nacional de Aprendizaje)

Seccional Mosquera

Producción Multimedia

Bogotá

2021
 INTRODUCCIÓN
Para lograr acercarse de manera eficaz a los clientes, es necesario tener claro
no solo el producto o servicio que se va a ofrecer sino también el proceso por el cual
el cliente los va a conocer y adquirir.

Para ello es importante tener claras las estrategias que van a ser utilizadas
para que se logre dicho propósito pero a su vez es igual de importante, conocer de
primera mano y paso a paso el acercamiento que van a tener nuestros clientes con
las plataformas y medios que ponemos a su disposición.

a continuación presentamos entonces el manual de Usuario, explicado paso a

paso mediante el cual se muestra paso a paso el proceso de agendamiento de citas
por medio de la página web y una explicación breve pero concreta para también
realizar el agendamiento a través de la fan page de facebook
 CONOCIENDO LA PÁGINA WEB:
Por el momento y de manera temporal la pagina web se encuentra alojada en
el siguiente enlace: https://dbf9yxyeo91q15zlw85mbw-on.drv.tw/Bell/ ya que lo único
que falta es enlazar la página a la plataforma de pagos para que quede
completamente funcional, por el momento nuestro cliente no nos ha facilitado dicha
información.

al ingresar al enlace la pantalla inicial se verá de la siguiente manera:

La página es One page manteniéndola amigable para los usuarios actuales

que son adultos mayores, pero también es atractiva para futuros clientes por su
elegancia pero también porque es sencilla de manejar.

muchas de las secciones de la página se han creado de manera informativa,

esto con el fin de no complicar la navegación para nuestros clientes o quizás al
hacer click sobre las zonas se abran otras ventanas que puedan confundirlos.

cada sección se encuentra separada y visible de manera sutil con un juego de

colores entre blanco y gris muy claro, es decir que todas las secciones se delimitan
por los contrastes de colores pero no generan impacto o ruido visual.
 BARRA DE NAVEGACIÓN:

La barra de navegación posee un formato horizontal y se ubica en la parte

inferior del banner o encabezado de la página que es la sección principal de la
misma, se encuentra hipervinculado para que al pinchar cada una de las opciones
se dirija de manera automática a la sección correspondiente a la elegida.

esta barra de navegación es de uso sencillo y se desplaza a medida que se

avanza en la página hasta quedar completamente anclada y fija en la parte superior
de la pantalla mientras se navega por lo cual permite al usuario regresar al inicio o ir
navegando entre secciones sin tener que desplazar el Scroll de la pantalla

en la navegación se verá así:

 SECCIÓN SERVICIOS:

la sección servicios, es solo a manera informativa para que los clientes

actuales y los clientes futuros conozcan un poco más del consultorio sin llenarlos de
texto innecesario o incómodo, sino que es una sección de fácil lectura y entretenida
por los iconos presentados:
 SECCIÓN: NO LO DUDES MÁS:

en la sección llamada “no lo dudes más” hay dos botones que son llamados a
la acción al darle click los redirigirá a la sección acorde a la opción elegida

Es decir que si dan click en el botón: agenda tu cita los remitirá a la parte
superior de la pagina donde si está programado todo este proceso y que lo
explicaremos con maor detalle más adelante:

si dan click en el botón: contacto los remitirá a la parte inferior de la página

donde se encuentra el formulario para que lo puedan llenar y enviar.
 SECCIÓN: TRATAMIENTOS

En la propuesta inicial de la plataforma se había planteado la posibilidad de

habilitar la opción de tratamiento en cada uno de ellos para que así cada usuario
pudiera recibir el tratamiento que quisiera, sin embargo, el cliente nos informa que
esto podría llegar a ser perjudicial debido a que cada enfermedad es diferente por lo
tanto las recomendaciones médicas y tratamientos deben ser acorde, no todos los
tratamientos serán eficaces o por el contrario podría perjudicar más al paciente, así
que se decidió que la sección de tratamientos sea también informativa, al desplazar
el cursor por cada una de las imágenes se resalta un texto breve pero llamativo
acerca del tratamiento como se muestra en el ejemplo:

el recuadro oscuro corresponde a donde apunta el cursor en cada imagen de

cada uno de los tratamientos.
 SECCIÓN: PUBLICACIONES

esta es una de las secciones más llamativas ya que interactúa con el usuario
más activamente, corresponde a un recuadro con 4 imágenes que corresponden a 4
listas de reproducción en el canal de youtube que el cliente maneja:

Al pasar el cursor por encima de cada una de las imágenes se resaltará en un

recuadro negro la lista de reproduccion como se muestra en el ejemplo:

Debajo de la opción ver se encuentra un hipervínculo o enlace resaltado en

color azul, ampliamos un poco el pantallazo para que pueda ser observado mejor:
 al dar click en la opción: Lista de reproducción, se abrirá de manera
automática, una ventana nueva con el canal de youtube de nuestro cliente y la lista
de reproducción acorde a la escogida como en el pantallazo de ejemplo:
 SECCIÓN: CONTACTANOS

La sección de contacto corresponde a un formulario que los usuarios deben

llenar completamente, el formulario ha buscado mantenerse sencillo, con pocas
casillas que rellenar para evitar incomodidades a los clientes que quieran
contactarse:

cada casilla cuenta con un texto que indica cual dato debe ser ingresado, se
amplía el pantallazo para que pueda ser visualizado mejor:
 Adicionalmente en la parte derecha de esta sección se encuentra toda la
información de contacto por si el cliente la solicita o desea sin necesidad de llenar el
formulario completamente, ampliamos el pantallazo para que pueda visualizarse
mejor:
 CÓMO AGENDAR UNA CITA:

El banner principal y la sección de encabezado de la página es en realidad la

sección principal de la misma y recién al ingresar se verá de la siguiente manera:

Al pasar el cursor por las opciones elegidas por el usuario cambiara de manera
automatica de color y quedara resaltado como se muestra a continuacion:

en este ejemplo el usuario ha decidido interactuar con el botón: agenda tu cita.

al dar click al botón, se habilitará una ventana emergente dentro de la misma

página que se verá de la siguiente manera:
 esta sección contará con dos opciones de agendamiento, uno presencial y el
otro telefónico, una “X” en la parte superior derecha para que el usuario cierre la
ventana en el momento que desee, esto cancelará de manera inmediata el proceso
y no se finalizara de manera correcta.

cuenta adicionalmente con un listado en la parte central donde informa el paso

a paso para continuar con el proceso hasta finalizarlo.

ya sea que el cliente escoja la opción de cita presencial o cita telefónica el

proceso es exactamente igual para los dos servicios y el paso a paso funciona de
manera correcta e igualitaria para ambos.

al dar click en cualquiera de las dos opciones se habilita la siguiente pantalla y

mantendrá al usuario dentro de la página principal de akash sin redirigirlo a otras
opciones por el momento:
 El cliente debe seleccionar la fecha y hora de la cita y dar click en el botón de
agendar, si pulsa cerrar cancelará todas las pantallas y remitirá al cliente a la página
de inicio de AKASH.

al dar click en el botón de agendar se habilitará como lo ha venido haciendo la

plataforma de pagos en una ventana emergente pero igualmente dentro de la
página que se verá así con dos opciones de botón comprar o comprar con PAYPAL:
 para la opción COMPRAR lo redirigirá a la pasarela de pagos de MERCADO
PAGO
para la opción COMPRE AHORA CON PAYPAL: lo redirigirá a la pasarela de
pagos de PAYPAL

no disponemos de pantallazos de estas pasarelas de pagos, sin embargo el

proceso también irá paso a paso hasta que salta una ventana de confirmación del
proceso, se estableció que ya sea por agendamiento presencial o telefónico uno de
los médicos tratantes se comunicará en el transcurso de máximo una hora con el
paciente y según los datos que haya ingresado en la plataforma ya sea para
confirmar el agendamiento de la cita o para realizar la consulta telefónica según lo
que corresponda a la opción escogida por el usuario.

AGENDAMIENTO POR LA FANPAGE DE FACEBOOK:

la página principal de la fan page se verá de la siguiente manera al momento

de ingresar:

en esta misma pantalla en la sección central se evidencia el botón de reservar:

 al dar click en la opción de reservar se abrirá una ventana emergente dentro
de la misma fan page de la siguiente manera:

se debe escoger la fecha y hora de la cita las cuales se verán seleccionadas

en azul como lo muestra la imagen anterior.

cuando ya se haya escogido fecha y hora registrara una ventana emergente

como se ve a continuación:
 al momento de dar click en solicitar cita, se cierra la ventana, le llegara una
notificación a los administradores del sitio quienes enviaran un mensaje de
confirmación al usuario de la siguiente manera: