1 percepción visual: gestalt, preatencionalidad, coding.hablar antes de la perspectiva tomas laurenzo laboratorio de medios · inco · fing · udelar Interacción persona computadora.

2 Computer Graphics: Principles and Practice (1989)Claridad Visual Códigos Visuales Consistencia Visual De: Chapter 9: Dialogue Design Computer Graphics: Principles and Practice (1989) Foley, Van-Dam, Feiner, Hugues …y otros (Kanisza, Ware y más)

3 Claridad visual Claridad visual como medida de una imagen, en función del esfuerzo que conlleva su interpretación. La Teoría de la Gestalt (Berlin) (Wertheimer, 1939) codificó las (algunas) reglas de claridad visual Max Wertheimer. Checo. Uno de los tres fundadores de la teoría (junto con Koffka y Köhler). Experimentelle Studien über das Sehen von Bewegung 1910. La claridad visual se logra cuando el significado de una imagen se percibe sin esfuerzo. The concept of Gestalt was first introduced in contemporary philosophy and psychology by Christian von Ehrenfels (a member of the School of Brentano). The idea of Gestalt has its roots in theories by Johann Wolfgang von Goethe, Immanuel Kant, and Ernst Mach. Max Wertheimer's unique contribution was to insist that the "Gestalt" is perceptually primary, defining the parts of which it was composed, rather than being a secondary quality that emerges from those parts, as von Ehrenfels's earlier Gestalt-Qualität had been. Both von Ehrenfels and Edmund Husserl seem to have been inspired by Mach's work Beiträge zur Analyse der Empfindungen (Contributions to the Analysis of the Sensations, 1886), in formulating their very similar concepts of Gestalt and Figural Moment, respectively. Early 20th century theorists, such as Kurt Koffka, Max Wertheimer, and Wolfgang Köhler (students of Carl Stumpf) saw objects as perceived within an environment according to all of their elements taken together as a global construct. This 'gestalt' or 'whole form' approach sought to define principles of perception -- seemingly innate mental laws which determined the way in which objects were perceived. These laws took several forms, such as the grouping of similar, or proximate, objects together, within this global process. Although Gestalt has been criticized for being merely descriptive, it has formed the basis of much further research into the perception of patterns and objects ( Carlson et al. 2000), and of research into behavior, thinking, problem solving and psychopathology. It should also be emphasized that Gestalt psychology is distinct from Gestalt psychotherapy. One has little to do with the other.

4 Orígenes de la teoría de la Gestalt“Gestalt” significa en alemán “configuración”, “forma”, “figura” (depende del contexto). La teoría surge en el contexto de la psicología de principios de siglo y constituye un caso paradigmático de la respuesta organicista europea a la crisis que por entonces padecía la psicología, caracterizada por una escisión similar a la que actualmente se está fraguando en la psicología cognitiva. En ese momento se consideraba que el asociacionismo estructuralista, que pretendía abordar el estudio analítico de la conciencia mediante la introspección en busca de una suerte de “química mental” no tenía posibilidades serias de desarrollo. Las respuestas frente a esta problemática fueron diferentes en Europa y en Norteamérica. as shape, form, guise or likeness (e.g., in Menschengestalt: in human form) as figure or as a synonym for person (e.g., eine dunkle Gestalt: a sinister figure) A collection of physical, biological, psychological or symbolic entities that creates a unified concept, configuration or pattern which is greater than the sum of its parts. Tomado de wikipedia :)

