Interacción gestual en nuestro entorno digital cotidiano

Los amigos de Usolab (@usolab) nos pasan referencia de una interesante lectura titulada “Curious Rituals. Gestual Interaction in the Digital Everyday“, un libro gratuito en PDF que forma parte de una investigación realizada por Nicolas Nova, Katherine Miyake, Nancy Kwon and Walton Chiu, del Media Design Program en el Art Center College of Design de Pasadena, California.

curious_rituals

El objetivo del proyecto es analizar gestos y posturas que han ido surgiendo con el uso de la tecnología digital y generar una documentación que resuma la interacción gestual que se produce en nuestra vida cotidiana.

baboons_face

A esto se suma una recreación audiovisual de la evolución digital y del futuro de estas interacciones titulada A digital tomorrow.

La pureza de las formas geométricas

Un ejercicio muy sencillo que realizo de vez en cuando en mis clases cuando comenzamos a hablar de diseño consiste en pedir que, a partir de formas geométricas básicas, se llegue a la definición conceptual de un objeto, producto o servicio. Algo que pueda ser posteriormente utilizado como icono o como el inicio de una marca, la identidad, pero que, en su origen, sirva para dar sentido a un primer proceso de creación en diseño.

castle_piano

Les permito combinar diferentes figuras geométricas, superponerlas, sumar o restar partes de las mismas pero siempre jugando con proporciones, simetrías, asimetrías… que den al conjunto un orden y equilibrio perceptual. Eso significa dibujar previamente en papel, dedicar tiempo a bocetar, medir, observar posiciones… En definitiva, elegir entre un universo de posibilidades. Al fin y al cabo, el diseño es elegir ¿no?. Y si nos ponemos mas exquisitos, saber elegir.

mountain

El resultado nunca es fácil ya que “restringir” el proceso de creación siempre genera un “bloqueo mental” que impide que hagamos un uso correcto de la simplicidad para llegar a representaciones significativas de la complejidad. A esto se suma que es necesario comprender las leyes perceptuales y principios elementales del diseño (forma, posición, dimensión, orientación, relación, color…) para llegar a una correcta y equilibrada composición.

Reconozco que disfruto con este ejercicio y aprendo mucho ya que dedicamos algún tiempo a analizar y descomponer los trabajos realizados, corrigiendo y mejorando cada composición.

Alex Pankratov me ha dado una idea para este ejercicio que lo complica todavía mas. ¿Y si sólo utilizamos una única figura geométrica?. La propuesta de Pankratov puede verse en su propio avatar, un sencillo cohete espacial al que ha ido dando forma sumando círculos.

rocket_pankratov

Merece la pena hacer este esfuerzo de simplificación y buscar propuestas similares haciendo uso de rectángulos, cuadrados, triángulos…

Icono papelera

Las formas geométricas facilitan alternativas, abren posibilidades, definen el comienzo partiendo de un lenguaje puro y sobrio. Son ineludibles aunque eso no quita que podamos admitir su parcialidad.

Pero las buenas composiciones han sabido aprovecharse del saber geométrico y enriquecerlo hasta encontrar nuevos caminos, nuevas relaciones que no restringen, al contrario, aumentan el discurso morfológico.

Trabajos de Maria Corte

Trabajos de Maria CorteImágenes de María Corte

Nueva propuesta de iconos gestuales

P.J. Onori es diseñador en Adaptive Path y un activo bloguer que escribe en Some Random Dude (SRD). Hace unos días publicó una nueva propuesta de galería de iconos gestuales que se suma a otras propuestas (como la de Anthony Faconti o la de Ron George) de las que he hablado por aquí.

iconos_gestuales_onori

En cierto modo es una evolución de esas propuestas anteriores ya que Onori ha analizado y valorado la situación actual, ha tenido en cuenta esos trabajos y ha podido realizar así mejoras importantes que corrigen algunos inconvenientes manifiestos.

Nearing the completion of this icon system, I ran across the work of Ron George who had come to the same conclusion as I had in the belief that standardization would require abstraction. This gives me confidence that there is something to this idea. I do not think the icons are perfect, but I truly think there is something to this idea. I am planning on releasing it as a finished set when it is at a more refined state. I am hoping to get feedback from readers to get a sense if the sentiment is shared and how it can be improved for greater clarity and aesthetics. Once I feel confident that the system is at an appropriate level of completion, I will release it for free under the Creative Commons share-a-like license.

Gesturcons 1.0. La representación icónica de experiencias táctiles

El Diseñador de Experiencia Ron George sabe definir muy bien su profesión y lo demostraba reciéntemente haciendo pública la primera parte de un gran proyecto: Gesturcons: Touch Pack 1.0.

