MANUAL DE USUARIO PAGINA WEB ÓPTICA CENTRO MEDICO LERMA

Tamaño: px

Comenzar la demostración a partir de la página:

Download "MANUAL DE USUARIO PAGINA WEB ÓPTICA CENTRO MEDICO LERMA"

Lucas Coronel Juárez
hace 7 años
Vistas:

1 MANUAL DE USUARIO PAGINA WEB ÓPTICA CENTRO MEDICO LERMA NOMBRE DEL DOMINIO Wwww.opticacentromedicolerma.com 1

2 Contenido INTRODUCCIÓN... 3 DESCRIPCIÓN GENERAL... 3 NOMBRE DEL DOMINIO WEB... 3 DESCRIPCION DE CADA UNA DE LAS INTERFACES... 3 INICIO... 3 a) Menú:... 4 b) Banner:... 4 EMPRESA... 5 a) Historia:... 5 b) Misión, Visión Y Valores:... 6 c) A que nos dedicamos?:... 6 GALERIA... 7 SERVICIOS... 8 a) Productos y Descuentos:... 9 CONTACTO a) Google Maps: PIE DE PÁGINA a) Botón inglés: PERFILES SOCIALES EN INTERNET

3 INTRODUCCIÓN El propósito de este manual es que el usuario lleve un mejor control, manejo y navegación dentro de nuestra página web, mencionando las partes más importantes de la página y describiendo cada una de ellas, con el único fin de que el usuario entienda porque y para que fue creada esa respectiva sección. NOMBRE DEL DOMINIO WEB wwww.opticacentromedicolerma.com DESCRIPCIÓN GENERAL INICIO DESCRIPCION DE CADA UNA DE LAS INTERFACES La pantalla de inicio es la parte de bienvenida a la página web, esta consta de 2 principales elementos: Menú superior que contiene todos los botones con los que nos permitirán movernos a través de toda la página web como tal, y finalmente el banner con distintas imágenes que representan la empresa. 3

4 a) Menú: El menu es quel que nos permitira navegar a través de toda la pagina web, principalmente consta de un boton principal con el nombre de la empresa Optica Centro Medico Lerma, el cual siempre nos llevara ala pagina de inicio al momento de dar clic, sea la seccion en la que estemos. El menú consta de seis botones principales: INICIO, Empresa, Galeria, Servicios, Contacto y Sistema (Ver manual de usuario del sistema). El menu tiene un diseño de colores adecuado al logotipo de la empresa y tieene diversos efectos que al momento de pasar el cursos por encima de el nos permite cambiar de color a todos los botones. b) Banner: El banner esta conformado por 3 imágenes diferentes que representan a la empresa, cada una de las imágenes tiene una leyenda que nos ayuda a tratar de entender un poco mas la empresa y de lo que se trata el siio web. El banner consta de efectos que hacen que la imagen cambie aproximadamente cada 3 o 4 segundos lo que le da una mejor presentación a la pagina y que se vea profesional. A si mismo cuenta con 2 botones uno en cada extremo que nos permitira cambiar de imagen cada que nosotros queramos y que nos es d gran utilidad si no queremos esperar el tiempo para que la imagen cambie por si sola. 4

5 EMPRESA La seccion de empresa esta principalmente diseñana para que nosotros podamos leer toda la información relacionada a la empresa Optica Centro Medico Lerma, con el unico fin de que el usuario conosca un poco mas a fondo la empresa sabiendo a lo que se dedica, su historia y su respectiva mision, vision, valores y el Lema oficial. Esta seccion cuanta con tres secciones de informacion: Historia, Mision y Vision y A que se dedica. a) Historia: Esta sección fue creada con el fin de que el usuario pueda conocer más a fondo la historia de la empresa, como fue fundada, en que año y quienes son los encargados en estos momentos de dicha empresa, únicamente dando a conocer los puntos más importantes de la misma. 5

6 b) Misión, Visión Y Valores: La sección de Misión, Visión y Valores está diseñada para que el usuario conozca la misión y visón de la empresa, así mismo los valores con los que se rige la empresa y el lema principal de la empresa. Cada uno de los apartados cuanta con un diseño que nos permitirá cambiar de color a los iconos cada que nosotros pasemos el cursos por la parte de la imagen. c) A que nos dedicamos?: Esta sección indica al usuario todo lo que la empresa como óptica se dedica a hacer, dando referencia a los productos que vende y los servicios de calidad que el establecimiento otorga, con el fin de dar a entender al usuario su respectiva misión al estar en el mercado. 6

