![Page 1: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/1.jpg)
ESTRUCTURA DEL SITIO
Usabilidad Web
![Page 2: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/2.jpg)
Usabilidad WebEl término usabilidad hace referencia a la facilidad que tienen losusuarios para navegar por un Website, es decir, se trata de que lospotenciales clientes accedan de forma fácil a los contenidos y noabandonen la navegación sin ver o comprar los productos oservicios ofrecidos.
La página principal o Index debe ser atractiva, fácil de visualizar ymuy comunicativa del contenido interior del resto del sitio.
http://www.degusta.com.co/
![Page 3: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/3.jpg)
La teoría de usabilidad busca en el sitio Web:
1. Incrementar visitas.
2. Reducir tiempos de navegación.
3. Agilizar navegación.
4. Distribución de forma adecuada de la información.
![Page 4: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/4.jpg)
CabezoteEs un elemento gráfico que aparece en la parte superior de las páginasweb. Generalmente están acompañadas del distintivo visual de laempresa y por información general sobre ella o algún producto o servicioque se ofrece.
Es muy común encontrar en el cabezote el botón de búsqueda y lasopciones de inicio de sesión.
http://www.chocolates.com.co/es
![Page 5: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/5.jpg)
BotonesSon los elementos principales de un sitio Web, ya quepermiten a los usuarios navegar por los diferentescontenidos del sitio.
Características de los botones:
• Deben estar siempre visibles para facilitar la navegación en el sitio.
• Deben tener el mismo tamaño (ancho y alto)
• Deben utilizar el mismo tipo y tamaño de letra
• No deben tener degradados y utilizar colores planos.
• Si tienen animación que no sea muy exagerada.
• al abrirse la página del botón seleccionado, éste debe cambiar de color ode forma, con el fin de indicarle al usuario que está activo dicho botón.
![Page 6: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/6.jpg)
Tipos de Botones
Textuales:
Sólo llevan texto y se recomienda que sea una sola palabra,máximo dos. Son los más usuales y están dentro de una formageométrica.
Cuando se quiera realizar una acción se debe utilizar verbos eninfinitivo, como por ejemplo: Guardar, Buscar, Eliminar, entre otros.
![Page 7: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/7.jpg)
Tipos de Botones
Icónicos:
Transmiten información a través de una imagen, no necesitan texto.Se utilizan para ahorrar espacio y deben conservar todos el mismotamaño.
![Page 8: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/8.jpg)
Barra de Navegación
Son un conjunto de imágenes o botones que se utilizan comoopciones de menú para navegar dentro de un sitio web.
Un sitio web solo puede contener una única barra de navegación.
![Page 9: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/9.jpg)
![Page 10: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/10.jpg)
Índices
Son menús ordenados por niveles o subniveles, se utilizan paracatálogos de productos para visualizar de forma ordenada, losproductos o servicios ofertados por la empresa.
Ejemplo: http://www.falabella.com.co/
![Page 12: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/12.jpg)
Mapas Web
Representan de forma gráfica la estructura del sitio, permitiendo alusuario fácilmente ubicarse en un lugar dentro del sitio.
Ejemplo: http://www.exito.com/
Ejemplo: http://www.falabella.com.co/
![Page 13: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/13.jpg)
Buscadores
Son herramientas que se insertan en algunas Páginas Web paralocalizar contenidos.
Hay dos tipos de buscadores:
1. Direcciona a Google
2. Buscador interno con una Base de Datos
Ejemplo: http://politecnicojic.edu.co
![Page 14: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/14.jpg)
Widgets
Son miniprogramas o pequeñas aplicaciones que facilitan al usuariotareas dentro de la Web. Ejemplo: Calculadoras – Lector de NoticiasRSS – El estado del tiempo - APPS
Ejemplo: http://elcolombiano.com
![Page 15: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/15.jpg)
Redes sociales
Son un conjunto de botones que permiten al usuariodesplazarse hasta las comunidades sociales del sitio queesta visitando.
Generalmente estos botones tienen vínculos a Facebook,twitter, google +, youtube, pinterest, entre otras redessociales.
![Page 16: ESTRUCTURA DEL SITIO... · Eltérminousabilidadhace referencia a la facilidad que tienen los usuarios para navegar por un Website, es decir, se trata de que los potenciales clientes](https://reader035.vdocumento.com/reader035/viewer/2022071517/613b5a76f8f21c0c8268f37d/html5/thumbnails/16.jpg)
Pie de PáginaUno de los usos más comunes del pie de página en laactualidad es mostrar información sobre la empresapropietaria del sitio web o de su responsable directo y unadirección física o de correo electrónico válidas. Estainformación se suele complementar con el número deteléfono y fax.