Gesturcons

Se trata de un lenguaje visual basado en representaciones icónicas de las acciones gestuales de los usuarios frente a una interfaz táctil.  Muy útil para todos aquellos diseñadores que están desarrollando productos en este campo.

Su primera versión – lanzada a modo de tentativa para recibir feedback – se basa en un sistema presentado por George hace poco tiempo (Objetos, Contenedores, Gestos y Manipulaciones, OCGM) y que, según palabras del propio Ron George, sería la metáfora que haría evolucionar el sistema operativo Windows:

The WIMP interface is a slow dying breed as our demands on user experience and the demands of user’s keep inflating. It’s time to start thinking in a new direction. A direction that sheds many of the harnesses of the old acronym and begins to explain the building blocks of the future. It will be simple, concise, and cover all of the bases we need. There is no need to rely on pointing devices, menus, or windows anymore. It’s time to let the experience be the interface, and the user to be in total control. The interface will begin to blend in with the experience and the experience will be the interface.

Aun así, todo está en el aire (tanto que la descarga a día de hoy no está disponible) y seguro que este primer pack va a recibir sucesivos cambios y mejoras, ayudando así a explorar todas las posibles  interacciones y sus referentes visuales.

gesturcons - glosario

Esta primera publicación está orientada a los sistemas táctiles pero George ya tiene preparado otros packs (espacial y de voz) muy apropiados para todos aquellos proyectos que se enmarcan en el desarrollo de interfaces de usuario naturales (NUI).

Señalética y pictogramas desde Alemania

¿Qué relación puede haber entre el Museo Porsche y el Aeropuerto de Colonia?.

porsche museum cologne bonn airport

Es evidente que la primera respuesta sería que ambos lugares están en Alemania. Pero no es mi intención hablar de su localización.

Si nos centramos en su diseño, ambos gozan de un excelente reconocimiento internacional. El primero por apostar por una espectacular arquitectura y concentrar en su interior toda la historia de esta gran marca. El segundo, entre otras cosas, por poseer una magnífica identidad y un sistema integral de comunicación, en el cual la señalética adquiere su máxima expresividad y significado.

Pero curiosamente Michael Pieracci nos ha descubierto algo más en el interior del Museo Porsche. Su señalética guarda estrecha relación con la que diseño Ruedi Baur para el Aeropuerto de Colonia.

Stuttgart, Porsche Museum

En Fontshop la consideran como una aplicación del trabajo de Daniel Utz: FF Netto.

FF Netto Icons Instructions

En cualquier caso, es un auténtico placer ver cada pictograma. Podríamos decir que su eficacia comunicativa está en parte avalada por el uso de representaciones socialmente aceptadas y de adopción internacional, como sucede en otras muchas colecciones.

pictogramas FF Netto

También es cierto que en la mayoría de los casos no llegan a representarse interacciones complejas. Esto permite que no haya debilidad semántica y que no se reduzca excesivamente la eficacia comunicativa.

Pero en parte, el éxito de trabajos como estos, o por lo menos su reconocimiento, se puede atribuir a la eficaz eliminación de todo  rasgo, trazo o elemento morfológico que dificulte el reconocimiento o la atribución de significado (¿simplificación funcional?).

También su adecuación al contexto y su valoración como un sistema integral de identidad introducido en tal contexto, permiten que la dimensión simbólica goce de una excelente intencionalidad y funcionalidad aparente.

Es muy habitual  encontrarse en estos lugares con una mezcla de mensajes, iconos y advertencias mostrados arbitrariamente y casi de forma simultanea. Algo que entorpece y elimina la razón por la que fueron creados.

En definitiva, es posible que la estética, el significado, la función y la aplicación de estas colecciones destaquen por encima de otros trabajos. Pero no encuentro razones poderosas  para pensar que este esfuerzo no pueda realizarse en otros muchos sitios públicos o privados.

Además resolvemos numerosos problemas y necesidades, tal y como podemos observar en el caso del Aeropuerto de Colonia, que ha hecho extensible de forma extraordinaria su iconicidad a la web.

Dos píxeles pueden marcar la diferencia

Jugando con píxeles, y recordando un antiguo post de Alex Buga, me salen estas posibilidades que pueden aumentar con otras muchas variaciones, tanto en el número de píxeles utilizados como en la posición de los mismos.

Two pixels is the difference

Lo único que se me ocurre decir es que cada uno lo interprete como crea conveniente.

En mi caso: Todos somos iguales pero, para bien o para mal, pequeños detalles son los que nos hacen diferentes.