5 Orígenes de la teoría de la GestaltRespuesta norteamericana (Watson): Influida por el empirismo se mantiene dentro del asociacionismo renunciando al estudio de los procesos mentales superiores, dando lugar a las ideas básicas del conductismo. Respuesta europea (Wertheimer et al): Optaron por continuar el estudio de los procesos mentales rechazando el enfoque asociacionista. En 1913, Watson publica su manifiesto conductista y Wertheimer publica un artículo sobre la percepción del movimiento aparente, escrito fundamental de la Gestalt. Nacen así dos concepciones opuestas en psicología que, en cierta medida, siguen manteniendo vigencia. En suma, "conductismo" constituye una manera de estudiar lo psicológico desde la perspectiva de una ciencia de la conducta, sin mentalismo (atribuciones dualistas extramateriales como el alma o la mente), ni reduccionismos (utilizar explicaciones tomadas de disciplinas como la neurología, la lógica, la sociología o el procesamiento de información). Esto no significa "dejar de lado los procesos cognitivos", como tantas veces se interpreta mal, sino considerarlos como "propiedades de la conducta en función". O sea, comportamientos sujetos a las mismas leyes que el comportamiento manifiesto que involucran respuestas lingüísticas y sensoriales de tipo encubierto, las cuales, para ser investigadas, deben especificarse en términos del tipo de interacción, amplificarse mediante aparatos o acudir al autoinforme del individuo -- Behaviorism (or behaviourism), also called the learning perspective (where any physical action is a behavior), is a philosophy of psychology based on the proposition that all things that organisms do — including acting, thinking and feeling — can and should be regarded as behaviors.[1] The school of psychology maintains that behaviors as such can be described scientifically without recourse either to internal physiological events or to hypothetical constructs such as the mind.[2] Behaviorism comprises the position that all theories should have observational correlates but that there are no philosophical differences between publicly observable processes (such as actions) and privately observable processes (such as thinking and feeling).[3]

6

7 Teoría de la Gestalt La suma de las partes es menos que el todoTambién llamada Teoría Gestáltica (o de la Gestalt) de la Escuela de Berlín: el principio operacional del cerebro es holístico, paralelo y analógico, con tendencias a la auto-organización. La suma de las partes es menos que el todo Ejemplo de la burbuja Prägnanz (cualidad de conciso): ordenamos nuestra experiencia de forma regular, ordenada, simétrica y simple. Drásticamente contrapuesto a la forma digital. ¿Qué pasa con turing? . Prägnanz es la ley principal - The classic Gestalt example is a soap bubble, whose spherical shape is not defined by a rigid template, or a mathematical formula, but rather it emerges spontaneously by the parallel action of surface tension acting at all points in the surface simultaneously. This is in contrast to the "atomistic" principle of operation of the digital computer, where every computation is broken down into a sequence of simple steps, each of which is computed independently of the problem as a whole. The Gestalt effect refers to the form-forming capability of our senses, particularly with respect to the visual recognition of figures and whole forms instead of just a collection of simple lines and curves.

8 Teoría de la Gestalt Gaetano Kanizsa, « La Grammaire du Voir », ISBN , Diderot 1997, traduccion al francés de la edicion italiana, original : « Grammatica del vedere », Società editrice il Mulino, Traduccion al español : « Gramática de la Visión: Percepción y Pensamiento », Paidos Iberica, Ediciones S. A., Oct 1991, ISBN: Edicion francesa disponible en biblioteca del InCo.

9 Teoría de la Gestalt Establece, entre otras cosas, cuando ocurren “gestalts”, en función de agrupamientos. O cuando una imagen tiene “buena gestalt” (!) EL Principio de Helmholtz, propuesto en 1985 por D. Lowe, es un principio de la percepción visual, que establece que, en una imagen, las estructuras que vemos son aquellas que tienen una probabilidad muy baja de aparecer en el ruido y pertenecen a una clase dada de objetos geométricos predefinidos: las clases de "gestalts" definidas por la escuela gestáltica de sicofisiología.

10 algunas reglas de organización visualSimilaridad Se tiende a agrupar aquellos estímulos visuales que posean una propiedad en común. Proximidad Se tiende a agrupar estímulos visuales cercanos. Clausura Si unos estímulos casi cierran un área, el observador ve el área. Buena continuación Si varias líneas confluyen en un punto, el observador ve como continuas aquellas líneas que están suavemente conectadas (continuidad de la derivada primera).

