jmarquez.com - diseño de interacción / interaction design

GUIdebook, Graphical user interface gallery es un excelente site para revisar de manera gráfica, lo que ha sido el desarrollo de las interfaces de usuario en ordenadores personales en los últimos años.

Básicamente son imágenes que recogen tanto captura de pantalla como elementos de interfaz. Muy buena es, por ejemplo, la colección de iconos organizada en una matriz donde en un eje están las versiones de los sistemas operativos y en el otro la aplicación a la que hace relación el icono. Así, se puede comparar cómo los diversos sistemas (Windows en todas sus versiones, Mac, OS2, etc.) han enfocado la representación gráfica de un mismo concepto en un mismo año.

La galería es extensísima y muy completa. Incluye sonidos, pantallas “splash” (la pantalla que aparece al iniciarse un programa), líneas de tiempo, iconos, etc. Pero además, contiene referencias de libros, artículos, anuncios y unos cuantos extras muy interesantes.

Sin duda, un site para tener entre los favoritos y revisar de vez en cuando.

El enlace me lo pasó mi amigo John.

Hace mucho que esperaba que alguien diese una visión concreta y práctica sobre cómo hacer buenos wireframes (a.k.a. prototipos desnudos, blueprints, layouts, etc.) Yo nunca me animé a ello y ahora me encuentro con un excelente poster de Dan Brown sobre el particular (ojo, es en PDF).

Me gusta especialmente porque recoje de manera sencilla tanto las técnicas de representación de información en un wireframe como los problemas que pueden tener (sobre todo de mala interpretación de los clientes) y la forma de aplicarlas correctamente.
El poster se ha presentado en el IA Summit 2005 realizado en marzo en Canadá.

Brown sabe de lo que habla, sino basta mirarse la serie de artículos sobre el tema que lleva publicando desde 2002 en Boxes and Arrows. Toda una colección de 10 textos sobre entregables que revelan hasta los más íntimos secretos de Visio y las mejores enseñanzas de Tufte.

(encontrado vía Guuui.com)

MacGourmet es un programita fantástico para clasificar, almacenar, consultar y crear recetas de cocina. Tiene un montón de funcionalidades que no se encuentran en otros programas de este tipo (a menudo simples bases de datos). Por ejemplo, la conexión con una web propia donde se publican recetas semanalmente, múltiples vistas de las recetas contando con una pensada para usar en la cocina (con letras enormes para verla de desde lejos), posibilidad de crear listas de compra basada en recetas, base de datos de vinos personal, herramientas para compartir recetas con otros usuarios, etc.

Pero lo realmente interesante de esta aplicación no es sólo que llene un vacío ni tampoco su reducido precio (algo así como 20 euros), sino que hace uso del modelo “librería” de MP3 para su organización. Es decir, trata las recetas como si fuesen archivos de música, teniendo en cuenta que los usuarios estamos ya acostumbrados a clasificar y cateogrizar este tipo de información. No se inventan un nuevo modelo de organización. Es más, aprovechando que es un programa para Mac, reutilizan el modelo de interfaz de iTunes que ya está probado que funciona. Genial.

La idea es sencilla: una canción tiene un montón de información adicional además de la canción misma ¿no? Es decir, datos de autor, género, número de pista, año, etc. Pues bien, una receta de cocina, lo mismo: ingredientes, tipo de plato, coste, tiempo de preparación, etc. Ambas son piezas de información que poseen N metadatos que permiten su clasificación y recuperación. Entonces, si ya existe un modelo de interfaz y de aplicación que maneja bien las búsquedas y categorizaciones y además, se ha visto que los usuarios se sienten cómodos con ella… ¿por qué inventarse la rueda otra vez? Exacto, no hay motivo. La gente de Advenio, creadores de MacGourmet, lo ha visto claro y han creado una pieza de software inteligente, bien pensada y a bajo coste. Enhorabuena.
Buf! un motivo más para seguir deseando un Mac…

via Terremoto

La empresa de Alan Cooper, maestro del diseño de interacción, está buscando un diseñador para sus oficinas de San Francisco. Aunque esto de por sí ya es interesante, lo mejor es la definición del puesto que hacen. Al menos yo, estoy completamente de acuerdo con su visión.

