La usabilidad en la web

Artículo enviado por Antonio Velo de http://web.mac.com/anvelo/, SEO en una empresa de diseño web y promoción on-line.

¿Qué es la usabilidad? Es una técnica que analiza el comportamiento humano y los pasos necesarios para ejecutar una tarea de forma sencilla y eficaz en la web. Consta de 3 elementos fundamentales, los seres humanos, las tareas y el entrono web.

Actualmente siguen unos estándares o reglas de oro que se han ido asentando con el paso del tiempo y su estudio mediante tests de usabilidad.

  • En Internet el visitante manda.
  • Calidad = Rapidez y fiabilidad.
  • Seguridad de que nuestra página se va a mostrar.
  • La confianza llega con dificultad y se va con facilidad.
  • Simplificar, reducir, optimizar
  • Las conclusiones al principio
  • Lo justo y necesario
  • Buenos contenidos

Principios a seguir en el diseño de sitios web usables.

  • Anticipación a las necesidades del usuario.
  • Autonomía. Control sobre el sitio web.
  • Reversibilidad
  • Ley de Fitts. El tiempo para alcanzar el objetivo con el ratón está en función de la distancia y tamaño del objetivo. A menor distancia y mayor tamaño más facilidad.
  • Legibilidad. El color de los textos debe contrastar con el color del fondo y el tamaño de la fuente debe ser lo suficientemente grande.
  • Reducción del tiempo de latencia. Optimizar el tiempo de espera del usuario.
  • Los logs de los servidores son nuestra arma más poderosa.
  • Objetivos: Resultado máximo con el mínimo esfuerzo
  • El que rompe no paga. El sistema debe solucionar los errores cometidos por el usuario, no informarle de que es inútil y que todo se ha roto porque ha tocado donde no debía.
  • Evitar la sobre carga de información
  • Feedback para los usuarios.

Uno de los aspectos más importantes de la usabilidad web es la reducción al máximo del tiempo de latencia del usuario, que es el tiempo que el usuario espera hasta que la web se cargue. Sin duda el tiempo es oro, y con la banda ancha nos hemos vuelto muy exigentes. Cualquier página web que tarde más de 15, 20 segundos en cargar es cancelada y volvemos atrás, por ello vamos a intentar de optimizarlos.

Imágenes.

  • Para las fotografías el jpg es sin duda el mejor ya que nos da una compresión importante con una pérdida mínima de calidad. Para una mejor optimización podemos usar Adobe Photoshop, que tiene una opción Exportar a web, y que realmente da muy buenos resultados. Sino también existen multitud de programas freeware que también cumplen con creces. Gimp
  • En las imágenes renderizadas el png es más recomendado, aunque una solución de usabilidad nos puede llevar a otro problema de usabilidad, ya que todavía existen versiones antiguas de exploradores que no soportan este formato.
  • Para las imágenes sencillas tipo gráficas de datos, diagramas, quesitos de porcentajes y demás los gifs dan buenos resultados, ya que los colores son pocos y el ratio de compresión es importante.

La gran multitud de navegadores y sistemas operativos hacen que cada vez encontremos una mayor oferta. Aunque todos deberían ver la web igual, hay veces que no es así, por lo que intentaremos que el daño sea el menor posible.

  • Ceñirse a un estándar es primordial, ya sea html o css. Para ello podemos consultar la World Wide Web Consortium (w3c).
  • Valide sus páginas web y asegúrese de que no existen errores. Siempre puede usar los oficiales de la w3c para html o css
  • Compruebe la compatibilidad de su página web en los distintos navegadores.
  • La última versión de los estándares no tiene porque ser la más extendida.
  • Con los porcentajes para definir tamaños en el diseño web te aseguras de que sumen el 100%, es decir, que todo aparezca en pantalla y se muestren correctamente en cualquier resolución. No uses tamaños fijos.
  • Los java scripts sólo si son necesarios.

Los elementos de navegación permiten que los usuarios no se pierdan en nuestra web. Por lo que también es importante no diseñar páginas web demasiado complicadas.

  • Si nuestra web tiene un tamaño superior al 150% de la pantalla es aconsejable la colocación de elementos de navegación al principio y al final de la misma. (Las famosas flechitas para arriba y abajo).
  • Al menos cada página web debe tener un enlace por el que se pueda continuar navegando, ya sea para volver al inicio, continuar o cambiar de sección. Si el usuario tiene que escribir en la barra de direcciones la url, no será la de su página de inicio, sino la de Google para empezar a buscar de nuevo.
  • Colocar un índice claro y accesible desde todas nuestras páginas, para ello podemos colocarlo en un frame (me matarán los SEO) o mostrarlo al principio y final de cada página mediante hojas de estilo.

Si quieres publicar algo en Adseok, envíalo a a este email.

5 opiniones en “La usabilidad en la web”

Deja un comentario

Tu dirección de correo electrónico no será publicada.