Tentándole (interacción)

francisco tosete | arquitectura de información, interacción y diseño

histórico de posts

March 30, 2008

Mejora de la usabilidad del “Explorador de dibujos” de Microsoft Visio

Me gusta Visio. Me encanta. Disfruto prototipando con él aunque eso sí, tiene cosas que habría que mejorar.

En la versión de Office 2003, en la gestión del “Explorador de dibujos” (desconozco si varía en Office 2007, si es así comentádmelo por favor) una de las cosas que echo de menos es un funcionamiento más similar a la parte derecha del “Explorador de Archivos” de Windows XP (que no a la parte izquierda donde el funcionamiento del árbol de contenidos es similar al de Visio).

Explorador de dibujos de Microsoft Visio 2003
Explorador de dibujos de Microsoft Visio 2003

Cuadro de diálogo del Explorador de archivos de Windows XP
Explorador de archivos de Windows XP

Entre otras cosas, me gustaría poder hacer selecciones múltiples de varias hojas con la tecla mayúsculas pulsada si son adyacentes, o control si son discontinuas, y poder arrastrarlas a otro punto del árbol para ordenarlas según mi criterio. En el caso de una selección discontinua de hojas el cursor mostraría una pequeña miniatura de hojas apiladas que el usuario podría arrastrar por el árbol hasta el punto que desease.

El cuadro de “Reordenar páginas” es muy incómodo tanto por el tamaño de la ventana que permite leer un número limitado de hojas (prototipando se trabaja con muchas hojas y el área de visualización de los cuadros de diálogo es bastante limitada lo que implica tener que hacer un uso intensivo del scroll horizontal en este tipo de ventanas con la consiguiente incomodidad y pérdida de productividad) como por el hecho de que para reordenarlas tienes que ir pinchando de una en una y no puedes mover un conjunto de páginas a la vez (el patrón de interacción es clic en primer nombre de hoja, clic en el botón de “Subir” o “Bajar” para colocarla en el orden deseado, clic en “Aceptar” para terminar el proceso y sucesivamente con las restantes hojas). Por otro lado, cada vez que se añade una hoja nueva se incorpora automáticamente al final y no inmediatamente después de la hoja activa con la necesidad de tener que reubicarla en la posición deseada a continuación.

Cuadro de Reordenar paginas de Microsoft Visio 2003
Cuadro de “Reordenar paginas” de Microsoft Visio 2003

Ofrecer el modelo de interacción propuesto para el “Explorador de dibujos” sería una buena mejora de usabilidad. No he trabajado habitualmente de momento con Windows Vista (mi portátil tiene XP) pero creo recordar que han añadido checkbox para poder hacer operaciones de grupo sobre elementos discontinuos del árbol.

January 30, 2008

La Web es complicada o manifiesto por la simplicidad

Llevo toda el día y buena parte de la semana anterior con benchmarkings y me he registrado y probado treinta o cuarenta sitios.

Y es que ya no puedo evitar decirlo:

¡¡Simplicidad, quiero simplicidad!!

Para la tarea que sea, me da igual.

Si tengo que subir una foto quiero subir una foto, no se la quiero enviar a zutano ni a mengano a la vez que la publico, no la quiero rotar, ni cambiar los colores ni el contraste, ni la quiero recortar, ni redimensionar, ni quiero contar una historia sobre ella, ni poder mandarles al mismo tiempo un mail a todos mis amigos contándole lo maravillosa que es y que la vean, ni marcar/desmarcar una cruz cada vez para compartirla o hacerla pública en mi perfil privado o en el público, ni incluirla de entrada en un albúm que ipso facto tengo que crear perdiendo otros xx minutos y dedicando otras xx neuronas a la tarea. Multiplicado todo ello por las otras xxx tareas cotidianas que tendré que llevar a cabo de aquí a que termine el día en otros xxx sites de la Web.

La Web es un espejo de nuestro mundo real. Estaba acordándome de Donald Norman y la “Psicología de los objetos cotidianos” donde entre otras cosas denuncia la tremenda complejidad de los mismos. El otro día perdí una hora de reloj con mi padre cambiando la puerta de la nevera de sitio porque la hoja abría contra el espacio útil de la cocina en lugar de hacerlo contra la pared. 40 minutos fueron para descubrir cómo se desmontaba el frontal y para lograr sacarlo sin cargarnos la nevera, el resto para desatornillarla en un momento, cambiar las bisagras y volver a montar el frontal cuando sabíamos como iba.

La Web es como cambiar la puerta de mi nevera. Algo complicado, muy complicado. Mientras que debería ser como la nevera que se compró hace seis meses una amiga, simple, muy simple, tan simple y tan bien diseñada que cambió la puerta en cinco minutos.

La Web hace perder una cantidad de tiempo tremenda a la gente así que por favor, deconstruyamos las interfaces.

Simplicidad, quiero simplicidad…

pero si es que sólo quiero subir una foto de verdad… nada más que eso

August 7, 2007

Matemáticas, layout y principios de diseño

Aunque al igual que otros internautas mi volumen de lectura no puede igualar a mi volumen de compra de libros, tengo la debilidad de no poder dejar de visitar la sección de Diseño cada vez que paso por la Casa del Libro. ¡Así me va! :-)

