¡Falta un Link Autocontenido en los Emails de TEDx Río de la Plata! ¡Qué Horror!

Ayer recibí un email de TEDx Río de la Plata que contiene un hipervínculo. Lamentablemente la frase utilizada no es autocontenida y por eso no respeta una de las heurísticas de usabilidad recomendadas.

Uno de los principios de interacción de Bruce Tognazzini trata acerca de los objetos de interfaz humana y explica lo siguiente (utilizo los apuntes del curso del ITBA brindado por Gonzalo Auza):

Los objetos de una interfaz deben corresponderse con el mundo real de las personas. Estos objetos (como carpetas, documentos, la Papelera de Reciclaje, etc.) deben mantener una interacción y un comportamiento estandarizados, al tiempo  que deben ser comprensibles, autocontenidos y estables.

Continue reading ¡Falta un Link Autocontenido en los Emails de TEDx Río de la Plata! ¡Qué Horror!

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

Ejemplo de un Landing Page Respetuoso de Varios Principios Heurísticos de Usabilidad – Volumen 2

En mi post anterior, titulado “Ejemplo de un Landing Page Respetuoso de Varios Principios Heurísticos de Usabilidad”, les comenté parcialmente acerca de la usabilidad de un landing page con el cual me topé. En este post voy a continuar con los puntos que quedaron pendientes.

Captura de pantalla

Debajo enumero los últimos tres ítems presentes en la captura de pantalla (en el post anterior describí los primeros cuatro ítems).

Continue reading Ejemplo de un Landing Page Respetuoso de Varios Principios Heurísticos de Usabilidad – Volumen 2

Ejemplo de un Landing Page Respetuoso de Varios Principios Heurísticos de Usabilidad

Ayer estaba navegando en el sitio de InTechnic y apareció de repente una ventana modal que cubrió toda mi pantalla. Si bien esta no fue la situación más feliz, debo decir que la usabilidad de esta ventana era excelente.

Captura de pantalla

Debajo enumero los primeros cuatro ítems presentes en la captura de pantalla, para que este post no sea muy largo… En el siguiente post escribiré acerca de los últimos tres ítems.

Para explicar cada punto utilizaré reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman, entre otros conceptos.

Continue reading Ejemplo de un Landing Page Respetuoso de Varios Principios Heurísticos de Usabilidad

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

Un Formulario sin el Botón de ‘Guardar Cambios’: ¡Excelente!

El otro día estaba cambiando las configuraciones de un servicio online al cual me suscribí, y me sorprendieron gratamente con una funcionalidad que facilitó mucho mi navegación y mi experiencia de usuario.

Básicamente, quería desactivar algunas de las notificaciones por email que envía el sistema automáticamente, así no recibo demasiado correo electrónico. Entré a la pantalla de configuraciones, como se puede ver debajo.

Captura de pantalla.

Continue reading Un Formulario sin el Botón de ‘Guardar Cambios’: ¡Excelente!

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

¿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