1 visualización y percepción visualtomas laurenzo laboratorio de medios · fing · udelar Interacción persona computadora.

2 principios para una ciencia de visualización de datosreferencia: 1 Foundation for a Science of Data Visualization. Information Visualization Perception for design (2000) Colin Ware

3 Visualizar Definiciones de la Real Academia EspañolaVisibilizar, hacer visible artificialmente lo que no puede verse a simple vista, como con los rayos X los cuerpos ocultos, o con el microscopio los microbios. Representar mediante imágenes ópticas fenómenos de otro caracter; p. ej., el curso de la fiebre o los cambios de condiciones meteorológicas mediante gráficas, los cambios de corriente eléctrica o las oscilaciones sonoras con el oscilógrafo, etc. Formar en la mente una imagen visual de un concepto abstracto. Hacer visible una imagen en un monitor. el clásico es el de formar en la mente… != data visualization? interno  externo

4 Visualizar visualización:Proveer la habilidad de comprender grandes volúmenes de datos. Permite la percepción de propiedades emergentes que no eran anticipadas. A menudo hace evidentes problemas con los datos (p.ej.: errores en la recolección y en la precisión). Facilita la comprensión de la estructura de las partes y del los datos como un todo. Permite observar y comprender a distintas escalas de la apariencia de los datos. Facilita la formación de hipótesis.

5 5-dimensional visualization: Three walls of spheres represents the top chief complaints of patients in the emergency department (chest pain, abdominal pain and shortness of breath) over the last year. The busiest days are higher and more intense in color. xp filesystem

6 mapa de minard minard era un ing civil francés

7

8 Etapas de la visualización de datosrecoleccion de datos preprocesamiento para que los datos sean comprensibles algoritmos gráficos + hardware percepción humana

9 Etapas de la visualizaciónExploración de los datos Motor Gráfico Humano Analista de Información Procesamiento visual y cognitivo Datos Preprocesamiento y transformación Manipulación de los datos Recolección de datos Entorno físico Entorno social

10 Tres gráficos los tres lenguajes son visuales: es igual de fácil leerlos?

11 los tres lenguajes son visuales: es igual de fácil leerlos?

12

13

14 ¿ciencia de la visualización?La visualización trata acerca de diagramas y cómo ellos brindan información, contenido, significado. Los diagramas se componen de símbolos y los símbolos son construcciones sociales. El significado de un símbolo es creado por convención. Los diagramas son arbitrarios y son efectivos de la misma forma que un texto. Cuando mejor aprendemos las convenciones, más claros son los diagramas. Por tanto, un diagrama es tan bueno como cualquier otro y por tanto las reglas de la percepción son irrelevantes. Es necesario hacer de la visualización una ciencia natural o es solamente un lenguaje, una construcción social?? semiótica o semiología: el estudio de la relación entre los símbolos, el contenido que conllevan y cómo lo hacen

15 Principio de arbitrariedad (Saussure)No existe relación entre el símbolo y la cosa que es significada. Algo con significado en una cultura puede no tener sentido en otra. Somos arrogantes al calificar a otras culturas como “primitivas” ya que esa es sólo una percepción cultural mas. Como conclusión, no se puede decir que una representación sea “mejor” que otra. Todas sirven a aquellos que las comprenden y están de acuerdo con su significado. Esto atenta directamente contra la raíz de tratar de fundar una ciencia natural de la visualización. la semiótica surge en usa por c.s. pierce y se desarrolla por Ferdinand de Saussure, lingüista sueco (1959) ferdinand de saussure era un estructuralista (el contexto!). levi-strauss, barthes, lacan, etc. a language is arbitrary because it is systematic in that the whole is greater than the sum of its parts.

16 Nelson Goodman: “La representación realista, en breve, depende no de la ilusión o imitación o de la información, sino que depende de la inculcación. Cualquier imagen puede representar casi cualquier cosa, esto es, dado una imagen y un objeto, usualmente existe un sistema de representación bajo el cual representa el objeto”. maluma y takete “dependen de cuán estereotipado un modelo de representación es, cuán comunes son las etiquedtas y sus usos” nelson goodman era filósofo yanqui.

17 bouba y kiki

18 ¿Es verdadero el principio de arbitrariedad y la visualización como lenguaje aprendido?Herkovitz (1948) muestra el desconcierto de personas que encontrar fotos por primera vez: “(la mujer) tomó la fotografía, girándola, tratando de que el sombreado de grises tuviera algún sentido” Kennedy (1974) lo explica por el asombro. Hochbers y Brooks (1962) criaron su hija hasta los dos años en un a casa sin fotos, y evitando todo el condicionamiento social… plin y plamba cuando hochbers testearon la niña, podía entender las fotos

