Documentos de Académico
Documentos de Profesional
Documentos de Cultura
_______________________________________________________________________
EL-DISENO.COM
Downloaded by Jonatan Espa?a Rodr?guez on Mon Oct 04 2021 at 16:24:43 PM CDT
REVISTA INTERNACIONAL DE
PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
https://el-diseno.com/revista
Primera edición Common Ground Research Networks 2019
University of Illinois Research Park
2001 South First Street, Suite 202
Champaign, IL 61820 USA
Ph: +1-217-328-0405
http://cgespanol.org
Resumen: La presente investigación propone el estudio de la percepción de la forma a partir del comportamiento del ojo
frente a un estímulo visual organizado. El objetivo principal de este trabajo es monitorear el proceso de percepción de
una imagen (número de fijaciones, rutas de exploración, duración de la mirada fija en un área de interés y la densidad
espacial de las fijaciones), y analizar los principios de la Teoría Gestalt para comprender cómo se produce el proceso
visual perceptivo de un usuario estándar. El estudio parte del análisis perceptivo de una imagen seleccionada del artista
Cruz-Diez mediante un software especializado en análisis de saliencia (Gazehits), y se complementa con un proceso
experimental con sujetos de estudio sometidos a una prueba de rotación y seguimiento ocular con un dispositivo llamado
Eye Tracking, basado en las medidas propuestas de Poole y Ball (2004). Este documento se centra en la recopilación y el
análisis de los datos cualitativos y cuantitativos obtenidos en las pruebas de seguimiento ocular de los participantes en el
experimento.
Abstract: The present investigation aims to the study of the perception of the form from the behavior of the eye in front of
an organized stimulus. The main purpose of this work is to monitor the visualization process of the form (number of
fixations, scan paths, duration of the fixed gaze in an area of interest and the spatial density of the fixings), analyzing
principles the Gestalt Theory, to understand how the perceptual process occurs, centered on the user's vision. Part of an
experimental development with study subjects, an eye rotation test, and eye tracking with a device called Eye Tracking,
based on the proposed metrics of Poole and Ball (2004). This paper centers on collecting and analyzing qualitative and
quantitative Eye Tracking data.
Introducción
E l diseño, por su naturaleza, está regido bajo el peso de la imagen. Marcados por el
privilegio que se le da al sentido de la vista, la realidad y el mundo son concebidos como
esencialmente visuales (Zimmermann 1998, 43). Uno de los principales problemas que
existen dentro del diseño, radica en que la teoría que sustenta a la disciplina está basada en gran
medida en la Percepción, y ésta es analizada desde lo cualitativo en función de sus condiciones
formales y de organización; de ahí que, muchos de los principios, leyes y fundamentos que la
sustentan en el campo del diseño, no han sido sometidos a experimentación y registro desde lo
cuantitativo.
Actualmente, la tecnología ha avanzado mucho y con recursos como el Eye Tracking se
llevan a cabo registros detallados del seguimiento ocular de un sujeto mientras explora una
imagen, lo que supone poner a prueba la teoría de la percepción con experimentos diseñados ex
profeso. En los últimos años se ha observado el incremento del uso de instrumentos que permiten
un registro de los procesos perceptuales, lo que ha traído consigo su revaloración en diferentes
1
Corresponding Author: Eréndida Mancilla González, Av. Niño Artillero # 150. Zona Universitaria, Maestría en
Ciencias del Hábitat, Facultad del Hábitat, Universidad Autónoma de San Luis Potosí, San Luis Potosí, San Luis Potosí,
78290, México. email: erendida@fh.uaslp.mx
áreas de estudio, así como en el campo del diseño (Blascheck, Burch, Ertl, Kurzhals, Raschke &
Weiskopf 2014).
La Percepción Visual
El término percepción se refiere a la capacidad que tenemos para obtener información sobre el
Los psicólogos de la Gestalt, a principios del siglo XX, Max Wertheimer, Kurt Koffka y
Wolfgang Köhler, consideraron a la forma como una unidad primitiva de percepción que toma
sus propiedades de procesos cerebrales subyacentes, que se pensaba, eran una respuesta directa a
las energías que actúan sobre el sistema nervioso sensorial. El concepto principal de esta escuela
era el de la organización perceptual; sostenían que mientras que las sensaciones se dan
lógicamente separadas y sin relación entre sí, nuestras percepciones captan “todos globales”, es
decir, cosas unitarias. “Las unidades enteras que percibimos - por ejemplo, una melodía o la
forma de un objeto- no son sólo el resultado de un proceso de organización que unifica unos
elementos del mundo más bien que otros. Los elementos de estas unidades están relacionados
entre sí hasta el punto de crear una configuración cuyas propiedades no residen en las partes”
(Rock 1985, 11).
Esta teoría defiende que “…percibimos lo que es más probable que haya producido la
estimulación recibida y que, por tanto, la estructura psicológica refleja por lo general la
estructura física” (Gregory 1974). La Gestalt no es algo que posean los objetos, sino que hace
referencia a un “reconocimiento” por parte de un observador; sólo se manifiesta en la percepción
del estímulo cuando se reconoce la estructura de éste (Villafañe 2006, 58). No se percibe la
forma aislada sino como un conjunto organizado, como una totalidad, que no es independiente ni
ajeno al contexto en el que se ubica, y está ligado al conocimiento y la experiencia que posee un
sujeto y a la capacidad de éste para percibir y decodificar los estímulos externos (Cuevas 2010,
25).
Los teóricos de la Gestalt sostenían que percibimos objetos y acontecimientos no porque
aprendamos a interpretar nuestras sensaciones, sino porque la evolución nos ha proporcionado un
sistema nervioso que suministra organizaciones perceptivas tridimensionales en condiciones
apropiadas (Gregory 1995, 489).
Para explicar mejor la organización Gestalt, se formularon una serie de leyes o principios de
organización que se pueden agrupar en torno a dos grandes tipologías (Cuevas 2010, 25):
Principios de agrupamiento y principios de diferenciación. Los primeros reúnen a todas las leyes
que se avocan al establecimiento de las condiciones óptimas para que los objetos, que forman
parte de una escena, tiendan a relacionarse entre sí formando grupos significativos o de sentido.
A ellos corresponden las leyes de pregnancia, semejanza, buena continuación, proximidad,
vinculación, destino común, cerramiento, inclusividad y articulación sin restos. Los segundos, los
12
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
El equilibrio es, pues, la referencia visual más fuerte y firme del hombre, su base
consciente e inconsciente para la formulación de juicios visuales. Lo extraordinario es
que, aunque todos los patrones visuales tienen un centro de gravedad técnicamente
calculable, no hay un método de cálculo tan rápido, exacto y automático como la
sensación intuitiva de equilibrio que es inherente a las percepciones del hombre. Por eso
el constructo horizontal-vertical es la relación básica del hombre con su entorno.
(Dondis 1992, 36)
Se entiende, entonces, que la estructuración de la forma atiende a este principio como ente
ordenador de la experiencia perceptiva. “En diseño, el equilibrio actúa como un catalizador de la
forma: ancla y activa los elementos en el espacio (…) El equilibrio visual surge cuando el peso
de uno o más elementos se distribuye de manera uniforme o proporcional en el espacio” (Lupton
2009, 29).
La importancia primordial del equilibrio se basa en el funcionamiento de la percepción
humana y en la intensa necesidad de éste, que se manifiesta tanto en el diseño como en la
reacción ante este. “El equilibrio es una estrategia de diseño en la que hay un centro de gravedad
a medio camino entre dos pesos” (Dondis 1992, 131). El equilibrio se puede lograr en una
declaración visual de dos maneras, simétrica y asimétricamente.
La exploración visual de una imagen supone seleccionar un orden de lectura y señalar un
patrón visual que nos permita establecer una relación de equilibrio en el estímulo visual
presentado. En este estudio, atendiendo a la percepción del color, partimos del supuesto de que el
ojo tenderá a organizar la exploración cromática según las leyes de organización gestálticas.
La percepción visual implica un proceso fisiológico que tiene lugar en el ojo cuando éste recibe
un estímulo luminoso capaz de generar actividad nerviosa en el sujeto; la energía luminosa incide
en el ojo que actúa como estructura anatómica sensible. Los objetos físicos que percibimos
reflejan patrones de luz, y éstos provocan descargas nerviosas en el observador que actúa
transformando la energía radiante en energía nerviosa. La luz entra por el ojo, pasa el cristalino y
llega a la retina donde se crea la imagen y en donde los conos y bastones que reciben la
estimulación de la energía radiante, la transforman en impulsos nerviosos que trasladan al nervio
óptico para que lleguen al cerebro; allí son interpretados y adquieren sentido. Irvin Rock señala
que: La estimulación lumínica de regiones correspondientes a la retina transmiten impulsos
eléctricos a una región de un hemisferio cerebral y produce la unicidad de la visión, y la
estimulación de regiones ligeramente no correspondientes produce la percepción de la
profundidad (Rock 1985, 7).
En relación a la percepción del color, se parte del entendido de que la luz posee propiedades
tanto de ondas como de partículas; de hecho, ambas se relacionan cuantitativamente en el sentido
de que cuanto más corta es la longitud de onda, mayor es la energía; de ahí que Schiffman
13
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
(Schiffman 2000, 239) afirme que el color o matiz es el correlativo subjetivo o psicológico de la
longitud de onda. María Cuevas, al respecto señala que:
El proceso perceptivo del color se inicia cuando las células fotorreceptoras de la retina,
conos y bastones, situadas en la parte posterior del globo ocular, son estimuladas por
energía electromagnética cuya longitud de onda está comprendida entre 380 y 780
Partiendo de lo que señala la autora, se entiende que la percepción de un color depende tanto
del contexto en el que se sitúa como de la relación de comparación que establece con otros
colores que rodean al estímulo visual. No vemos el color como es, sino que éste se muestra
diferente dependiendo de: la luz bajo la que se observe su superficie, el entorno cromático en el
que esté ubicado, la cantidad de espacio que ocupe en la imagen o la interrelación con otros
colores próximos o contiguos (Cuevas 2010, 43). Por tanto las sensaciones de color son, sin
duda, experiencias de orden subjetivo y psicológico. Sin embargo, en este estudio se pretende ir
más allá de lo subjetivo, y realizar registros de datos cromáticos en relación al seguimiento
perceptivo de lo que el ojo ve.
Método
La presente investigación tiene como objetivo el análisis del proceso de percepción visual del
color en una imagen. Para su determinación se analizaron las métricas propuestas de Poole y Ball
(2004, 4) -número total de fijaciones oculares, duración de la mirada fija sobre un área de interés,
densidad espacial de las fijaciones y análisis de rutas sacádicas (scanpath)- con la finalidad de
registrar y medir la forma en la que el ojo reacciona ante diferentes estímulos de color, cuando se
sitúa ante una muestra organizada en base al equilibrio.
Para concretar el estudio, se desarrolló un experimento utilizando en una primera fase, el
análisis de una imagen cromática con el Método Computer Visual Saliency que calcula, mediante
el empleo de un software especializado, la saliencia, 2 la relevancia y las características
perceptivas del sistema visual humano (sin la participación de sujetos); y en una segunda fase
(con la participación de sujetos), se empleó el aparato de seguimiento ocular Eye Tracking para
registrar el trazado de rutas sacádicas y la densidad, duración y orden de las fijaciones oculares
que se producen en un observador al examinar visualmente una imagen.
Sujetos
Los sujetos de estudio del experimento fueron alumnos de la Facultad del Hábitat de la
Universidad Autónoma de San Luis Potosí (población 2754 alumnos de 6 carreras diferentes). Se
realiza la investigación con una muestra de 47 alumnos (25 mujeres, 22 hombres), un nivel de
fiabilidad del 80% y un error mínimo de estimación del 10%. Es importante mencionar que en la
prueba de calibración para medir los movimientos oculares de los usuarios participantes, previa a
la realización del experimento, los sujetos debían presentar un rango de bueno o excelente para
dar inicio a la prueba.
2
La saliencia reconoce en una imagen la presencia de un estímulo físico que destaca entre todos los demás y que llama la
atención hasta tal punto que obliga al observador a dirigir la mirada exclusivamente hacia ese lugar con el objeto de
amortiguar, neutralizar o anular todas las demás variables perceptivas que están presentes y atender sólo a esa.
14
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
Para el desarrollo experimental se tomó como estímulo visual un esquema basado en la obra
"Couleur Additive: 2000 - 2009: 2009. Série Fundación March B2” del artista Carlos Cruz-Diez
(Caracas, 1923), que se caracteriza por el uso del color y su efecto óptico. Siendo el artista
teórico del color, su investigación se fundamenta en cuatro condicionantes cromáticos: mezcla
sustractiva, aditiva, inducida y refleja. Su trabajo ha aportado una forma nueva de conocimiento
del fenómeno cromático y ha ampliado considerablemente su universo perceptivo, por eso se
toma su trabajo como referente para realizar el desarrollo experimental de la investigación.
Figura 1: Esquema basado en la obra de Carlos Cruz-Diez, Couleur Additive: 2000 - 2009: 2009.
Série Fundación March B2. París, Francia, 2009. 35 x 35 cm
Fuente: Website Carlos Cruz-Diez. Accessed June 30, 2017.
http://www.cruz-diez.com/es/work/couleur-additive/2000-2009/couleur-additive-serie-fundacion-march-b2/.
El uso de un sistema de color aditivo implica la utilización de los colores rojo, verde y azul
para producir el resto de colores, por mezcla. En la obra se combinan estos colores primarios
para generar, mediante la ilusión óptica, la presencia de los colores aditivos secundarios: cian,
magenta y amarillo. Combinando los tres colores luz primarios, con las mismas intensidades, se
logra, observándolos a distancia, producir la ilusión del color blanco en el centro de la obra.
15
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
Procedimiento
En un primer acercamiento a la medición perceptiva de la obra, se utilizó un modelo de análisis
de atención visual, para identificar de manera preliminar los elementos y características de la
imagen que capturan la atención ante un primer estímulo visual. El método Computer Visual
Saliency), ha demostrado ser muy útil para predecir las fijaciones visuales que se dan en los
primeros segundos de seguimiento ocular, comparado con los estudios realizados con aparatos de
Eye Tracking. Este tipo de estudio se basa en descomponer las imágenes de manera similar a
como lo hace el córtex visual, aplicando algoritmos matemáticos que emulan el funcionamiento
del ojo.
La atención visual o gazehit es el resultado de combinar tres factores principales: la saliencia
debida a la física de la escena, la relevancia relacionada con las intenciones y el conocimiento del
observador y las características propias del sistema visual humano. Este método cuenta con un
alto grado de eficacia, aunque solamente proporciona mapas de calor y no permite realizar
registros de rutas sacádicas o scanpath, que son necesarias para dar respuesta a la forma en la que
el ojo reacciona ante diferentes estímulos de color y en qué orden son percibidos.
En la segunda fase, ya con la participación de sujetos de estudio, se usó el aparato de
seguimiento ocular “Eye Tracking”, que utiliza una tecnología de alta definición para calcular el
punto donde se ubica la mirada del usuario, mientras éste realiza el recorrido visual de una
imagen. Funciona mediante el empleo de una luz infrarroja que ilumina el interior de los ojos y
una cámara que detecta la posición de ambos. Después de un proceso de calibración y con la
ayuda de un algoritmo matemático, detecta en un monitor las coordenadas de los ojos en los ejes
X y Y del monitor.
En este proyecto se usó una computadora compatible con la conexión del Eye Tribe (modelo
de Eye Tracking usado para el experimento), DELL XPS 15 Notebook, con un sistema operativo
16
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
17
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
Este primer registro se realizó con el software GazeHits 3, el cual realiza un cálculo de los
elementos físicos que destacan en una imagen a partir de sus características constitutivas en
cuanto a la organización de la forma y su percepción visual. Los conceptos que propone el
software para describir el grado de atención de un objeto en una imagen son: desorden visual,
Figura 4: Mapa de calor (Heatmap) del esquema de la obra Couleur Additive: 2000 - 2009: 2009.
Série Fundación March B2, analizado mediante el método Computer Visual Saliency (gazehits.com).
De acuerdo con la lectura que se hace del mapa de calor, los colores cálidos señalan
un mayor nivel de atención en las zonas de la imagen donde se sitúan
Fuente: Laboratorio de Experimentación Multimedia (LEM), Facultad del Hábitat, UASLP, 2018.
3
Software especializado en el análisis algorítmico de la Saliencia Visual de una imagen (Computer Visual Saliency).
http://www.gazehits.com
18
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
4
Un mapa de calor (heatmap) es una representación coloreada de datos donde diferentes valores se representan
gráficamente mediante el color. Funciona en base a un gradiente arbitrario de colores y estos colores suelen ser los
siguientes: azul, cian, verde, amarillo y rojo, organizados del valor más bajo (color frío), al más alto (color cálido).
19
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
Los datos obtenidos en todos estos casos responden a análisis de imágenes realizados a partir
de algoritmos que brindan aproximaciones a la captación del estímulo a través de los receptores
sensoriales y a su posterior procesamiento perceptivo. La única limitación que presenta el
programa utilizado radica en que los datos aparecen traducidos a gráficas según un tipo de
metodologías cerradas que el programa da por defecto. Para salvar este obstáculo, se realizó una
segunda prueba de exploración visual de la obra de Cruz-Diez, con la finalidad de obtener datos
numéricos en bruto que nos permitiesen detectar el comportamiento del ojo ante una muestra
cromática y los patrones perceptivos presentes en el seguimiento ocular.
20
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
El resultado muestra una imagen con un alto grado de equilibrio y orden visual (90%), lo
que indica que se trata de una imagen simple con un alto nivel de pregnancia. En el mapa de
calor se aprecia una fuerte concentración cromática de colores cálidos en la esquina superior
izquierda y en el centro, que se corresponde también con la información de luminosidad (escala
de grises) que facilita el mapa de opacidad
21
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
Para realizar el mapeo de datos de las áreas donde el sujeto fija su atención sobre la obra de
Cruz-Diez, se dividió la imagen por zonas o áreas de interés: A1 (central), A2 (esquina superior
derecha), A3 (esquina inferior izquierda), A4 (esquina superior izquierda) y A5 (esquina inferior
derecha).
22
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
Se encontró que en el área A1, se registraron un total de 819 fijaciones mayores a 220 ms.,
siendo esta zona la de mayor presencia de fijaciones, en comparación con el área A2 (esquina
superior derecha) y el área A3 (esquina inferior izquierda) que cuentan como las de menor
cantidad (47). La teoría del diseño señala que dentro del campo visual, la esquina superior
derecha es, después del centro, la de mayor nivel de atención; sin embargo, en este caso no fue
así; los datos estadísticos señalaban que este área se situaba en igualdad de condiciones que el
área A3, zona del campo visual que, por su ubicación, recibe menor atención visual. En el
esqueleto estructural que propone Arnheim (2006, 29), el centro es el punto de equilibrio óptimo.
En este caso, en la estructura compositiva de la imagen no sólo se percibe el centro como lugar
de interés significativo de la obra sino también las esquinas A2, A3, A4 y A5, el cruce de los ejes
horizontal y vertical, y las diagonales.
Los datos indican que la zona central A1 (819 fix) es en la que se produce el mayor número
de fijaciones, mientras que el resto de las áreas de interés se comportan de forma muy similar en
porcentajes perceptivos (47, 47, 59, 52 fix). En relación al promedio de tiempos de fijación de la
mirada por áreas de interés, la zona central (A1) es la más señalada (816 ms). Las áreas A2, A3,
A4 y A5 presentan valores que van de 422-592 ms.
La densidad espacial de las fijaciones, se calculó a partir de la ubicación de cada una de las
1684 fijaciones obtenidas, mediante coordenadas, en el plano XY. La gráfica resultante permite
ver el comportamiento de estas fijaciones por área de interés (A1, A2, A3, A4, A5). La gráfica
demuestra que la concentración más alta de las fijaciones se ubica en el centro de la imagen (A1),
y en general, en las zonas donde se encuentran ubicadas las líneas de color de la obra de Cruz-
Diez, siendo precisamente el atributo del color el que las separa del fondo y delimita la zona de
exploración de la imagen. En las esquinas se presenta poca densidad; en las áreas A4 y A5 se
observa mayor densidad que en las áreas A2 y A3.
23
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
Figura 11: Representación de las fijaciones de cada uno de los usuarios (del 0 al 46),
la duración de las fijaciones y las rutas sacádicas por usuario
en cada una de las áreas de interés (0-30,000 ms).
Fuente: Laboratorio de Experimentación Multimedia (LEM), Facultad del Hábitat, UASLP, 2018.
24
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
Agradecimientos
Nuestro agradecimiento a la Facultad del Hábitat de la Universidad Autónoma de San Luis
Potosí (México) por su colaboración en la realización de las pruebas de seguimiento ocular de la
obra de Carlos Cruz-Diez “Couleur Additive: 2000 - 2009: 2009. Série Fundación March B2”
con el Eye Tracking.
25
REVISTA INTERNACIONAL DE PRINCIPIOS Y PRÁCTICAS DEL DISEÑO
REFERENCIAS
Arnheim, Rudolf. 2006. Arte y Percepción Visual. Madrid: Alianza Forma.
Blascheck, Tanja, Michael Burch, Thomas Ertl, Kuno Kurzhals, Michael Raschke, and Daniel
Weiskopf. 2014. “State-of-the-Art of Visualization for Eye Tracking Data.”
Eurographics Conference on Visualization (EuroVis). doi:
26
MANCILLA ET AL: EL PAPEL DE LA TECNOLOGÍA EN LOS ESTUDIOS DE PERCEPCIÓN VISUAL
27
Downloaded by Jonatan Espa?a Rodr?guez on Mon Oct 04 2021 at 16:24:43 PM CDT
La Revista Internacional de Principios y Prácticas del
Diseño es la revista académica que apoya la Red de
Investigación de Principios y Prácticas del Diseño.
ISSN 2641-4406