Folksonomía, Taxonomía, y más: La difícil Experiencia de Sacar un Turno Online

El otro día me enviaron una carta por una infracción vehicular que cometí y me informaron que debía obligatoriamente sacar un turno para hablar con un Agente de Faltas en una sede comunal específica. Para sacar un turno viví un proceso de usabilidad muy dudosa y me llevé una experiencia de usuario mala.

Al ingresar a la URL de turnos, me pedían primero un dato que no tiene mucho sentido para mí: el Dominio. ¿Qué es el Dominio? ¿El código de la infracción, la patente, mi DNI, algún otro dato que no sé de dónde sacar?

captura de pantalla
Pantalla 1

Debajo describo los pasos que aparecen en la captura de pantalla.

Continue reading Folksonomía, Taxonomía, y más: La difícil Experiencia de Sacar un Turno Online

Formularios y Experiencia de Usuario: Es Posible una Feliz Convivencia

Mi amiga Rocío me recomendó un artículo interesantísimo de Andrew Coyle en donde alista – acompañado de fotografías – buenas prácticas de usabilidad para el diseño de formularios.

Voy a nombrar solo una de ellas: “Use the field length as an affordance”.

captura de pantalla
Fuente: Andrew Coyle en https://uxdesign.cc/design-better-forms-96fadca0f49c#.v1w7dnajn

Aplicando el concepto de ‘affordance’, que se traduce como Ofrecimiento en español y tan bien describe Donald Norman en su libro The Design of Everyday Things, utilizar el largo de un campo para indicar al usuario el largo de la respuesta es una excelente práctica de usabilidad.

Si bien este detalle puede pasar desapercibido y parecer irrelevante, hace a la experiencia de usuario sin lugar a dudas.

En fin: ¡Recomendadísimo el artículo! https://uxdesign.cc/design-better-forms-96fadca0f49c#.v1w7dnajn

¿Cuál te pareció la recomendación menos sólida de todas?

¡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

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