ESTRUCTURA DEL SITIO

Usabilidad Web

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/

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.

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

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.

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.

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.

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.

Í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/

Ejemplo: http://www.exito.com.co/

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/

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

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

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.

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.