11 algunas reglas de organización visualSimilaridad Se tiende a agrupar aquellos estímulos visuales que posean una propiedad en común.

12 algunas reglas de organización visualProximidad Se tiende a agrupar estímulos visuales cercanos.

13 algunas reglas de organización visualRefuerzo de Proximidad y Similaridad El agrupamiento se refuerza.

14 algunas reglas de organización visualClausura Si unos estímulos casi cierran un área, el observador ve el área.

15 algunas reglas de organización visualOtro ejemplo de clausura (reificación) ¿Hay dos triángulos?

16

17

18 algunas reglas de organización visual

19 algunas reglas de organización visualinvariancia multiestabilidad Invariance is the property of perception whereby simple geometrical objects are recognized independent of rotation, translation, and scale; as well as several other variations such as elastic deformations, different lighting, and different component features. For example, the objects in A in the figure are all immediately recognized as the same basic shape, which are immediately distinguishable from the forms in B. They are even recognized despite perspective and elastic deformations as in C, and when depicted using different graphic elements as in D. Problemas computacionalmente altísimos: las imágenes antispam se basan en eso Las distintas cosas (emergencia, reificación, multiestabilidad e invariancia) no son modelables por separado sino que son efectos de lo mismo. Un único mecanismo.

20 algunas reglas de organización visualBuena continuación Si varias líneas confluyen en un punto, el observador ve como continuas aquellas líneas que están suavemente conectadas (continuidad de la derivada primera). ?

21 algunas reglas de organización visualconexión

22 algunas reglas de organización visualConectividad Conectividad es más fuerte que proximidad, color, tamaño o forma.

23 Emergencia: el perro se identifica como un todo y no identificando cada una de sus partes e infiriendo el todo.

24 algunas reglas de organización visualLas reglas de organización y percepción visual tienen que ser tenidas en cuenta a la hora de presentar información en forma visual.

25 Ejemplo 1: CATEGORÍA MAYOR CATEGORÍA UN POCO MENOR QUE LA MAYORCATEGORÍA AUN MENOR QUE LA UN POCO MENOR LA MENOR CATEGORÍA No se utiliza ningún refuerzo visual (salvo que la similitud viene claramente determinada por la longitud de las oraciones)

26 Ejemplo 1: CATEGORÍA MAYOR CATEGORÍA UN POCO MENOR QUE LA MAYORCategoría aun menor que la un poco menor La menor categoría Se utiliza una jerarquía de tipos tipográficos para vincular elementos similares.

27 Ejemplo 1: CATEGORÍA MAYOR CATEGORÍA UN POCO MENOR QUE LA MAYORCategoría aun menor que la un poco menor La menor categoría Se agrega a lo anterior la indentación (otro tipo de similaridad)

28 Ejemplo 2: tres diseños del mismo menú. La organización de la derechaROTAR X ROTAR Y ROTAR Z TRASLADAR X TRASLADAR Y TRASLADAR Z ROTAR X ROTAR Y ROTAR Z TRASLADAR X TRASLADAR Y TRASLADAR Z ROTAR X Y Z TRASLADAR tres diseños del mismo menú. La organización de la derecha muestra los dos niveles existentes en la estructura

29 Ejemplo 3: Auto Barco Casa Dormitorio Estudio FamiliaGobierno Hogar Idioma Jóvenes Kilogramo Lavandería Moto Nieve Ñoquis Orden Progreso Quilate Razón Sabiduría Temor A pesar del orden alfabético horizontal, se impone el orden visual vertical

30 (pre)atención visual Basado en:5: Visual attention and Information That Pops Out Del libro: Information Visualization Colin Ware

