Asociación Nacional de Webmasters Perú

[b:678dde1c02]Análisis de usabilidad [/b:678dde1c02]
Este artículo es un ejemplo de cómo un sencillo análisis heurístico realizado por un conocedor de la usabilidad puede ofrecer soluciones prácticas, concretas y viables para conseguir que la visita de un usuario a la versión digital de este diario sea una experiencia fructífera y agradable.


A continuación enumero recomendaciones que son sencillas y se pueden realizar con relativamente poco esfuerzo:


[code:1:678dde1c02]Eliminar del código HTML todo lo que no sea imprescindible de cara a la legibilidad del código (blancos, saltos de línea, comentarios innecesarios). Ayuda a rebajar el peso.[/code:1:678dde1c02]

[code:1:678dde1c02]Sustituir imágenes que sólo tienen texto por texto HTML . [/code:1:678dde1c02]

[code:1:678dde1c02]Simplificar las tablas que componen la página, de manera que el navegador no necesite descargar toda la página para mostrarla, sino que pueda ir componiéndola a medida que la va recibiendo. [/code:1:678dde1c02]

[code:1:678dde1c02]Quitar imágenes de fondo [/code:1:678dde1c02]

[code:1:678dde1c02]Links estándar[/code:1:678dde1c02]

[code:1:678dde1c02]Hacer que el texto fluya adaptándose al tamaño de la ventana[/code:1:678dde1c02]

[code:1:678dde1c02]En la encuesta se podrían utilizar "radio-buttons" en lugar de un selector desplegable, pues permiten al usuario ver y comparar todas las opciones al mismo tiempo y minimizan el número de clics a realizar.
[/code:1:678dde1c02]

[code:1:678dde1c02]Posición del nombre del web.[/code:1:678dde1c02]

[code:1:678dde1c02]Eliminar JavaScript siempre que sea posible[/code:1:678dde1c02]

[code:1:678dde1c02]Separar los elementos de una página mediante el uso de espacio en blanco [/code:1:678dde1c02]

[code:1:678dde1c02]No conviene utilizar imágenes transparentes para crear espacios o para posicionar los elementos de la página. Suele ser una fuente de problemas en la compatibilidad con navegadores.[/code:1:678dde1c02]

[b:678dde1c02]Algunos aspectos adicionales que podrían revisarse...[/b:678dde1c02]
[list:678dde1c02]Links poco claros ("viñetas", "autonomías", "lo más", etc.). El tiempo del usuario es muy valioso, así que antes de hacer clic en un enlace debería de tener claro qué es lo que va a encontrarse como respuesta. Los textos de algunos enlaces deberían de ser más explícitos del contenido al que llevan.[/list:u:678dde1c02]

[list:678dde1c02]Usar fuentes estándar (se usa Georgia, por ejemplo), por dos motivos: para que la página se vea igual en una mayor variedad de navegadores, y porque el usuario estará más confortable con una fuente a la que ya esté habituado. Recomendaría, por este orden: Verdana, Arial, Helvetica, Geneva, o bien alguna otra fuente sans-serif. [/list:u:678dde1c02]

[list:678dde1c02]Los botones deberían de ser 3D (ej. Buscar, Votar), aunque realmente el formato más usable es utilizar un botón HTML en lugar de imágenes que representan botones.[/list:u:678dde1c02]

[list:678dde1c02]No utilizar imágenes animadas (usar banners sin animaciones). [/list:u:678dde1c02]

[list:678dde1c02]No abrir nuevas ventanas, sobre todo si no se avisa (ej. "Titulares del Día"). [/list:u:678dde1c02]

[list:678dde1c02]El uso de mayúsculas (por ejemplo, en títulos) dificulta la lectura, que ya es suficientemente dura en una pantalla. Cuando una persona lee un texto lo que hace es detectar formas de palabras, en lugar de leer letras y componer palabras. El texto en mayúsculas tiene una forma homogénea y por tanto es más difícil de leer. [/list:u:678dde1c02]

[list:678dde1c02]El tamaño de las fuentes debería ser más grande, lo cual ayudaría a escanear el texto. No es crítico que eso implique que, al ser todo más grande, ocupa más espacio y el usuario tiene que paginar más (hacer scroll vertical). Es preferible que el usuario vea pocas cosas claras a que vea muchas cosas confusas. La Home Page de Amazon, por ejemplo, es bastante larga debido al tamaño de letra usado.[/list:u:678dde1c02]

[list:678dde1c02]En el mismo sentido, una cuestión importante: el tamaño de las fuentes es preferible fijarlo de forma relativa (%, o unidades "em") en lugar de fijarlo en píxels. De esta manera, cada usuario verá el texto con el tamaño que haya elegido en las preferencias de su navegador. Esto es especialmente importante si pensamos en usuarios con problemas de visión. Y por añadidura, esta adaptación puede servir para simplificar bastante la hoja de estilos y rebajar su peso.[/list:u:678dde1c02]

[list:678dde1c02]El objeto "Mi carpeta" es difícil de gestionar y mantener, ya que está básicamente hecho en JavaScript. No tengo claro si funcionalmente le aporta algo al usuario, ya que mediante el uso de los enlaces favoritos (bookmarks), que es algo que los usuarios ya conocen y saben utilizar, prácticamente tiene la misma funcionalidad. Plantearía eliminarlo, o bien gestionarlo sin JavaScript, como un Carrito de la Compra típico.
[/list:u:678dde1c02]

[list:678dde1c02]Cuando se ofrece una descarga (por ejemplo, las versiones del diario en PDF), es útil indicarle al usuario el tamaño del fichero que se va a descargar (si está utilizando una conexión lenta, tal vez ni se plantee empezar a descargárselo). [/list:u:678dde1c02]

[list:678dde1c02]Banners. A menos que algún acuerdo comercial así lo requiera, sería recomendable relegar los banners a zonas inferiores de la pantalla (sobre todo el banner grande). En la página de muestra, lo hemos dejado en un lugar predominante pero que no afecta tanto a la distribución del resto de contenidos.
[/list:u:678dde1c02]

[list:678dde1c02]Los pop-ups (ventanitas que se abren cuando entramos en una página), como el que aparece para promocionar la suscripción, se consideran una intromisión en el espacio de trabajo del usuario. Dado que suelen contener información de publicidad, los usuarios han desarrollado el hábito de ignorarlos y cerrarlos incluso antes de que lleguen a cargarse. En este caso, además, el pop-up no aporta ninguna información adicional, ya que desde el homepage ya está bastante visible la promoción de la suscripción. [/list:u:678dde1c02]

[i:678dde1c02]Estas son unas simples pautas para tener en cuentas de los que decimos de otras webs comporandolos con lo nuestro.

A motivo de practica, pueden tomar mi Sitio Web: [/i:678dde1c02][url]www.webnewbie.net[/url][i:678dde1c02]para que den sus puntos de vistas constructivos. Tengan en cuenta que las criticas constructivas son del pasado, me refiero que, si vas a comentar sobre cierto Sitio Web, y vas a comentar algo sobre ello, sea positivo o negativo del quien te dirijes, hazlo, pero de una solucion a ello, con fundamento.[/i:678dde1c02]

[b:678dde1c02]El INGENIERO DE SISTEMAS o cualquier sistemólogo, soluciona los probremas viendo al mundo a traves de los OJOS DE LOS DEMAS[/b:678dde1c02]
Gracias.