Usabilidad

Debemos evitar elementos que se mueven. Usar solo si es realmente necesario o si está justificado. Esto es porque generalmente los usuarios suelen confundirlo con publicidad ya que es la manera en la que éstas se presentan.

El no tener un buen uso de elementos que se mueven hacen que el usuario no preste atención a información haciendo que ésta pierda importancia.

En el siguiente ejemplo vemos varios elementos que están en constante movimientos sin necesidad alguna. Lo único que hace es que distraiga al usuario ignorando la información que está siendo entregada.

Un sitio siempre debe tener consitencia entre sus páginas, manteniendo el mismo menú, colores, etc de lo contrario, el usuario se puede confundir pensando que ha sido redireccionado a otro sitio.

Frente al mismo estímulo, debe ocurrir la misma reacción, por lo tanto cada vez que ingrese a una categoría las páginas siguientes deben tener mismo diseño o diagramación.

En los siguientes ejemplos vemos cómo al navegar por las distintas páginas éstas pierden consistencia entre si cambiando o eliminando el menu y cambiando el diseño entero de la sección.

  Ejemplo 1

Jamás puede pasar que una página entera sea una sola imagen y que nada dentro de ella sea cliqueable. Esto hace que pierda credibilidad y confianza del usuario por lo que no llegará a sus clientes.

El usuario tiene aprendido que dentro de una página web los elementos son cliqueables, el no hacerlo confunde al usuario.

En el siguiente ejemplo vemos una página donde todos los elementos que están dentro son imágenes y un par son textos. Ninguno de estos elementos son cliqueables.

Vid to Mp3 - youtube downloader 

Que el usuario siempre sepa donde está, mostrarle y/o darle señales de dónde se encuentra en el sitio, para que su navegación sea más lógica y no pierda tiempo valioso en comprender su estado.

La tipografía juega un rol importantísimo a la hora de mejorar la eficacia del sitio web, en general se recomienda utilizar tipografías de sistema, en la web se establece que el tamaño mínimo para las tipografías de palo seco sea de 10 pts y las serif de 12 pts.

en el ejemplo apenas son visibles los descuentos.

en esta tabla de pixeles podemos ver que desde 9 a 15 px la tipografia no se distorsiona ni escala, a menor tamaño se distorsiona y a mayor tamaño se produce un efecto de escalado que deja dientes pixeles en el contorno.

tumblr - posts vinculados

Los elementos "clickeables" tienen que ser consistentes, una vez que el usuario haya clickeado una imagen y suceda tal acción en el sitio, éste estará inclinado a recibir la misma respuesta cuando repita la acción. Los botones deben funcionar como botones siempre y en cada página del mismo sitio tienen que funcionar de la misma manera.

Lan - home page, menu desplegable

Utilizar de forma correcta el menu desplegable, sin intervenir en el resto del sitio y las posiciones de los elementos fuera de él, el movimiento del sitio completo puede provocar confusión en el usuario y hacerle creer de que no tiene el control absoluto del sitio.

Cuidar el uso del menu desplegable es escencial para que el usuario encuentre de forma rápida y fácil lo que busca.

lan home page - menu desplegable

Cuando el usuario quiere contactarse con lo que esta buscando ya sea restaurant, local de eventos, peluquería, etc. Se debe brindar información fácil y que realmente sea de contacto. No queremos tener que esperar días por una respuesta que queremos ahora. 

1º Ejemplo

Al momento de crear una web, uno espera que sea reconocido por su web, plasmar su identidad y trabajo en esta, que sea reconocida como su trabajo y que quede claro tu meta de destacar revisando la web. Pero ¿qué pasa cuando no surge esto?

youtube - videos

Si has pagado por un dominio o por un diseño de web, permite que valga la pena.

Cuenta con un buen menú, con secciones relevantes a tu servicio, con un diseño relevante.

Freestockmusic.com - free music for video

El usuario debe entender a primera vista cuando un elemento es “clickeable” o es una simple imagen o texto. No entender desde un comienzo la naturaleza de los elementos puede complejizar el recorrido del sitio haciendo más difícil dar con lo que el usuario busca.

Hacer de la web llamativa es una herramienta que debemos considerar siempre. El destacar la información, hacer uso de cambio de colores, gifs y publicidad, información en desplazamiento esta bien, y puede ser fructuoso, siempre y cuando se tenga un cuidado en no abusar de este.

Cuando el sitio es muy pesado o nuestra conexión a internet es lenta o ambas, este demora mucho en abrirse completamente para el tiempo que dispone el usuario. Debiese de existir una opción resumida del total del sitio que es más liviana y se abrirá más rápido que el sitio completo.

Ejemplo

Si tu sitio contiene varias paginas, considera agregar la función de búsqueda, para que el usuario pueda llegar directamente a lo que esta buscando, la caja de busqueda puede estar ubicada al extremo superior derecho o central de la pagina para que el usuario la encuentre facilmente.