31 A menudo, un programa de Computadora debe atraer nuestra atenciónA menudo, un programa de Computadora debe atraer nuestra atención. Por ejemplo, debería informarnos acerca de la llegada de un correo importante. Un mapa táctico militar, debe mostrar simultanea-mente diferentes clases de información. Debe ser posible atender a un solo tipo de dato o ver toda la trama. La habilidad humana de búsqueda visual mejora muchísimo la visualización de información. Por ejemplo, es posible, en menos de un segundo detectar un solo píxel negro en una matriz de 500x500 píxeles blancos. consideramos al ojo como una information gathering searchlight. que genera imágenes de a golpes la máquina masivamente paralela del procesamiento temprano toma la info de un buffer y busca features salientes. cuando detecta una, se escanean los objetos serialmente… más a pedal.

32 Movimientos de los ojosConstantemente hacemos movimientos de ojos para buscar información. Como ya hemos visto, existen tres tipos: Sácadas: En la búsqueda visual, los ojos se mueven de fijación en fijación. El período de fijación es de entre 200 y 600 mseg. y el movimiento entre 20 y 100 mseg. La velocidad pico es de 900 grados/seg. Movimientos suaves de seguimiento: El ojo tiene la habilidad de seguir los objetos. Esto permite a su vez mover el cuerpo mientras se mantiene la fijación en el objeto. Movimientos convergentes: Cuando un objeto se mueve hacia nosotros, nuestros ojos convergen. las sácadas son balísticas supresión sacádica además está el acomodo, re enfocar. cerca de 200 msec. problemas con realidad virtual

33 Atención visual y búsquedaEstrategias de monitoreo visual El campo visual útil Visión de túnel y stress El papel del movimiento para atraer la atención el modelo que estamos usando es de monitoreo o control visual supervisory control desarrollado para modelar control indirecto – cosa que pasa mucho consecuencias posiblemente saladas: 2 jets de pasajeros pilotos de guerra y warnings

34 Estrategias de monitoreo visualLas estrategias de monitoreo de los usuarios, contemplan los siguientes elementos: Canales (de recepción de información): ventanas, parlantes, cuadrantes, etc., Eventos: señales que ocurren en los canales, Costo Esperado: el costo de ignorar un evento. taras semi repetitivas

35 Estrategias de monitoreo visualLos patrones de monitoreo más usuales son: Minimizar el movimiento de los ojos: (hay que poner los objetos a monitorear cerca, dentro del mismo campo visual útil). Sobremonitoreo de canales donde aparece información infrecuente: (el sistema debería avisar qué hay que monitorear). Los usuarios cesan de monitorear cuando están bajo stress, por estar esperando la respuesta de sus últimas acciones. Usuarios monitorean de izquierda a derecha, arriba abajo, aun si esto no tiene relevancia en la tarea. pueden no pasar

36 Campo visual útil Cuando se lee un texto, se pueden leer las palabras sólo donde se centra la vista. Pero se puede tener la forma general de algo con una simple mirada. Por tanto, el campo visual útil depende de la acción y varía entre 1 y 15 grados. La variación se encuentra al intentar mantener un número aprox. constante de objetos en la región atendida. Por lo que poner muchas cosas en un área pequeña no es una buena estrategia para todos los casos. depenmde de otros factors tb el modelo del searchlight es simple pero esconde info en el tamaño del rayo relación densidad tamaño del campo

37 Visión de túnel y stressLa Visión de Túnel está asociada “tradicionalmente” a usuarios trabajando bajo stress extremo. El Campo Visual Útil se achica, por lo que sólo la información más importante y que esté en el centro del campo visual es procesada. Experimentos llevaron a considerar que simplemente cuando la carga cognitiva crece (por atender cosas complejas) el Campo Visual Útil se contrae, y se perciben menos cosas que ocurran en la periferia del campo visual. Por tanto, no es sólo debido a manejar situaciones extremas. williams en 1985: comparacion performance tarea de alta concentracion. baja la performance si se pregunta de eventos en la periferia. 6 posibs a 2 posibs 36 a 75

