Diseñando para el Error – Volúmen 3

En dos posts anteriores, titulados “Diseñando para el Error – Volúmen 1” y “Diseñando para el Error – Volúmen 2”, les comenté parcialmente acerca de la usabilidad de una página de reunión web (ver debajo).

Captura de pantalla

Debajo enumero los últimos tres ítems presentes en la captura de pantalla.

Voy a utilizar reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman para explicar cada punto (este post está orientado a heurísticas generales y no directamente relacionadas al diseño para el error):

Continue reading Diseñando para el Error – Volúmen 3

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

Diseñando para el Error – Volúmen 2

En mi post anterior, titulado “Diseñando para el Error – Volúmen 1”, les comenté parcialmente acerca de la usabilidad de una página de reunión web (ver debajo).

Captura de pantalla

Debajo enumero los ítems 3 y 4 presentes en la captura de pantalla (en el post anterior describí los primeros dos ítems). En el siguiente y último post finalizaré el análisis.

Voy a utilizar reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman para explicar cada punto:

Continue reading Diseñando para el Error – Volúmen 2

Diseñando para el Error – Volúmen 1

El otro día estaba apurado por entrar a una conferencia web. Para ingresar, me habían pasado un link; al cliquearlo, la usabilidad de la página que se abrió me sorprendió para bien.

La persona que organizaba la reunión había creado dos reuniones – y consecuentemente dos links – y yo, al estar apurado sobre el comienzo de la reunión, había cliqueado el link incorrecto sin saberlo. Por eso tuve que recuperarme de mi error. ¡Lo bueno es que el sistema en este caso me ayudó primeramente a entender que había cometido uno!

Captura de pantalla

Debajo enumero los primeros dos ítems presentes en la captura de pantalla, para que este post no sea muy largo… En el siguiente post continuaré con el análisis.

Voy a utilizar reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman para explicar cada punto:

Continue reading Diseñando para el Error – Volúmen 1

¿Se Puede Diseñar una Encuesta Impecable? Aquí un Ejemplo

El otro día estaba leyendo un artículo en un sitio y me topé al final del mismo con una encuesta excelentemente diseñada, con una gran experiencia de usuario.

Captura de pantalla.

Al presionar “Yes” apareció un segundo recuadro que me pedía más información. Cuatro elementos – que comento siguiendo la numeración en la captura de pantalla debajo – me llamaron la atención.

Continue reading ¿Se Puede Diseñar una Encuesta Impecable? Aquí un Ejemplo

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

Marcando Emails como No Leídos – Post #3: El Atajo en la Versión Desktop de Gmail

En un post anterior escribí acerca de cómo Yahoo! Mail tiene una mejor usabilidad que Gmail a la hora de marcar un email como no leído. El detalle del funcionamiento de Gmail está en otro post.

¡Resulta que descubrí una forma mucho más corta – y con mejor experiencia de usuario – para marcar un email como no leído en Gmail! Paso los detalles aquí.

Debajo tenemos una captura de pantalla con un email que se encuentra en estado Leído.

Captura de pantalla

Al hacer clic derecho sobre el email suceden dos cosas, que detallo siguiendo la numeración en la imagen debajo.

Continue reading Marcando Emails como No Leídos – Post #3: El Atajo en la Versión Desktop de Gmail

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

El Botón que Aparece Justo Cuando lo Necesitaba; Otro Caso Más

Esta semana me topé con un artículo interesante que quería leer, pero estaba con poco tiempo… Por suerte tuve una experiencia de usuario muy satisfactoria que les quiero comentar.

Luego de leer el título y el copete decidí que quería leer el artículo completo. Encontré en la sección inferior derecha algo que parecía ser un botón y que indicaba una unidad de tiempo: “7 mins”.

Captura de pantalla
El indicador de tiempo de lectura. ¡Me gusta!

Continue reading El Botón que Aparece Justo Cuando lo Necesitaba; Otro Caso Más

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