El caso es que en esas visitas uno siempre termina encontrando auténticas joyas. En concreto, la última que cayó en mis manos (me encanta esto de la serendipia en la compra de libros. Lo más parecido a bucear entre los estantes de la Casa del libro pero en la red es lo que hace Amazon) fue un libro llamado “Fundamentos de diseño” de Wucius Wong, de la editorial Gustavo Gili.

En la Web queda mucho por investigar, y concretamente, queda mucho por extrapolar desde el mundo del diseño gráfico al diseño de información digital y la construcción de interfaces. Los principios que subyacen en el prototipado de cualquier interfaz provienen directamente de nuestro cotidiano papel con sus cerca de 1400 años de existencia.

Teniendo en cuenta que la primera imprenta no aparece hasta el 1045 en China (Pi Sheng desarrolla caracteres móviles con arcilla y luego tipos móviles de madera y metal) y que la imprenta moderna ve la luz en 1440 fruto de la invención del maguntino Johan Gensfleisch Zum Gutemberg, la humanidad lleva más de milenio y medio experimentando formas de representar ideas y conceptos en papel (sin olvidar otros soportes escriptóreos anteriores tales como la piedra -entre 15.000 y 9.000 años-, las tabletas de arcilla, de cera, de madera, los papiros -unos 5.000 años-, y el pergamino). Tiempo más que holgado para que hayamos asentado unos estudiados principios de diseño gráfico en una superfice espacial e interactivamente limitada como el papel.

TAN limitado el papel y a la vez una fuente TAN ESTIMULANTE de inspiración. Queda tanto por hacer… y que yo sepa nadie ha publicado hasta ahora un auténtico manual de diseño que extrapole los principios del Diseño Gráfico a la World Wide Web.

Las analogías están ahí aunque el canal es radicalmente diferente al igual que el tipo de interacción que mantenemos con uno y otro.

Papel vs Web.

Cuando estaba leyendo el libro ayer hubo un momento en el que a partir de una referencia que había en una página en la que remitía al capítulo 6 del libro me sorprendí pensando con una cuasi-indignación cómo era posible que no pudiera hacer clic en una referencia de la hoja que tenía en las manos para ir al capítulo correspondiente. Me sorprendí pensando en lo anticuado e ineficiente que se me había quedado mi querido y amado libro (soy Biblioteconomista entre otras cosas). En lo limitado que es su interfaz (la página) en cuanto a la representación de información ya que no puedo plegarla más allá de los límites de la hoja como sí puedo hacer en una página web con elementos tales como combos, radio buttons, etc, etc, y en la extraordinariamente pobre interacción que mantenemos con los libros (accedemos a la información de modo secuencial -página tras página- o directo -a partir de una entrada de los índices onomásticos o temáticos, del propio sumario, etc- con un considerable esfuerzo y consumiendo gran cantidad de tiempo frente a un enlace de hipertexto).

La Web y el hipertexto es la evolución natural y lógica de nuestra sociedad papel y como diseñadores de interfaces y de interacción tenemos que empezar la casa por los cimientos lo que implica conocer los principios básicos del diseño gráfico y forzarnos a pensar como podemos extrapolarlos y aplicarlos al diseño de interfaces líquidas en la Web o a cualquier dispositivo digital y diseño líquido.

Y para ello nada como empezar por libros como el citado. Hay mucha investigación básica por hacer y en este campo la Universidad es clave para ello. Debería existir una relación más estrecha entre empresa privada y Universidad. Los doctorados están llenos de gente brillante que tiene mucho que decir y en Arquitectura de Información hay Facultades que sobresalen. Faltan profesionales en Usabilidad y Arquitectura.

June 28, 2007

Mcafee y los mensajes de ayuda

El otro día hablaba del caso de la Agencia Tributaria. Hoy le toca el turno a Macfee. Amén de que año a año con cada nueva actualización el ordenador va perceptiblemente más lento y sin entrar a comentar otros aspectos de la usabilidad de la interfaz de la versión del 2007, los mensajes de ayuda a las operativas son francamente complicados de entender.

En el siguiente ejemplo, el principal problema que existe es la forma en que está redactado el mensaje de ayuda. Es una selección negativa, o lo que es lo mismo, para incluir servicios en la protección de SecurityCenter hay que deschequear las casillas que correspondan.

Macfee, mensajes de ayuda en negativo

El estado es:

  1. Casilla deschequeada –> servicio incluido
  2. Casilla chequeada –> servicio no incluido

lo que choca y es justo al contrario que el modelo mental del usuario que es:

  1. Casilla chequeada –> servicio incluido
  2. Casilla deschequeada –> servicio no incluido

Creo que ésta sería una solución mucho más óptima:

Macfee, mensajes de ayuda en positivo

La usabilidad significa facilidad de uso. Tenemos que tender a reducir al máximo el esfuerzo cognitivo que tiene que hacer el usuario para comprender las cosas o parafreseando a Krug, no le hagamos pensar (al menos, ni un momento más que lo estrictamente necesario).

June 14, 2007

Cajetín de búsqueda de Sedo.com

Lo encuentras en: Usabilidad

Cajetín de búsqueda de Sedo.com

« Artículos anteriores





















Get free blog up and running in minutes with Blogsome
Theme designed by Hadley Wickham