percepci n visual gestalt preatencionalidad coding n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
percepción visual: gestalt, preatencionalidad, coding. PowerPoint Presentation
Download Presentation
percepción visual: gestalt, preatencionalidad, coding.

Loading in 2 Seconds...

play fullscreen
1 / 95

percepción visual: gestalt, preatencionalidad, coding. - PowerPoint PPT Presentation


  • 139 Views
  • Uploaded on

percepción visual: gestalt, preatencionalidad, coding. tomas laurenzo laboratorio de medios · inco · fing · udelar. Interacción persona computadora. www.fing.edu.uy/inco/cursos/inpercom. Claridad Visual Códigos Visuales Consistencia Visual De: Chapter 9: Dialogue Design

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

percepción visual: gestalt, preatencionalidad, coding.


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
    Presentation Transcript
    1. percepción visual:gestalt, preatencionalidad,coding. tomas laurenzo laboratorio de medios · inco · fing · udelar Interacción persona computadora. www.fing.edu.uy/inco/cursos/inpercom

    2. 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.

    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.

    5. Orígenes de la teoría de la Gestalt • Respuesta 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.

    6. Teoría de la Gestalt • Tambié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.

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

    8. 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.

    9. algunas reglas de organización visual • Similaridad 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ónSi 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).

    10. algunas reglas de organización visual • Similaridad Se tiende a agrupar aquellos estímulos visuales que posean una propiedad en común.

    11. algunas reglas de organización visual • Proximidad Se tiende a agrupar estímulos visuales cercanos.

    12. algunas reglas de organización visual • Refuerzo de Proximidad y Similaridad El agrupamiento se refuerza.

    13. algunas reglas de organización visual • Clausura Si unos estímulos casi cierran un área, el observador ve el área.

    14. algunas reglas de organización visual • Otro ejemplo de clausura (reificación) ¿Hay dos triángulos?

    15. algunas reglas de organización visual

    16. algunas reglas de organización visual invariancia multiestabilidad

    17. algunas reglas de organización visual • 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). ?

    18. algunas reglas de organización visual • conexión

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

    20. Principios Teóricos de la Gestalt • Principio de Totalidad • La experiencia consciente debe ser considerada de forma global, teniendo en cuenta todos los aspectos físicos y mentales de forma simultánea. • Principio de isomorfismo psicofísico. • Existe una correlación entre la experiencia consciente y la actividad cerebral.

    21. Principios metodológicos de la Gestalt • Análisis experimental de los fenómenos • No enfocarse solamente en lo sensorial • Experimentación “biótica”. • Conducir experimentos reales(contrapuestos al laboratorio). Trabajar en situaciones naturales, bajo condiciones reales, con alta fidelidad.

    22. Principios básicos • Emergencia • Reificación • Multiestabilidad • Invariancia

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

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

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

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

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

    28. Ejemplo 3: Auto Barco Casa Dormitorio Estudio Familia Gobierno Hogar Idioma Jóvenes Kilogramo Lavandería Moto Nieve Ñoquis Orden Progreso Quilate Razón Sabiduría Temor

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

    30. A 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.

    31. Movimientos de los ojos • Constantemente 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.

    32. Atención visual y búsqueda • Estrategias de monitoreo visual • El campo visual útil • Visión de túnel y stress • El papel del movimiento para atraer la atención

    33. Estrategias de monitoreo visual • Las 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.

    34. Estrategias de monitoreo visual • Los 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.

    35. 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.

    36. Visión de túnel y stress • La 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.

    37. El papel del movimiento • Objetos 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 cambiocontinuo (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.

    38. El papel del movimiento para atraer la atención

    39. El papel del movimiento Cuatro 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.

    40. El papel del movimiento • Estudios 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

    41. Leyendo desde el “Iconic Buffer” @ A O *?} 9+ ¿Cuantos de estos símbolos podremos recordar luego de un vistazo de 1/10 seg.?

    42. 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 http://www.csc.ncsu.edu/faculty/healey/PP/index.html

    43. Procesamiento pre-atencional 87165298297846526849849849819265198498219812984621594651321984987984651321594579846543984098409849978403564103541072103740840651084031698405840658703684036870984065409874098403521316519198168495032130914840987065103

    44. Procesamiento pre-atencional 87165298297846526849849849819265198498219812984621594651321984987984651321594579846543984098409849978403564103541072103740840651084031698405840658703684036870984065409874098403521316519198168495032130914840987065103 87165298297846526849849849819265198498219812984621594651321984987984651321594579846543984098409849978403564103541072103740840651084031698405840658703684036870984065409874098403521316519198168495032130914840987065103