38 El papel del movimientoObjetos en movimiento: Se detectan en menos de 1 segundo, aún a 20 grados del centro de atención (o más). Objetos estáticos: Se detectan luego de mucho tiempo si están a más de 4 grados. Cambiar una vez no es una señal efectiva (cambiar el color) Por tanto para atraer la atención de forma inmediata, desde fuera del Campo Visual Útil, los objetos deben estar en cambio continuo (parpadeo o movimiento). Otra posibilidad es un sonido de aviso. Hay evidencia que muestra que un movimiento oscilatorio rápido es difícil de ignorar. Diseñadores utilizan movimiento chatarra: animaciones sin propósito funcional sólo para “energizar” la interfaz. Esto dificultaría la tarea de utilizar movimiento para interrupción. xq se detectan? x lo mismo que la ilusión

39 El papel del movimiento para atraer la atenciónla tarea era detectar símbolos pequeños. los circulos dan el TR de estaticos, las cruces de movimientos. notar el gap.

40 El papel del movimientoCuatro requerimientos visuales básicos para un “interruptor de usuario” 1 Una señal debe ser fácilmente percibida aun si está fuera del área de atención focal inmediata. 2 Si el usuario desea ignorar el evento mientras atiende a otra tarea, la señal debe continuar para recordar al usuario que el evento necesita atención. 3 La señal no debe ser tan irritante como para hacer que el dispositivo no sea placentera de usar. 4 Debe ser posible equipar la señal con una variedad de niveles de urgencia.

41 El papel del movimientoEstudios sugieren que el movimiento por si mismo no atrae tanto la atención, sino más bien la aparición de un nuevo objeto en la escena. Esto lleva a pensar que el más efectivo “interruptor de usuario” sería un objeto que aparece a la vista, desaparece y luego reaparece cada poco tiempo . parpadeo el tigre jazz-up a page

42 Leyendo desde el “Iconic Buffer”@ A O * ? } buffer  amortiguador experimentalmetne entre 3 y 7 (miller) buffer previo a miller, tamos hablando de una décima de sec el buffer dura hasta 2 secs descrito por sperling 1960 ¿Cuantos de estos símbolos podremos recordar luego de un vistazo de 1/10 seg.?

43 Leyendo desde el “Iconic Buffer”Las personas típicamente recuerdan entre 3 y 7 items. Esto es posible gracias a que existe una memoria que guarda la imagen durante 1 segundo mientras pasa a la memoria de corto plazo. Memoria icónica (un tipo de memoria de corto plazo). La limitación de 7 ítems viene de varios lados: El decaimiento de la memoria icónica. La tasa en la que las imágenes se pueden leer de la memoria icónica. La capacidad de la memoria de corto plazo (7 items +- 2). ver

44 Procesamiento pre-atencional

45 Procesamiento pre-atencional el concepto de salta a la vista / pops-out quizás lo más importante que se puede apreder para visualización desde la ciencia de la visión organización del campo visual rápido, automático y paralelo espacialmente. está relacionado, igual, con la la atención.

46 Procesamiento pre-atencionalEl procesamiento pre-atencional es el que determina aquellos objetos visuales que son ofrendados a nuestra atención. El ejemplo anterior indica que la luminosidad es un procesamiento pre-atencional. Si algo es procesado de forma de pre-atencional, entonces la velocidad para encontrarlo es independiente del número de distractores. ¿cuál es la utilidad de este fenómeno? es útil?

47 Procesamiento pre-atencionalLos círculos de la gráfica que muestra el tiempo para percibir un objeto que es preatencionalmente diferente que el entorno. El tiempo es irrelevante del numero de distractores. Si la distinción del objeto no es pre-atencional, entonces el tiempo varía.

48 Procesamiento pre-atencional

49 Procesamiento pre-atencional

