Demasiada Información Genera Ruido Cognitivo: el Sitio del Servicio Postal Oca

Hoy entré al sitio del servicio postal Oca y la verdad que me llevé una experiencia de usuario mala…

Tenía un código de seguimiento en la mano, y quería ingresarlo en el sistema para saber en dónde se encontraba mi envío. Describo debajo en orden cronológico las acciones – intuitivas – que tomé.

1. En la página principal lo primero que noté fue la frase “Buscá tu Envío”. Hice clic en ella pero no pasó nada…

Captura de pantalla.
La flecha de la derecha me molestaba, pero igual hice clic en “Buscá tu Envío”.

2. Miré las opciones del menú horizontal, pero no encontré nada referido a buscar un envío.

3. Traté de hacer scrolling hacia abajo para encontrar la sección de Ayuda o algo similar. No podía porque el diseño no me lo permitía – esto no es necesariamente malo, ¡El problema es que no sabía a dónde ir!

Continue reading Demasiada Información Genera Ruido Cognitivo: el Sitio del Servicio Postal Oca

Minimalismo y Plantación de Árboles, una Excelente Combinación para la Experiencia de Usuario

Una de las diez reglas heurísticas de usabilidad de Jakob Nielsen es aplicar el minimalismo en el diseño, para evitar información de más que pueda provocar distracciones y así disminuir la velocidad del usuario.

En ese sentido, el sitio mobile de Ecosia me pareció impecable: al ingresar, solamente tres elementos nos llaman la atención. Los enumero, siguiendo la captura de pantalla, debajo.

Captura de pantalla.
Al ingresar, solo podemos ver 3 cosas. ¡Excelente usabilidad!

Continue reading Minimalismo y Plantación de Árboles, una Excelente Combinación para la Experiencia de Usuario

¡Qué Difícil Encontrar un Video Introductorio si hay Illusion of Completeness!

En un post anterior hablé del ‘Illusion of Completeness’ y cómo afecta la usabilidad web. En este caso me encontré con el sitio web de una herramienta muy conocida, cuya experiencia de usuario lamentablemente me sorprendió para mal.

Podemos ver la pantalla que se abrió cuando ingresé al sitio por primera vez.

Captura de pantalla

Quería saber más acerca de este producto y por eso se me ocurrió apretar el botón de “See it in action on the P2 demo site”. Esto me llevó a una página que no me daba ningún tipo de información introductoria del producto; estuve perdiendo bastante tiempo, apretando botones que no comprendía… Mirar debajo por favor.

Continue reading ¡Qué Difícil Encontrar un Video Introductorio si hay Illusion of Completeness!

¡Qué Página de Inicio Complicada para Machu Picchu!

El otro día quise saber quiénes son los proveedores autorizados para el Camino del Inca, así que ingresé al sitio oficial MachuPicchu.gob.pe y me llevé una fea sorpresa a nivel usabilidad web.

Mi primera impresión fue mala: había demasiada información y muchas acciones posibles.

Captura de pantalla
Hmmm… ¡En este home page hay muchísima información!

Debajo describo en orden cronológico mi navegación.

  1. Buscando algo similar a “proveedores autorizados”, lo más cercano que encontré fue “Agentes Autorizados de Cobranza”. Pensé que podría ser mi mejor opción, pero en seguida noté el botón “Agencias / Guías Actualizar datos”.

Continue reading ¡Qué Página de Inicio Complicada para Machu Picchu!

Taglines: Tres Ejemplos

El otro día quise utilizar un servicio de word clouds (nube de palabras en español) y encontré tres sitios. No sabía bien qué me ofrecían, en parte debido a la falta de un tagline efectivo.

El tagline debe resumir en una frase concisa qué puede encontrar el usuario en un sitio – una gran herramienta de usabilidad web.

Debajo los tres casos.

  1. Wordle

¡En este sitio no hay tagline! Mal puntaje de usabilidad.

Captura de pantalla
Un ejemplo de un sitio sin tagline.

Continue reading Taglines: Tres Ejemplos

Menos Palabras Logran Más Usabilidad Web; el caso de MediaFire

El otro día ingresé a MediaFire.com y me llevé una experiencia de usuario gratificante.

Noté que el sitio es responsive; debajo tenemos las páginas de inicio de los sitios desktop y mobile.

Captura de Pantalla
Home page de la versión desktop del sitio.

Continue reading Menos Palabras Logran Más Usabilidad Web; el caso de MediaFire

Distintos Enfoques del Botón “Sumate” para los Candidatos Presidenciales Argentinos

En estos días ingresé a los sitios de los tres principales candidatos presidenciales en Argentina y noté diversos enfoques para un botón muy efectivo llamado “Sumate”.

Es interesante la importancia que se le dio al botón en el layout general de cada sitio y sus implicancias para la usabilidad web. Por razones de tiempo, analizo aquí solamente las páginas de inicio.

  • Sergio Massa

Captura de Pantalla

 

Continue reading Distintos Enfoques del Botón “Sumate” para los Candidatos Presidenciales Argentinos

Con esta Página de Inicio es Complicado saber el Pronóstico del Tiempo

El otro día ingresé al sitio desktop del Servicio Meteorológico Argentino y la verdad que descubrí una usabilidad web bastante pobre.

El sitio tiene muchas áreas de mejora; solo remarco algunas relacionadas a la página de inicio en la captura de pantalla debajo. Antes de continuar me gustaría aclarar que hay una versión mobile del sitio con un diseño muy distinto a esta versión desktop.

Captura de Pantalla

 

Paso a detallar los puntos en color naranja que figuran en la imagen.

Continue reading Con esta Página de Inicio es Complicado saber el Pronóstico del Tiempo

Diseño Simple y Efectivo para el Registro Nacional No Llame

Esta semana me quise inscribir en el Registro No Llame, un sistema del gobierno argentino para que los call centers de publicidad no llamen a las personas dentro de este registro, y gratamente noté una usabilidad web muy efectiva.

La página de inicio tiene cuatro secciones entre la barra de navegación superior y la inferior.

Captura de Pantalla

Continue reading Diseño Simple y Efectivo para el Registro Nacional No Llame

¿Por qué Utilizar Dos Barras de Navegación Similares?

Hoy veremos un ejemplo de una página de inicio cuyo diseño presta a la confusión, afectando negativamente la usabilidad. Analizaremos brevemente el sitio de la cadena de retail Easy, famosa en Argentina, y similar a Ikea para que los que no la conozcan.

Podemos advertir que hay una barra de navegación horizontal y por otro lado una barra de navegación vertical:

  • La barra vertical muestra todas las categorías de productos, y en algunos casos las sub-categorías.
  • La barra horizontal también muestra los productos, pero además agrega otro tipo de contenido como consejos, promociones, etc. Si posicionamos el cursor sobre la palabra “Productos” aparecen las categorías dentro de una ventana, como podemos ver debajo.

Continue reading ¿Por qué Utilizar Dos Barras de Navegación Similares?