19 ¿Es verdadero el principio de arbitrariedad y la visualización como lenguaje aprendido?Deregowsky (1968) reporta estudios de niños y adultos en areas remotas de Zambia, que nunca habían visto fotografías pero pueden interpretarlas y hacerlas corresponder con objetos reales. Otros estudios llegan a iguales conclusiones con dibujos y fotografías blanco y negro. Incluso en los diagramas, hay estructuras que son naturalmente fáciles de interpretar y otras que no lo son tanto. plin y plamba

20 Diagramas de relación arbitrarioslas líneas son más fáciles de leer porque la corteza visual del cerebro tiene células especializadas diseñadas para buscar contornos contínuos.

21 Símbolos sensoriales y arbitrariosSímbolos sensoriales: aquellos que derivan su poder de expresión de su habilidad de usar la potencia del procesamiento perceptual natural de la mente. Ej: la pintura en la caverna nos significa algo, a pesar de los milenios transcurridos desde su creación, y de que el autor no dejó un instructivo de uso. Símbolos arbitrarios: aquellos que deben ser aprendidos, que no tienen base perceptual. Ej: la palabra “perro” no tiene relación con el animal. la palabra “ojo”

22 Símbolos arbitrarios y sensorialesLa teoría de los símbolos y lenguajes sensoriales surge de la idea de que el sistema visual humano ha evolucionado como un instrumento para percibir el entorno físico real en el viven los humanos. El s.v.h. facilita la percepción de dicho entorno, y dificulta otro tipo de percepciones. Esta teoría se contrapone a la que manifiesta que nuestro cerebro se adaptaría indistintamente a cualquier situación o a cualquier conjunto de leyes físicas. el s.v. evolucionó para el entorno físico. no es una máquina universal. no es una tabula rasa. aunque nazcas en marte. Blakemoor and Cooper rasied kittens in environments consisting entirely of horizontal or vertical lines. The cats were unable to track objects along the path they had been prescribed, and rarely to track diagonally, again implying learning was required.

23 rene magritte – la traición de las imágenespintor belga

24 Maluma y Takete Wolfgang Köhler, 1929. Bouba y Kiki. 90% (95% 98%)2.5 años (sin leer) similar a la sinestesia. Podría indicar una base neurológica en el desarrollo del lenguaje. autistas (60%) gatos. Blakemoor and Cooper rasied kittens in environments consisting entirely of horizontal or vertical lines. The cats were unable to track objects along the path they had been prescribed, and rarely to track diagonally, again implying learning was required. A similar experiment draws from feminine and masculine qualities that the human brain associates with numbers. Subjects were given two numbers: a 9 and an 11, and were asked which one seems feminine and which seems masculine. The majority of the subjects chose 9 as the one that portrayed feminine characteristics, but for unknown reasons. 24

25 Estructura visual de un monocorteza visual: v2 v3 v4 y v5 si te lastimás v4 sólo ves en b/w la distinción entre aspectos sociales y sensoriales canalizan la investigación la mayoría de las visualizaciones son híbridas!! Monos, personas e incluso gatos, poseen estructuras visuales similares. Corteza visual.

26 Corteza visual V1, y V2, V3, V4 y V5una en cada hemisferio V1 es llamada corteza visual primaria, es el área más estudiada del cerebro ~140 millones de neuronas Reconocimiento de patrones. Detección de movimiento. transmite información por dos rutas , lla Franja dorsal y la Franja ventral. V2. Recibe de V1, envía a todas. propiedades básicas, igual que v1 (orientación, frecuencia, color). contornos ilusorios. distinción de figura y fondo. V3. Quizás movimiento global. V4. Quizás color. V5. Quizás movimiento singular e integración. The left hemisphere visual cortex receives signals from the right visual field and the right visual cortex from the left visual field.

27 Las neuronas de la Corteza visual disparan potenciales de acción cuando el estímulo visual aparece dentro de su campo receptivo. Por definición , el Campo receptivo es la región dentro del campo visual el cual educe un potencial de acción. Pero cada neurona dada puede responder a un subconjunto de estímulos dentro de su campo receptivo. Esta propiedad es llamada Sintonía neuronal. En las áreas visuales altas, la sintonía neuronal se vuelve más compleja. Por ejemplo en el cortex temporal inferior, una neurona puede disparar solamente cuando cierta cara aparece dentro de su campo receptivo. Un potencial de acción o también llamado impulso eléctrico, es una onda de descarga eléctrica que viaja a lo largo de la membrana celular .

28 Símbolos arbitrarios y sensorialesLos aspectos sensoriales de una visualización están relacionados con el estímulo del sistema sensorial visual (su estudio e interpretación se realiza a través de las técnicas experimentales desarrolladas por la neurociencia) Los aspectos arbitrarios están relacionados con el aprendizaje (su estudio e interpretación se realiza a través de las ciencias sociales) 28

