Animaciones e imágenes

Aunque las imágenes y las animaciones pueden enriquecer el aspecto visual de nuestros sitios webs, en vías de su usabilidad, debemos utilizarlas con precaución para no incrementar demasiado los tiempos de cargas de la página y tampoco apabullar al visitante con demasiados mensajes que al final lo confundirían.

Debemos minimizar el impacto del tamaño y peso de las imágenes de nuestras páginas web. No debemos olvidar que el peso total de una página web no debe superar los 100Kb.

Si usamos una intro animada, debemos permitir que el visitante pueda saltársela. Estudios recientes, aseguran que la mayoría de los usuarios de la Red prefieren saltarse las intros animadas y entrar en los contenidos de las páginas webs.

Las animaciones están recomendadas como recurso didáctico, para presentar por medio de un video o tutorial algún servicio, producto, líneas de trabajo… que ofrezcamos en nuestro sitio web.

Nunca debemos usar animaciones en los logotipos o en el encabezado de la página. Debemos concentrarnos en proyectar una clara imagen de la marca o firma, buscando como siempre el Branding de la empresa, asociación o entidad de la web.

Siempre debemos asociar un texto a cada imagen por medio de la claúsulas alt (especifica texto alternativo si no se puede mostrar la imagen) y title (ofrece un texto de ayuda contextual asociado a la imagen) de la etiqueta img. En algunos casos también se recomienda el uso de un PIE DE FOTO en cada imágen que necesite de una aclaración sobre su significado.

En definitiva, la filosofía que debemos seguir con respecto a las animaciones y las imágenes es muy simple:

“Sólo mostrar imágenes o animaciones que aporten información contextual real, nunca con la finalidad de decorar o embellecer la página”

Usuarios que han visto este tema también han visto...

- Accesibilidad, Usabilidad y Estética
- Sitios en Flash: Un pecado mortal
- El 90% de los internautas lee blogs habitualmente sin darse cuenta.
- 7 tendencias y predicciones para el futuro de la usabilidad en el diseño de interfaces digitales
- Cómo escoger un proveedor de hosting

- Versión imprimible de este documento

- Enviar por e-mail este documento