7 GALERIA La sección de la galería es la parte visual de la página web donde nosotros damos a conocer el establecimiento y los distintos productos que tenemos disponibles en tienda, así mismo dando a conocer el logotipo oficial de la empresa y una breve descripción a lo que la sección se refiere. Al momento de dar clic a alguna de las imágenes esta se abrirá automáticamente en la parte central de la pantalla, visualizando mejor la imagen de la galería, tratando de dar una mejor vista a la página y que el usuario pueda ver detalladamente los productos que se encuentran en ese momento. 7

SERVICIOS En la sección de servicios es donde se dan a conocer los distintos servicios y promociones que la óptica tiene disponibles en ese momento.

8 SERVICIOS En la sección de servicios es donde se dan a conocer los distintos servicios y promociones que la óptica tiene disponibles en ese momento. La sección cuenta con una breve descripción de los servicios y algunos distintos, cuenta con un botón llamado: Ver más, el cual nos permitirá dirigirnos a la página donde nosotros podemos ver detalladamente cada uno de los servicios y promociones que están disponibles en tienda. En esta sección se muestra una introducción acerca de los servicios y porque es importante tener una buena calidad en los mismos, dentro de este apartado aparecerán siete tablas de color azul, las cuales contienen distintos servicios y sus componentes que lo integran, cada uno cuenta con un efecto que hace que al pasar el cursor sobre ellos cambien de color azul a negro. 8

9 a) Productos y Descuentos: La sección de productos y descuentos esta principalmente dirigida a dar a conocer al usuario los diferentes productos, precios y descuentos que la óptica tiene disponibles en ese momento, queriendo llamar un poco la atención al usuario. Esta sección cuenta con tres tablas de diferente color donde describen que es lo que se quiere vender, los tipo de armazones que la óptica esta vendiendo y los descuentos que favorecen al cliente, incitándolo a buscar más información de los descuentos y los productos. 9

10 CONTACTO La sección de contacto está dirigida especialmente al usuario, es la parte de la página donde se encuentran todos los datos correspondientes a la localización de la óptica. Los datos que se incluyen son: Dirección completa, Teléfonos y Correo electrónico. A si mismo cuenta con una sección de queja o sugerencias que nos permite enviar un mensaje, aportando alguna queja o sugerencia a la página y/o establecimiento. El diseño fue logrado con una sola imagen de fondo que hiciera que resaltaran las palabras de la sección, relacionada a la localización de la empresa. 10

a) Google Maps: La sección de google maps está destinada para que el usuario pueda conocer la dirección especifica del establecimiento mediante la herramienta llamada google maps, una herramienta que

11 a) Google Maps: La sección de google maps está destinada para que el usuario pueda conocer la dirección especifica del establecimiento mediante la herramienta llamada google maps, una herramienta que nos facilita la localización de lugares, indicando el tiempo que nos hacemos en llegar y la distancia a ña que se encuentra la empresa. PIE DE PÁGINA El pie de página consta de cuatro botones: Facebook, Twitter, Google más y Traducción de la página. Los tres primeros botones nos sirven para re direccionarnos a las diferentes redes sociales con las que cuenta la óptica, así mismo lo botones fueron diseñados para que al momento de pasar el cursor por la parte de arriba del icono nos permita cambiar el color del mismo, lo que nos da una mejor vista dl sitio web. En la parte final del sitio se encuentra el aviso de derechos reservados o pie de página con la leyenda: 2016 Óptica Centro Medico Lerma. Todos los derechos reservados., dando a conocer el año de emisión de la página y la advertencia de los derechos reservados. 11

a) Botón inglés: Esta botón permite dar la traducción completa de la página al idioma del inglés, esto se implementó en el caso de que alguno de los usuarios no pueda hablar español y quiera ver la

12 a) Botón inglés: Esta botón permite dar la traducción completa de la página al idioma del inglés, esto se implementó en el caso de que alguno de los usuarios no pueda hablar español y quiera ver la pagina web. Al presionar el botón automáticamente se traduce la página completa incluyendo los botones y todo el contenido, así como imágenes y texto. De esta manera los usuarios que no hablen español pueden tener acceso a la información de la página web. 12

13 PERFILES SOCIALES EN INTERNET FACEBOOCK: TWITTER: GOOGLE MAS: 13

Documentos relacionados

ctiva Guía del alumno Moodle v.2.8 e-learning

ctiva Guía del alumno Moodle v.2.8 e-learning ctiva e-learning Moodle v.2.8 Contenidos 1 Introducción... 1 2 Acceso a la plataforma... 2 2.1 Acceso al contenido de un curso... 4 3 Menús... 5 3.1 Menú horizontal... 5 3.2 Menús laterales... 6 3.2.1