2010/05/11

Análisis breve de usabilidad: elquintopoder.cl 2010/05

A partir de hoy comentaré regularmente sitios web. El criterio para hacerlo es totalmente personal, iré escogiendo arbitrariamente sitios para comentar, aunque estoy abierto a sugerencias y solicitudes.

En ningún caso el análisis rápido reemplaza un proceso detallado de arquitectura de información, diseñó centrado en el usuario, análisis de usabilidad o heurístico, pero puede ser un punto de partida para gatillar reflexiones que lleven a dichos procesos o al mejoramiento de sitios mediante pequeños cambios.

Este es un análisis rápido de mi experiencia de usuario del sitio www.elquintopoder.cl.

Llevo usando el sitio desde su lanzamiento (de hecho desde un poco antes) por lo tanto quizás no califica del todo como análisis rápido, pero tampoco es un análisis experto completo.

Comentaré 4 aspectos del sitio:

Visualidad:

El sitio tiene un logotipo, paleta de colores y fondos que constituyen un buen branding, lo hacen identificable por dichos aspectos y no parecer la plantilla por defecto del CMS (en este caso Liferay) ni otros portales similares.

Algunos aspectos visuales podrían ser mejorables:
  • Los fondos degradados disminuyen el contraste con lo cual dificultan la lectura de algunas partes de la interfaz.
  • El texto por defecto es demasiado pequeño. Un ejemplo del tamaño perfecto en mi opinión es actualmente la versión web del NYTimes.
  • Hay bastantes elementos de la interfaz que podrían ser llevados a otras páginas para despejar, aunque este punto podría entenderse como un aspecto de navegación.
  • A veces la redundancia puede ser buena pero más minimalismo podría ayudar con el problema anterior. Por ejemplo los links para comentar no necesitan explicitarse cuando al lado hay el mismo link con la palabra "comentarios".

Navegación e interacción:

La navegación del sitio es razonablemente coherente, con algunas notables excepciones:
  • La botonera desplegable en portada de Temas, Comunidad y Acciones sólo aporta valor la primera vez que uno la usa, especialmente frustrante porque no está vinculada a lo que menciona.
  • Similarmente, el video en portada una vez que el usuario lo ha visto no debería estar en portada, contribuye no sólo al ruido visual, también hace más lenta la descarga de la portada.
  • Ingresar una nueva entrada me tomó demasiado tiempo, debería estar más presente en la portada del sitio para el usuario registrado.
  • Una vez ingresada una entrada no es posible modificarla para corregir errores, eso es un gran problema.

Sociabilidad:

Hoy cualquier sitio web requiere en su interfaz y registro conectividad con otras plataformas de la web social, más todavía un sitio orientado a la participación y contenidos generados por usuarios. El sitio debería permitir conexión a perfiles de Twitter, Facebook, Google, LinkedIn, etc. de los usuarios registrados, para incrementar lo que a menudo se conoce como viralización. Esto es especialmente crítico en la etapa inicial, cuando el impulso de la novedad sustenta una rápida propagación de la existencia del sitio y sus contenidos.

Código:

El sitio despliega razonablemente bien en los principales browsers de escritorio, en pantallas grandes y con conexión de más de 1 mbps, aunque hay harto para mejorar. Algunos detalles técnicos hacen lento y difícil su despliegue en dispositivos portátiles, pantallas sensibles y procesadores livianos:

  • La totalidad de los elementos de la portada pesan más de un megabyte, demasiado considerando que el ancho de banda efectivo desde el servidor al cliente puede ser mucho menos que 1 mbps incluso en contextos de conexión fija y de banda ancha.
  • Más de la mitad del peso de la portada es JavaScript, código que además de estar poco optimizado (para lo poco que está haciendo podría pesar una quinta parte) requiere un proceso lento de interpretación en el cliente.
  • Se observan algunos errores misceláneos de código como tags que sobran, imágenes sin altura definida y otros detalles que pueden enlentencer o dificultar el procesamiento y despliegue.
Sería recomendable simplificar el JavaScript y reemplazar parte de su funcionalidad por código server-side.

Resúmen:

El sitio no tiene problemas grandes de usabilidad, la accesibilidad es incrementable y algunos pequeños cambios de navegación y visuales podrían mejorar bastante su experiencia de uso. Una trabajo más profundo de optimización del código es recomendable, especialmente si se quiere mejorar su uso en plataformas móviles.

Cabe recordar que los sitios sociales más exitosos tienden a ser casi tan usables desde móviles como desde escritorios, aunque a menudo tienen interfaces especiales para su uso en móviles. Si bien en mi opinión eso será cada vez menos necesario, al parecer aún puede ser una buena idea.
blog comments powered by Disqus