29 Propiedades de la representación sensorial1- Comprensión inmediata, sin entrenamiento. 2- Resistencia a cambiar una percepción en base al aprendizaje.

30 Propiedades de la representación sensorial3- Inmediatez sensorial. Cierta información se procesa en paralelo. La evidencia sugiere que esto se debe a un sistema de procesamiento temprano. 4- Validez intercultural.

31 Propiedades de la representación arbitraria convencional1- Difícil de aprender. A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z A los niños les toma cientos de horas aprender a leer y escribir. Las formas de las letras, las combinaciones aceptadas y las prohibidas se discuten y resuelven en academias de lengua. 2- Fácil de olvidar. A B C D … (?) por qué se recuerda tons? ej. francés en el liceo

32 Propiedades de la representación arbitraria convencional3- Embebido en la cultura y en las aplicaciones. Los códigos de colores pueden ser específicos de cada cultura. Para los chinos, el blanco simboliza a la muerte, mientras que el rojo significa buena suerte. Hay códigos más universales, como los números arábigos. Hay muchos códigos arbitrarios en las profesiones: para los cartógrafos, es mejor un mapa con curvas de nivel que una representación sombreada, aunque la última sea más intuitiva (natural). ejemplo de palitos para contar altamente expresivos (matemática) capaces de cambio rápido (años vs. evolución)

33 Ej: representación arbitraria Colores en diferentes culturas

34

35 Propiedades de la representación arbitraria convencional4- Formalmente poderoso. Las matemáticas utilizan un lenguaje (código visual) de una gran potencia expresiva, enorme rigurosidad y formalismo, para transmitir conceptos abstractos. Pero es difícil de aprender. 5- Capaz de rápidos cambios. Los códigos visuales arbitrarios, evolucionan mucho más rápido que los sensoriales. Las posibilidades actuales en el dominio de la forma y el color hace que haya una explosión de nuevos códigos gráficos.

36 Elementos para una ciencia de la visualizaciónPsicofísica: Conocer los límites del sistema visual, revelar procesos sensoriales tempranos. Si un fenómeno es fácilmente alterado por aprendizaje, se debe cuestionar si se debe a un mecanismo sensorial de bajo nivel. Psicología cognitiva: La mente suele ser modelada como un conjunto de módulos interconectados. Se centra en los procesos mentales que rigen el comportamiento. (percepción, razonamiento, aprendizaje, etc). P.ej. si al hacer dos tareas distintas, una interfiere la otra, indica que ambas convergen en algún punto. A estos métodos se le ha agregado las imágenes de resonancia magnética (MRI) que muestra las partes activas del cerebro en cada instante. ejemplos de no inteferfencia, contar de 100 abajo de a 7s y la memoria espacial de corto plazo (postman y de haan, 1996)  visual short term y verbal short term

37 Elementos para una ciencia de la visualizaciónAnálisis estructural: Se utilizan entrevistas. Se suele pedir a los sujetos que realicen ciertas tareas y que reporten su entendimiento y comprensión. Se hace énfasis en la formación de hipótesis (más descripción y clasificación que explicación). Es usado en la evaluación de interacción. Al preguntar a observadores que asignen números a factores como efectividad, claridad, etc. se puede comparar entre varias posibles representaciones. Estudios interculturales: P.ej. A través de estos estudios se demostró la universalidad de ciertos colores como rojo, verde, amarillo y azul (no el significado, sino el que estén presentes en todas las culturas)

38 Elementos para una ciencia de la visualizaciónEstudios con niños: A través de su comportamiento ante formas simples se pueden revelar los mecanismos básicos de procesamiento. La motivación de estos estudios es que probablemente el procesamiento sensorial está en funcionamiento, pero aún no han aprendido las convenciones sociales respecto a las representaciones gráficas, especialmente en las áreas de visualización de datos.

39 Teoría de Gibson de la abordabilidad (affordance)Percibimos para operar en el entorno. Las posibilidades de acción percibidas las llama potencialidades, (o abordabilidades) o affordances en inglés. Según Gibson no percibimos puntos de luz, sino superficies para caminar, mangos para agarrar, espacios para navegar, herramientas para manipular, etc. Por tanto, no hay que preocuparse tanto de los “detalles” fisiológicos o neurológicos.

40 Teoría de Gibson de la abordabilidad (affordance)Esta teoría cambia la perspectiva respecto a otros teóricos que consideran que la visión hay que estudiarla como un proceso “bottom up”: comenzar por la percepción de los puntos de luz subir en abtracción hasta llegar a comprender cómo vemos el mundo real en que vivimos. vemos con el cerebro, no con los ojos. ver vídeo de affordances