Resumo brevemente las características que debe tener un diseñador de interacción en Cooper:

Empatía: Curiosidad insaciable por entender cómo piensan trabajan y viven otras personas. Saben ponerse en el lugar de los potenciales usuarios.
Improvisación: Capacidad de dar con las soluciones buenas rápidamente, desechando la malas. Ser capaz de aceptar las soluciones que vengan de otros.
Fuerte habilidad de visualización: literalmente “un diseñador Cooper es quien ve una pizarra en blanco y le pican las manos por llenarla con buenas ideas”.
Gran capacidad de comunicación: Saber comunicarse con clientes y con otros compañeros aún bajo presión. Habilidad de comunicar correctamente las ideas.

y finalmente, la que más me gusta:
Deseo de diseñar: La finalidad última es el diseño. No se buscan especialistas en factores humanos, ingenieros en ergonomía, analistas de usabilidad, etc, sino diseñadores.

También es muy interesante ver que su proceso de selección parte con una prueba. En el site facilitan un PDF con un breve test para completar y enviar. Si alguien está interesado en el puesto o simplemente quiere saber cómo se llega a ser un diseñador de Cooper, este es el punto de partida.

Peter Morville, co-autor del ya clásico libro del oso polar, arquitecto de información de la escuela dura, nos sorprende con un artículo sobre Diseño de la Experiencia de Usuario, reconociendo que se ha pasado a este lado del oficio y usando términos como “emotional design”.
Sin embargo, lo interesante del artículo no radica en ver cómo ha evolucionado Morville, sino que lo que realmente vale la pena es su excelente “User Experience Honeycomb“, un diagrama que plasma las diferentes facetas que debe tener el diseño de experiencia de usuario y ayuda a explicarlo a clientes e interesados, a la vez que puede servir como una plantilla para planificar un rediseño en un website.
Tampoco tienen desperdicio los enlaces que se encuentran entre el texto ni el concepto “findability“, sobre el que hablaremos otro día.

En un mail a la lista de Cadius, Roberto Bolullo reseñaba una presentación llamada “Interaction Designers: what we are, what we do & what we need to know” que explica de forma clarísima todo lo relativo al oficio. De revisión absolutamente obligada. También es absolutamente recomendable el PDF “Interaction Design, a new way of looking to things?” escrito por el propio Roberto.

Ayer comentaba con Javier si podemos decir que nuestra tarea es, en cierto modo, hacer “ergonomía” de webs. Según este artículo la ergonomía “trata de adaptar los productos, las tareas, las herramientas, los espacios y el entorno en general a la capacidad y necesidades de las personas, de manera que mejore la eficiencia, seguridad y bienestar de los consumidores, usuarios o trabajadores. Por ello, tiene que tener como epicentro a las personas y considerar sus características, capacidades, necesidades y preferencias”.

Si extrapolamos un poco, sólo un poco, y nos quitamos de la cabeza la idea de diseños de sillas y de oficinas, y tomamos la interfaz como el entorno general de la experiencia de usuario, la definición es bastante acertada.

Por su parte, Pedro Mondelo, profesor del master de ergonomía de la Universitat Politècnica de Catalunya, y traductor de esta guía, dice: “los ergónomos contribuyen a evaluar y diseñar tareas, trabajos, productos, entornos y sistemas de manera que sean compatibles con las necesidades, aptitudes y limitaciones de los seres humanos”.

Bastante parecido a los arquitectos de información y diseñadores de interacción, eh?

Ya está aquí, recién salida del horno: boxes and arrows, la revista digital de user experience de Christina Wodtke y sus colegas.

Vale la pena leer el artículo de Nathan Shedroff sobre experience design y cómo ha evolucionado el tema de los nuevos roles y nombres (information architect / information designer) que suenan en este mercado. Nathan hace referencias a la historia de estas disciplinas y defiende una idea: dejémonos de tanto nombre y rol distinto y dediquémonos a lo que importa: la experiencia completa.

Destaco esta idea: “It’s a sad state of affairs when each company—and potentially each freelancer and consultant—reinvents a new vocabulary simply to call their own, while further confusing clients and the world-at-large just at the moment we should be clearly communicating who we are and what we do.”

Vale la pena leer a Shedroff, sabe de lo que habla. También es recomendable su libro Experience Design.