El Blog de IDDECO

Uno de los podcasts que escucho bastante es el de Boagworld.com, que está en un maravilloso inglés británico profundo que se me atraganta escuchar (estoy más acostumbrado al americano); pero que lo sufro con gusto porque reconozco hacen reflexiones sobre el diseño Web y la Usabilidad fantásticas. Os traduzco este artículo de uno de sus podcasts reciente que me ha encantado porque pone por escrito cosas sobre las que siempre suelo incidir mucho en las clases de Diseño de Web… Especialmente recomendable para todos los que hagáis páginas web o diseñéis cualquier tipo de interfaces para aplicaciones.

———–

La importancia del Deshacer

Muchos usuarios de internet manifiestan desconfianza cuando interactuan con la web. Es nuestro trabajo como diseñadores web intentar darles tranquilidad y ponerles una red de seguridad para cuando las cosas vayan mal. Facilitar diversos métodos mediante los cuales los usuarios puedan deshacer sus acciones es un útil refuerzo para los usuarios menos seguros.

Beneficios del Deshacer

La funcionalidad del Deshacer parece estar en horas bajas en la oleada de webs 2.0, especialmente en los sitios web que hace uso intensivo de AJAX. Es un tema triste para el diseño web, ya que la capacidad de deshacer las acciones consigue tres beneficios cruciales:

1. Aliviar la ansiedad

Como he dicho muchas veces, y repetiré, a la mayoría de la gente no le gustan los ordenadores. Es tan fácil para nosotros olvidarnos de esto, los que convivimos y dormimos con ordenadores cada día… Tengo que confesar que me siento más cómodo trabajando con un ordenador que con el mundo real. Después de todo, ¡cuántas veces hubiera querido un Control+Z para la vida real!

Sin embargo, aunque muchos estemos cómodos con los ordenadores, la mayoría de la gente no lo está. Son intimidantes, impersonales y les falta mucho para ser intuitivos. Esto es cierto no solamente de los ordenadores personales, sino también de la web. En realidad quién se plantearía diseñar una interfaz cuya apariencia cambiara [radicalmente] entre secciones (sitios web).

La capacidad de deshacer, volver atrás o escapar es una liana salvadora para muchos usuarios. Es inmensamente tranquilizador saber que siempre podrás deshacer algo si lo hiciste mal, y cuando dicha opción no está disponible puede ser tremendamente pertubador para el usuario. Pon como ejemplo la primera vez que compraste algo online: ¿recuerdas ese sentimiento de intranquilidad cuando te dabas cuenta de que el siguiente clic ya no tenía vuelta atrás?

Poder volver atrás es una como una cuerda
de Seguridad en la Web para el usuario

2. Un modo de vencer la complejidad

Soy un gran fan de la simplicidad, mayormente desde que terminé hace poco “Las leyes de la Simplicidad” ( “The Laws of Simplicity”) de J. Maeda. En su libro habla acerca del hecho de que la capacidad de deshacer algo crea la sensación de simplicidad incluso en las aplicaciones más intrincadas.

Una función de deshacer al alcance del usuario crea una sensación de sencillez porque inculca al usuario la actitud de “qué narices, siempre puedo deshacerlo”. Una vez que el usuario retiene dicha actitud percibe las cosas como más sencillas de lo que realmente son.

3. Un método de construir confianza

La actitud de “qué narices” se basa en su mayor parte en la confianza. La confianza en el poder mágico del Deshacer, es lo que permite que juguemos y experimentemos con una aplicación. A través de la experimentación, el juego y el conocimiento llega la confianza en nuestras propias habilidades. Ese es el poder del Deshacer.

Oportunidades de dotar de un Deshacer

Ahora que hemos establecido la importancia del deshacer, el siguiente paso es mirar a qué opciones están disponibles como diseñadores web para dotar a nuestros usuarios de ellas. He encontrado cuatro modos en que esto es posible, sin embargo la triste realidad es que continuamente tiramos por tierra estos métodos por la manera como diseñamos o codificamos.

a) El botón de Volver atrás

Me he sentado en cientos de sesiones de usabilidad durante la última década y no recuerdo una sola donde el usuario no empleara el botón de Volver atrás del navegador en algún momento. El botón de atrás es la principal cuerda de seguridad que emplea la mayoría para arreglar problemas, y sin embargo en la mayoría de sitios no funciona correctamente. El problema reside en el uso de AJAX y Flash, que rompe la metáfora de página con la que se han pensando y construido los navegadores. El mismo problema ocurre con los frames (marcos) y fue una de las razones fundamentales por la que acabaron decayendo.

Si bien hay remedios para este problema en Flash y en AJAX, son menos que perfectos y se implementan raramente. Se debe dar atención seria a este asunto cuando se desarrollan aplicaciones web, ya que no hacerlo restaría usabilidad y además perjudicaría a la confianza del usuario.

b) Las líneas de navegación jerárquicas (Breadcrumbs)

[Nota: breadcrumbs o “miguitas de pan” es una referencia al típico cuento de Pulgarcito donde el pequeño era abandonado en el bosque y podía volver a su casa por el rastro de migas de pan que había ido dejando. En la web moderna equivaldría a poner al usuario las categorías y subcategorías en las que ha ido entrado, haciendo que sean enlaces y te dejen volver a otras partes anteriores del árbol de navegación]

Hubo un tiempo en el que los usuarios no entendían las líneas de navegación jerárquica. Sin embargo como ha sugerido recientemente Jakob Nielsen [el gurú de la usabilidad], ya no es ese el caso [véase este enlace al respecto].

Las “breadcrumbs” o líneas de jerarquía de navegación como esta son una
ayuda más al usuario para deshacer y volver a donde ya estuvo

Si bien las líneas de navegación nunca deben plantearse como un sustituto del botón de atrás, funcionan como una alternativa útil para usuarios más experimentados. Lo que es más, aunque tradicionalmente se han empleado en websites basados en el modelo de página, puede trasladarse fácilmente su uso a aplicaciones web [o interactivos].

c) Marcadores o Favoritos

En las sesiones de usabilidad he visto ocasionalmente utilizar favoritos y marcadores como herramienta de deshacer para volver a una página anterior. Pero al contrario que con el botón de Volver esta funcionalidad a menudo no es posible en las aplicaciones web modernas que actualizan secciones de una página en vez de la página entera. Los favoritos permiten al usuario regresar a “puntos seguros” marcados en su navegar; en consecuencia deberíamos hacer lo más posible para que esta habilidad siga funcionando.

d) Página inicial (Home Page)

Casi todos los sitios web tienen un enlace a la página de inicio, sin embargo no todos hacen este enlace tan evidente. Una práctica común es hacer que el logotipo del website sea un enlace a ella, y si bien esta práctica en sí misma está bien, no es tan obvio que este enlace exista y muchos usuarios no están al tanto de ello.

Tener un enlace a la página principal es una manera estupenda de dejar al usuario “volver a empezar” pero si vas a facilitar dicha funcionalidad necesita ser todo lo evidente que sea posible.

Así que esto ha sido todo: el por qué el Deshacer es tan importante y algunas técnicas para hacer sencillo volver atrás en tus websites. Espero que te sean de ayuda.

———————-

Artículo original en:
http://www.boagworld.com/archives/2007/06/the_importance_of_undo.html

También es muy recomendable este artículo en español que comenta algunos de estos aspectos: http://www.nosolousabilidad.com/articulos/orientacion_usuario.htm

Por cierto, si queréis saber quién inventó el Control+Z / Comando+Z en Mac (y no, no fue Bill Gates) os animo a visitar este artículo: el Control+Z