50 Procesamiento pre-atencionalForma Orientación de las líneas Longitud de las líneas Ancho de las líneas colinearidad Tamaño Curvatura Agrupamiento espacial Marcas agregadas Numerosidad Color Cromatismo Intensidad Movimiento vibración (Flicker) Dirección del movim. Posición Espacial Posición 2D Profundidad estereoscópica. Forma Convexa/cóncava por sombreado.

51 Procesamiento pre-atencionalLa habilidad de pre-atención disminuye a medida que la variedad de figuras alternativas se incrementa. Los objetos son más o menos pre-atencionales según el contexto.

52 Codificando con combinaciones de formas¿Qué ocurre cuando queremos buscar un cuadrado gris, y no simplemente algo gris o algo cuadrado? La búsqueda de conjunción en general no es pre-atencional, aunque hay unos casos interesantes.

53 Conjunción con dimensiones espacialesAgrupamiento espacial en el plano XY. Profundidad estereoscópica y color, o movimiento Convexidad/Concavidad y color Movimiento y forma, o movimiento y color. Búsqueda de elípses grises. Hay que buscar en las elipses o en los grises. Pero si se forman clusters, la velocidad se incrementa (pre-atención)

54 coding

55 Diseñando un conjunto de símbolosCoding o codificación: crear distinciones visuales entre diferentes tipos de objetos. Color, forma, tamaño o longitud, orientación, intensidad, textura, ancho de línea, estilo de línea, etc.

56 Diseñando un conjunto de símbolosPara 95% de aciertos 10 colores 6 tamaños de área 6 longitudes 4 intensidades 24 ángulos 15 figuras geométricas

57 Es importante utilizar codificación redundanteConsiderar que un 8% de los hombres padecen alguna ceguera de colores

58 Consistencia visual Aplicación consistente de reglas y códigos visuales y combinación consistente de elementos visuales en objetos gráficos de alto nivel. Los elementos visuales son “letras” en un alfabeto gráfico, combinadas en “palabras” cuyo significado debe ser obvio al observador. “la gramática del ver” Emergente, emergencia!

59 Ejemplos de elementos visuales:J.H. y Reissig 565 OK Cancel Las cajas cuadradas indican que se pueden seleccionar varios a la vez Los “radio buttons” indican que solo una opción se puede elegir Los “botones” son acciones que se pueden seleccionar con el mouse. El “botón” rodeado por un borde grueso puede ser seleccionado con la tecla enter del teclado. Los rectángulos son campos que pueden ser editados.

60 Tipos de datos Si visualizar es transformar datos a un formato perceptualmente eficiente, debemos decir algo acerca de los tipos de datos a visualizar. Clasificar datos está relacionado con clasificar conocimiento. Es un tema muy complejo.

61 Tipos de datos Existen las entidades, las relaciones y los atributos.Entidades: objetos a visualizar. Personas, huracanes, elementos, conjuntos, etc. Relaciones: estructuras y patrones que relacionan las entidades. Pueden ser explícitas o implícitas. Pertenece a, incluido en, jefe de, hijo de, mayor que, Atributos: Propiedades de las entidades y las relaciones. Nombre, color, temperatura, duración, población, etc.

62 Atributos de entidades o relaciones.Cualidad del atributo: 1- Nominal. Permite establecer categorías de entidades. No tiene sentido ordenarlas. Cualquier orden sirve. Naranjas, Manzanas, Peras. Hombres, Mujeres. Uruguayo, Argentino, Brasilero. 2- Ordinal. Se puede establecer un orden entre entidades, pero no distancias. Rankings (películas, comidas, políticos, computadoras)

63 Atributos de entidades o relaciones.Cualidad del atributo: 3- Intervalo. Podemos medir distancias entre entidades, pero no tiene sentido medir proporciones porque el cero es arbitrario. Fechas Horas de despegue y aterrizaje de un avión. ¿Temperatura? 4- Ratio Tiene toda la expresividad de los números reales. Se puede decir que algo es el doble que otro. Radio  Intervalo  Ordinal  Nominal nombre, entero, real son los que se usan. intervalo no.

