Also available in English

Inf@Vis!

La revista digital de InfoVis.net

Gestalt e Impulso Visual.
por Juan C. Dürsteler [mensaje nº 19]

La semana pasada reflexionábamos sobre la importancia de usar texto e imágenes de forma apropiada. Pero, para que la comunicación sea más efectiva, la conexión entre ambas se ha de evidenciar. Lo que se sabe científicamente sobre este tema es todavía incipiente. El recurso al sentido común sigue siendo, pues, una poderosa herramienta. No obstante hay una serie de hallazgos de la sicología de la percepción que nos pueden ser útiles.

Siguiendo de nuevo a Colin Ware (ver el artículo anterior) cabe distinguir entre enlaces estáticos y dinámicos.

Enlaces Estáticos

A la hora de realizar un vínculo entre texto e imágenes no animadas, los principios de la organización de la percepción de la sicología de la escuela Gestalt nos pueden ser de utilidad. Son:

Proximidad. Los objetos cercanos entre si tienden a percibirse como agrupados.

La figura adjunta no parece constar de 4 hileras de triángulos sino de 2 grupos de 2 hileras.

Similaridad. Los elementos que comparten características similares como forma, color, orientación, tamaño o textura tienden a considerarse como agrupados. 

Los triángulos invertidos se perciben como una columna. Los triángulos rojos como una fila.

Continuidad. Es más probable que construyamos la percepción de una entidad visual a partir de elementos que son continuos y muestran transiciones suaves.

La figura se percibe como una X ondulada en vez de como cuatro curvas que confluyen en un punto.

Simetría. Si en los elementos de una figura existe simetría, se tiende a percibir el conjunto simétrico como un todo, en vez de sus partes por separado.

Se perciben 2 cuadrados superpuestos en vez de 2 figuras simétricas tocándose por las esquinas.

Clausura o Cierre.  Tendemos a ver figuras completas o cerradas a partir de contornos, incluso aunque sean incompletos. Un contorno cerrado induce una fuerte tendencia a dividir el espacio en dentro y fuera del mismo.

Se percibe un pentágono, un cuadrado, un circulo y una elipse, a pesar de que ninguno lo es realmente.

Tamaño relativo o Área. En dos figuras que se superponen, la más pequeña se percibe como objeto y la mayor como fondo.

La estrella se percibe como el objeto y la elipse como fondo.

Los principios más usados son Proximidad, Continuidad y Clausura.

Enlaces Dinámicos

La animación y los sistemas multimedia permiten la conexión de imágenes en movimiento con texto hablado y escrito. En este caso la estrategia de enlace puede llegar a ser muy compleja.

De los distintos conceptos que se pueden utilizar para enlazar imágenes y texto el que me parece más interesante es el Impulso Visual (Visual Momentum)

Este concepto surge del trabajo de Hochberg y Brooks* en 1978 al considerar la forma en que se enlazan las diferentes tomas en cinematografía. La base de la idea es que cuando se mira una escena estática se recogen sólo unos cuantos rasgos principales y enseguida se pierde la atención. El recurso de las tomas cambiantes en una película permite añadir perspectiva a la narración, al abordar la escena desde diferentes ángulos y aportar información complementaria.

En cierta forma cada toma plantea unas preguntas visuales y responde otras. En cuanto hemos obtenido repuestas hay que cambiar de toma para no perder la atención del público. Lo importante es que el mantenimiento del Impulso Visual no rompa la coherencia. La protagonista no puede salir con un peinado diferente en cada toma de una misma escena.

La traducción a la visualización de información sería la de ofrecer varias vistas de la información que permitan la comprensión desde distintas perspectivas. A este respecto, el propio Hochberg concluye que para que una vista detallada surta más efecto ha de ir precedida de una vista de conjunto. El orden contrario es mucho menos efectivo.

La inmersión en un sitio web, por ejemplo, nos expone a diferentes tomas de su contenido, por lo que el diseño de una interfase de usuario también ha de mantener el impulso visual. En cualquier caso es preciso

  •  Mantener la coherencia. El peinado de la chica o el estilo de un sitio web.
  •  Evitar transiciones bruscas para mantener el contexto.
  •  Mantener los objetos que actúan como referencias visuales para situarnos. Los enlaces a la página principal o la barra de navegación que nos dice en que página nos encontramos en una web.
  •  Presentar la información de conjunto primero y el detalle después. Por ejemplo el mapa de radar de algunos juegos interactivos que nos dice donde estamos dentro de cada nivel o el mapa conceptual del sitio web.

El diseño es una mezcla de ciencia y arte. Por ello una aproximación multidisciplinar a los distintos campos científicos que aportan luz sobre la Visualización de Información es imprescindible para nutrir el arte y el talento que está detrás de los buenos diseños.


* Hochberg, J y Brooks, V, Film Cutting and Visual Momentum en "Eye movements and the Higher Psychological Functions", Wiley, NY

Enlaces de este artículo:

http://www.infovis.net/printMag.php?num=18&lang=1  
http://www.ub.es/dppss/psicamb/2222.htm  
© Copyright InfoVis.net 2000-2014