41

42 La affordance llevada al IxDPara crear una “buena interacción”, debemos crearla con affordances claras que faciliten las tareas del usuario. Si queremos mover un objeto 3D, debemos generar “mangos” que permitan rotar, empujar, tirar al objeto.

43 La affordance llevada al IxDmangos en win

44 Problemas con la teoría de GibsonGibson sostiene que la affordance es la percepción directa de las propiedades físicas del entorno. Problema 1: La percepción de los datos a través de la computación gráfica no es directa.

45 Problemas con la teoría de GibsonProblema 2: No existe una affordance física real en ninguna interfaz gráfica. Por ejemplo, los “botones gráficos” son convenciones sociales. Debemos aprender que la imagen de un botón puede ser “apretada” utilizando el ratón, el cursor u otro botón. pero igual los botones

46 Problemas con la teoría de GibsonProblema 3: Rechazar los mecanismos de la visión puede ser un problema. Es necesario conocer cómo funciona el ojo para poder diseñar monitores o impresoras. Pero la idea general es útil. Usarla significa diseñar botones virtuales para presionar, pestillos virtuales que girar, etc. Tomamos prestados las abordabilidades de los objetos representados. Utilizamos metáforas.

47 Un modelo de procesamiento perceptualEtapa 2 Salida motora, incluyendo mem. motora de largo plazo Etapa 1 Percepción para la acción Esquema espacial Procesamiento temprano: color, contornos, textura y cuestiones espaciales. Identificación de objetos, memoria de trabajo visual Subsistemas de lenguaje natural Almacenamiento de largo plazo, memoria de objetos, escenas, etc.

48 Etapa 1: procesamiento paralelo.Grandes conjuntos de neuronas del ojo y de la corteza procesan las imágenes. Cada neurona procesan cierta clase de información, como orientación de los ojos o el color de una zona. Grupos de neuronas trabajan en paralelo. El procesamiento es automático, rápido e inevitable. Si queremos que los usuarios comprendan rápidamente la información, debemos presentarla de forma que sea fácilmente detectable en esta etapa.

49 Etapa 1: procesamiento paralelo.Características de la etapa: 1- Procesamiento paralelo y rápido. 2- Extracción de formas, orientación, color, textura y patrones de movimiento. 3- La información es de naturaleza transitoria, la cual es brevemente almacenada en una memoria visual. 4- Procesamiento ascendente (botton-up).

50 Etapa 2: procesamiento orientado a objetivos y secuencial.Consideramos dos subsistemas: 1- especializado en el reconocimiento (manipulación simbólica de objetos). 2- especializado en la interacción con el entorno (locomoción y acción).

51 Etapa 2: procesamiento orientado a objetivos y secuencial.Características de la etapa: 1- Procesamiento serial lento. 2- Se trabaja con memoria de corto plazo y de largo plazo. 3- Mayor énfasis en los aspectos arbitrarios de los símbolos. 4- Procesamiento descendente (top-down). 5- Diferentes caminos para reconocimiento y coordinación motora.

52 Un modelo cuantitativo de la percepciónEL Principio de Helmholtz, Pretende cuantificar la teoría del a Gestalt. propuesto en 1985 por D. Lowe, establece que, en una imagen, las estructuras que vemos son aquellas que tienen una probabilidad muy baja de aparecer en el ruido

53 Un modelo cuantitativo de la percepciónUna estructura geométrica observada es percibida como significativa, cuando su numero esperado de ocurrencias en una situación aleatoria es extremadamente bajo. Estas estructuras pertenecen a una clase dada de objetos geométricos predefinidos: las clases de “Gestalts" definidas por la escuela gestáltica de sicofisiología. se precisa un espacio de probabilidad con una noción de configuración genérica. por ejemplo -> random digital white noise. Helmholtz principle this way: assume that we observe n lo- cal objects, O1 , , On that share a quality Q (color or ori- entation, etc...). Is this conjunction a pure coincidence, or is there a better explanation (or cause) for this? Otherwise said, should the n objects be considered as a single group? In or- der to decide, we compute the expected number of groups of n objects when we mentally assume that, anything else held equal, the quality Q is uniformly and independently dis- tributed over O1 , , On .

54 Hermann Ludwig Ferdinand von HelmholtzConservación de la energía. Fisiología sensorial. Optica oftálmica (oftalmoscopio). Acústica y estética (On the Sensations of Tone as a Physiological Basis for the Theory of Music ) Electromagnetismo (Hertz). Towards a more general psychophysic validation of the Helmholtz Principle. Tomas Laurenzo, Gabriele Facciolo, Andrés Almansaestá está el vídeo del desk con física