64 Relación entre cualidad y percepción gráficaLos colores se deben utilizar para nominal u ordinal, pero es difícil medir distancia de colores. Longitudes se utilizan para intervalo o ratio. Lo nominal no se debe asociar a diagrama de barras, porque da idea de cantidad o jerarquía.

65 Empleados de una empresa.Género  forma Salario  tamaño Antigüedad  color

66 Dimensiones del atributo: 1D, 2D, 3D, ...Cantidades escalares: altura de una persona. Cantidad Vectorial: direcciones, velocidades. Campos de escalares, vectores, tensores: El campo gravitacional es un atributo tridim. de la tierra. Si sólo nos interesa la superficie es un atributo escalar bidimensional

67 Dimensiones del atributo: 1D, 2D, 3D, ...Atributo campo escalar de temperaturas en la Entidad Europa

68 Color para etiquetado. Diferenciación.Pero la habilidad de percibir rápidamente un color entre otros, está relacionado con el área convexa del espacio de colores. en paleta cie

69 Color para etiquetado. Tintes únicos. Contraste con el fondo.Rojo, Verde, Azul, Amarillo, Blanco y Negro son colores fácilmente distinguibles. Contraste con el fondo. Para evitar efectos extraños, conviene poner un borde blanco o negro alrededor del objeto. Ceguera a los colores. Es más común que no se distingan valores en la secuencia verde - rojo que en la secuencia azul- amarillo. Número. Utilizar para codificación de 5 a 10 colores.

70 Convenciones culturales.Color para etiquetado. Tamaño. Los objetos deben ser grandes (mínimo de 1/2 grado), sobre todo si las diferencias están en la dirección azul-amarillo. Cuanto más grande el área, mejor se distinguen los colores. Si se utilizan áreas grandes, mejor que sean de baja saturación. Convenciones culturales.

71 Color para etiquetado. Estos colores tienen nombre propio y son fácilmente identificables. Rojo, verde, amarillo, azul, blanco, negro rosado, cyan, gris, naranja, marrón, púrpura

72 Secuencias de colores. ¿Puede ordenar estos colores de izquierda a derecha?

73 Secuencia de colores

74 Secuencia de colores Blanco-negro, rojo-verde, amarillo-azul son secuencias perceptualmente ordenables. Si se debe percibir muchos detalles de una imagen, es mejor una secuencia basada principalmente en luminancia. Si se quiere leer los valores a través del color, es mejor utilizar una secuencia con muchos colores. Existen secuencias en espiral (ciclos de colores cada vez más luminosos) Dar pseudocolor a una imagen puede servir para realzar información relevante.

75 Diseñando un conjunto de símbolosDeberían ser tan diferentes como sea posible. Ejemplo: mapa militar Elementos diversos. Clasificaciones ortogonales (pre-atención). Amigos vs. Enemigos. Tanques vs. Construcciones.

76 Diseñando un conjunto de símbolosAvión Infantería Construcción Tanque . Sospechoso Hostil Amigo

77 Glifos y datos discretos multivariadosPor ej: especialistas de marketing tienen datos por cada persona en un área geográfica particular (ingreso, nivel educativo, categoría de empleo, lugar de residencia). Sería interesante ver a cada grupo humano en un mapa de forma que los datos de un conjunto particular pueda ser fácilmente visto. Un glifo es un objeto gráfico que representa un dato multivariado. ¿Los códigos interfieren con la percepción? P. ej: si utilizo color y tamaño, ¿al variar el color se variará la percepción del tamaño? glifo. (Del fr. glyphe, y este del gr. γλυφή, der. de γλύφειν, tallar, cincelar, esculpir). 1. m. Arq. Canal vertical que sirve como elemento decorativo.

