Usabilidad Engañosa en el Sitio de Facebook: ¿Fuiste una Víctima?

Adivinanza

Supongamos que querés usar Facebook en el celular, y al ingresar un día de repente aparece la pantalla debajo.

¿A dónde presionarías para desestimar la opción que Facebook sugiere?

post56_fbookux_1-0
Figura 1: ¿A dónde está la opción “Cancelar”?

Nota: si tardaste un segundo o más en encontrar el botón, sos víctima de la Usabilidad Engañosa…

Análisis de Usabilidad

A primera vista no parecería haber nada raro en el diseño de esta pantalla, pero analizándolo más detalladamente con heurísticas encontramos tres puntos interesantes.

Continue reading Usabilidad Engañosa en el Sitio de Facebook: ¿Fuiste una Víctima?

¡Horror! Scrolling Horizontal en el Año 2016

Estaba navegando con mi computadora desktop en un sitio web, cuando de repente me encontré con una barra de scroll horizontal.

captura de pantalla

¡Oh no! ¡Qué horror!

En el año 2016, demás está decir que es una mala práctica para la experiencia de usuario que se incluya una barra de scrolling horizontal.

No tengo muchas más palabras, solo mencionar que sería genial que alguien en el equipo de desarrollo trabaje sobre este horror de usabilidad web.

¿Encontraste sitios con barra de scrolling horizontal este año? ¡Comentalos acá debajo!

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

¡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!

Hipervínculos y Estándares: una Relación Difícil

El otro día estaba navegando en un sitio y me encontré con una usabilidad web cuestionable en relación a cómo estaban presentados los hipervínculos.

Debajo tenemos una captura de pantalla de la página en su totalidad.

Captura de pantallaMientras estaba leyendo, quise hacer clic en uno de los hipervínculos, pero no entendí si realmente podía hacer clic o no. De repente tuve una duda – que resolví posicionando el cursor sobre la frase en cuestión: “Jaimee Newberry’s 2015 music memory challenge on MEDIUM”.

Continue reading Hipervínculos y Estándares: una Relación Difícil

Un Menú Desplegado que no Puedo Plegar: Hmmmm…

El otro día quise ingresé con mi usuario por primera vez al sitio de la Universidad Tecnológica Nacional (UTN) y me topé con un problema de usabilidad web interesante.

En la primer pantalla del proceso no tuve problemas.

Captura de pantalla
Excelente layout para esta pantalla de log-in; poco ruido cognitivo.

Sin embargo en la segunda pantalla surge un problema clave de usabilidad web.

Captura de pantalla
¡La información que quiero ver está tapada!

Continue reading Un Menú Desplegado que no Puedo Plegar: Hmmmm…

Poca Diferencia entre los dos Estados de un Botón del Windows Media Player

Estuve usando el Windows Media Player y noté que la usabilidad web de uno de los botones tiene amplio espacio de mejora.

Captura de pantalla
Captura de pantalla del reproductor de audio.

Al ingresar un cd me pregunté si estaba presionado el botón de orden aleatorio porque la canción que se empezó a escuchar automáticamente no era la primera.

Continue reading Poca Diferencia entre los dos Estados de un Botón del Windows Media Player

¡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!

Sitios no Seguros que Piden Mucha Información Personal; Otro Ejemplo Más

El otro día me comentaron acerca de una consultora de recursos humanos en donde uno puede cargar su curriculum – y en el proceso dejar muchísimos datos personales. ¡Lo interesante es que el sitio web no es seguro! ¡Esta es una muy mala práctica de usabilidad web!

En el navegador Mozilla Firefox, haciendo clic en el símbolo del mundo a la izquierda de la URL se abre un pequeño cuadro que muestra si un sitio es seguro o no.

Captura de Pantalla

Debajo pueden ver la cantidad de datos que piden – conté 15 en esta pantalla – y seguramente pidan muchos más en el proceso completo de carga del curriculum! Muy mal puntaje de usabilidad web, especialmente para una empresa de recursos humanos.

Continue reading Sitios no Seguros que Piden Mucha Información Personal; Otro Ejemplo Más

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