78 Glifos y datos discretos multivariadosDimensiones integrables: Son aquellas que son percibidas holísticamente. Ej: la forma rectangular, se percibe como una unidad que en realidad se compone de la combinación de largo y ancho. La combinación de rojo y verde se percibe holísticamente como tonalidades de amarillo. Dimensiones separables: Se tiende a hacer juicios de cada dimensión de forma separada. Ej: El diámetro de una bola y el color son procesados de forma independiente.

79 Clasificaciones restringidasB C Dimensión X Dimensión Y A B C Dimensión Y Dimensión X Si la dimensiones son integrables, los objetos más cercanos son naturalmente agrupados. Si las dimensiones son separables, se tiende a agrupar aquellos que coincidan en alguna dimensión.

80 Clasificaciones restringidasB B Dimensión2 tamaño Y Dimensión 2: altura A A Dimensión1 tamaño X Dimensión 1: brillo

81 Clasificaciones aceleradasSe hacen controles para ver cómo los glifos pueden interferir entre sí. En experimentos de clasificaciones rápidas, se le pide a usuarios que clasifiquen patrones visuales respecto a sólo uno de los atributos de los glifos. El otro atributo se lo da: 1) al azar 2) es codificada de la misma forma que el primer atributo (redundancia). Dimen. Integrales: 1) problemas, 2) acelerada Dimen. Separables: 1) poco problema, 2) poca aceler.

82 Clasificaciones aceleradasSe deben encontrar los glifos que sean de igual altura que los rectángulos dos casos donde: En una columna la segunda dimensión es elegida al azar En la otra columna la segunda dimensión es elegida de forma proporcional (redundante) a) Caso de dimensión integral b) Caso de dimensión separable que los rectángulos sup izqs

83 Pares de dimensiones rojo - verde amarillo - azulLos pares de dimensiones van en un continuo entre la integrabilidad y la separabilidad. rojo - verde amarillo - azul rojo - verde blanco - negro altura ancho forma tamaño color tamaño dirección de mov. forma color forma color dirección de mov. X,Y posición tamaño, forma o color Integrables Separables

84 Pares de dimensiones Ejemplos de glifos codificados de acuerdo a 2 atributos. Los primeros son los más integrables, y a la derecha los más separables.

85 Datos discretos multidimensionalesPodríamos tener datos sobre 1000 escarabajos c/u con 30 características anatómicas, o 500 inversiones c/u con 20 variables financieras. Puede ser interesante desplegar dichos datos, para explorarlos, con la esperanza de encontrar relaciones. Esto puede hacer que encontremos relaciones ecológicas u oportunidades de negocio. El proceso preatención, proceso visual temprano y las dimensiones integrables y separables nos indican que hay un número limitado de atributos visuales accesibles. Recordar además que la cantidad de valores aceptables por dimensión está acotada.

86 Atributos gráficos que pueden ser utilizados en el diseño de glifosVariable Visual Dimensiones Posición espacial del glyph 3D: x,y, z Color del glyph D Forma D? Desconocido Orientación D: orientación alrededor de cada una de los ejes Textura D: orientación, tamaño y contraste Movimiento ? Poco conocido

87 Datos discretos multidimensionalesSi pensamos que cada dimensión tenga sólo 4 valores posibles, y que se puedan manejar 8 dimensiones  48= posibles valores. Problema: las conjunciones en general no cumplen con la preatención, por lo que sólo tenemos 4*8 = 32 alternativas fácilmente distinguibles.

88 Datos discretos multidimensionalesStars (Estrellas) Whisker (bigote de gato).

89 Datos discretos multidimensionalesLa longitud y el grosor de la barra aumentan de forma similar (redundancia).

90 Datos discretos multidimensionales8 dimensiones en un glifo Posición (3D) Color (2D) elementos del glifo (3D solamente).

91 Datos discretos multidimensionalesCaras de (Herman) Chernoff (1973)