Percepcionvisual2016

Percepción Visual.

un breve repaso…

Ricardo Vega - ricardov.cl - @ricardov_cl v2 2017 (v1 2016) | Creative Commons - Attribution-NonCommercial-NoDerivatives 4.0 International imagen: Portada ”Visual thinking for design”, de Colin Ware.

Édouard Manet (1832 -1883) Un Bar aux Folies-Bergère, 1882.

Édouard Manet (1832 -1883) Un Bar aux Folies-Bergère, 1882.

Sidney Bradford (1832 -1883) Ciego por una enfermedad en su 1er año de vida, percibía ciertos estímulos luminosos intensos.

A los 52 años de edad, la ciencia médica le devuelve la vista…

Percibía formas sin borde, sin profundidad, ni estructura, cruzaba la calle con los ojos cerrados.

Falleció 2 años después de la operación.

A+ ASPECTOS GENERALES DE LA PERCEPCIÓN B+ FISIOLOGÍA DEL VER C+ CONSTRUCCIÓN DE SENTIDO VISUAL: GESTALT D+ ASPECTOS DE LA PERCEPCIÓN E+ IMPLICANCIAS PARA EL DISEÑO F+ REFERENCIAS

la estructura del sistema nervioso determina lo que hace el sistema nervioso la estructura perceptiva determina quĂŠ y cĂłmo percibimos

A+ ASPECTOS GENERALES DE LA PERCEPCIÓN

Percepci贸n: prefijo per (por completo), capere (capturar). Acci贸n de capturar por completo las cosas. interpretaci贸n de una sensaci贸n.

Acciones para buscar patrones en el entorno que ayuden a sobrevivir.

Funciones o dominios perceptivos Exteroceptivo: percepción mundo externo (lo sensible), frío, calor, etc.

Propioceptivo: movimiento, equilibrio, cuerpo y mundo Interoceptivas: emocionalidad, órganos del cuerpo (emergencias internas)

Tipos de estímulo Distal y Proximal: relativos a la inminencia de provocar respuesta de supervivencia.

Estímulo Distal: lo q esta afuera, lejos no requiere respuesta inmediata de supervivencia (olfato, visión, audición). Respuesta “Estar alerta!”

Estímulo Proximal: lo que afecta directamente a la piel o mucosas, requiriendo respuesta inmediata (pinchazo en la piel, sabor raro, quemadura, etc) Respuesta: sacar la mano”

Constituyentes de la percepción Físicos. Anatomía, fisiología, estructura de física definen como sentimos el mundo.

Cognitivos. Saberes, disposiciones, ideas, experiencias, contexto, construyen la percepción.

Sociales. Relacionado con el cognitivo, saber social. Cultural, paradigmas, construyen la percepción.

La estructura del cerebro estructura la percepción.

Percibimos lo que el cerebro nos permite.

La experiencia posee una matriz estructural.

Humanos y monos tricromáticos Los pájaros tetracromatismo Perros ven en otra escala Perros tienen receptores olfativos importantes.

Murciélagos radares, ven con radares.

Cómo nos “percibe” el computador?

imagen: Tom Igoe.

Homúnculo Cortical Dr. Wilder Penfield. distribución sentidos en superficie del neocórtex.

Diferentes estímulos interpretados de manera integral Se podría decir que no movemos los ojos, movemos la atención Percepción no es inmediata Cadena de estímulos > sentidos > interpretación > acción

Pareidolia: fenómeno donde estímulo impreciso aleatorio es percibido como forma reconocible.

Apofenia: percepción no motivada de conexiones. https://es.wikipedia.org/wiki/Apofenia

Pareidolia: fenómeno donde estímulo impreciso aleatorio es percibido como forma reconocible.

Apofenia: percepción no motivada de conexiones. https://es.wikipedia.org/wiki/Apofenia

ejercicio: fije su mirada en algo sin sacar la vista de ese algo, “muevan” la atención a otra cosa se pierde detalle...

Se podría decir que no movemos los ojos, movemos la atención

estímulos > sentidos > interpretación > acción

Percepción no es inmediata. Cadena.

Cómo se construye la percepción Bottom up: estímulos gatillan percepción (perception driven cognition), estímulos influencian nuestra percepción.

Cuando veo un helado y me da sed.

Top down: comportamiento influenciado por datos conceptuales (ideas del mundo) Usa el conocimiento para influenciar la percepción Cuando caminamos por la oscuridad, imaginamos la habitación y las cosas en el piso para no pisarlas

B+ FISIOLOGÍA DEL VER

Ojo es una mala cรกmara fotogrรกfica

Claridad en campo visual muy pequeĂąo CĂłmo una imagen mala hace que veamos con claridad?

Cerebro le da sentido‌

Movimiento sacรกdico, visiรณn no es continua

El Ojo Fóvea: concentración de fotorreceptores. conos y bastones, buena resolución. detalles y colores .

Retina: Detecta variaciones de luminosidad, especializada en “grises”.

Visión periférica percepción cambios tenues de luz.

Fotorreceptores: traducen luz a impulsos eléctricos.

Conos: colores específicos, diferentes anchos de banda Bastones: variación de luz mirar estrellas, más a los bordes.

Punto ciego: solo cableado que lleva la info

El cableado Transducción luminosa Luz - cambio bioquímico - cambio potencial eléctrico Imagen separa según viene de izq y derecha. junta derechas c derechas, izq c izq...

Permite percepción de profundidad por diferencia de ángulo de imágenes

2 Vías neurales de la Percepción Estímulos se separan hacia parvocelulares (sistema lento) y magnocelulares (sistema rápido)

Magnocelular: Células grandes axón más gordo, mayor velocidad de conexión. Conectada con bastones de la periferia de la retina.

Especializada en detectar mov del borde de la visión. Detectar amenaza. Ojo se gira y pone atención... ej. Ver auto con el rabillo del ojo, la pelota que viene... dónde!

Parvocelular: células con axon más fino, pero centrado en análisis de detalles centrado en el que y como son los objetos. ej. Distinguir rostros, detalles más finos, etc. qué!

Evolutivamente más atención al piso que al cielo Lectura bajo de la línea media, tenemos mejor percepción de la media hacia abajo, así leemos.

Evolutivamente buscamos comida en el suelo, no hay peligro desde el cielo, etc...

Células especializadas? Células de la abuela (Grandmother cells), células que representan imágenes específicas.

Responden a imagen de persona (algún actor, familiar), y también a su nombre Entonces no hay relación visual, pero sí relacion especializada según importancia para la persona.

Se vuelven objetos familiares Top Down y Bottom up

C+ CONSTRUCCIÓN DE SENTIDO VISUAL: GESTALT

Gestalt

Imagen percibida como totalidad.

Percepción constituye objetos, no solo se basa fielmente en información sensorial.

Son hipótesis en base a experiencias fragmentarias. + Figura y fondo + Proximidad + Similitud + Destino común + Continuidad

+ Cierre + Isomorfismo + Simplicidad + Punto focal + Simetría

Gestalt (Alemania, principios del sXX) Entendida como forma, también figura, configuración, estructura, creación.

Organización de la percepción, la buena forma.

Visión proceso activo en varios niveles de procesamiento Visión es discontinua, la percepción es contínua.

Punto ciego. Cerebro inventa para completar (Dejar de ver el ratón).

+ Figura y fondo: cuando separamos objetos en figura y fondo.

Tratamos de focalizar en un elemento, separรกndolo del resto.

+ Proximidad: agrupamos por cercanĂ­a, se forman grupos.

+ Similitud: por similitud de forma, color u otra caracterĂ­stica.

+ Destino común: por forma denotan dirección Estímulos con características similares se perciben como un todo

+ Continuidad: organizados como un todo Estímulos que guardan entre sí una continuidad formal, se perciben como formando parte de una misma figura, agrupándolos según una continuidad suave, evitando cambios bruscos

+ Cierre: completar objetos aunque no estĂŠn completos.

Una figura incompleta se tiende a percibir como si fuese completa (TriĂĄngulo de Kanisa)

mumba rikitiki

+ Isomorfismo: asociación según objetos similares detectados anteriormente, dando sentido en relación a lo recordado.

Establece cierta relación entre estímulos y aspectos fisiológicos.

+ Simplicidad: agrupación según vía más simple Tendemos a percibir elementos de la forma más sencilla.

Facilidad de lectura, comprensión e identificación.

+ Punto focal: Objeto que destaca se detectara primero Se puede detectar por diferencia, direcciĂłn o alguna otra propiedad del estĂ­mulo

+ Simetría Áreas simétricas se perciben como figuras y las asimétricas como fondo Simetría se asocia con estabilidad y lo positivo Lo asimétrico con lo inestable y lo negativo.

Elementos simetricos son más pregnantes que los asimétricas

D+ ASPECTOS DE LA PERCEPCIร N + Atenciรณn y Concentraciรณn + Color + Movimiento, Direcciรณn y Velocidad + Profundidad

A

Punto Ciego

·

+ Atención y Concentración Capacidad para enfocarse en cosas específicas Proceso selectivo de filtrado de estímulos Cerebro se concentra en una cosa a la vez Ceguera por inatención: poner atención una cosa (ver o recordar), nos deja ciegos de otras cosas. (magos lo usan) Competencia por atención Efecto stroop, interferencia semántica en la reacción de una tarea

Ceguera por inatención: poner atención una cosa (ver, recordar), nos deja ciegos de otras cosas.

Vídeo. https://www.youtube.com/watch?v=f_9INBPUX9U

Poner atenciรณn una cosa , nos deja ciegos de otras cosas.

Los magos saben muy bien manejar la atenciรณn...

Tony Slydini (1901 Italia - 1991 Estados Unidos)

+ Color Córtex visual, vemos experiencias pasadas para generar percepciones Color construcción del cerebro. Colores culturales Visón color, mejor para detectar diferencias.

Color permite cortar objetos desde el mundo.

Los Inuit tienen más blancos que nosotros… ¿Por qué?

Beau Lotto. cubo color, Estos colores son diferentes?

Beau Lotto. cubo color, Estos colores son diferentes?

+ Movimiento, Dirección y Velocidad Visión periférica sensible al movimiento, visión para respuesta rápida Movimiento aparente. Imagen autocinética dispara detectores de movimiento Respuesta de orientación, Óvalos Nadadores.

+ Profundidad Profundidad se construye en base a 'pistas' bidimensionales Mรกscara Ilusiรณn de la cara hueva. Mรกscara de Einstein.

+ Profundidad Cubo de Necker.

Hipรณtesis sobre el mundo

+ Profundidad Movimiento aparente, Bailarina giratoria, imagen biestable, falta de seĂąales de profundidad

La silla Buchet Habitaciรณn de Ames

Trampas de ojo y Anamorfismos Desde antes del Renacimiento

Los Embajadores (1533), Hans Holbein el Joven (Alemania-Suiza, 1497-1543)

la estructura del sistema nervioso determina lo que hace el sistema nervioso Cognición, Autopoiesis… clausura operacional. cerebro no sabe nada de lo exterior, solo le importa la coherencia interna… determinismo estructural. la estructura no depende del mundo, sino que de la propia estructura. acoplamiento estructural. estructura del sistema nervioso determina que lo puede perturbar o no. no puede percibir lo que no puede percibir. la comunicación no existe…?

E + IMPLICANCIAS PARA EL DISEÑO

Visiรณn orientada a detectar objetos y darles sentido Si no dan la informaciรณn, se interpreta Affordance, las cosas comunican.

C13R70 D14 D3 V3R4N0 3574B4 3N L4PL4Y4 0853RV4ND0 4 D05 CH1C45 8R1NC4ND0 3N 14 4R3N4. 357484N 7R484J484ND0 9UCH0 C0N57RUY3ND0 UN C4571LL0 D3 4R3N4 C0N 70RR35, P454D1Z05 0CUL705 Y PU3N735. CU4ND0 357484N 4C484ND0 V1N0 UN4 0L4 D357RUY3ND0 70D0.

Buscamos patrones Aprendemos a encontrar patrones Hipรณtesis sobre el mundo

Codificaciรณn clara, no perder tiempo en entender la codificaciรณn. (imรกgenes de Hani Rashid & Lisa Anne Couture, aparecidas en el libro Understanding USA, de Richard S. Wurman)

Overview & detail. Primero una imagen general, luego detalles. (imagen de Ben Fry, proyecto Traces, que visualiza los cambios en las ediciones del Origen de las especies de Charles Darwin. https://fathom.info/traces)

Informaciรณn on demand. Pensar en capas de lectura, habilitar maneras de explorar la informaciรณn. (imagen de Morits Stefaner, proyecto Revisit. http://truth-and-beauty.net/projects/revisit)

Consistencia y simplicidad de los códigos visuales. Coherencia y facilidad de aprehensión en la gráfica, genera cierre y pertenencia a un mismo sistema. (imagen rostros de Accutar, proyecto Visualising Painters’ Lives, donde se usan diferentes códigos relacionados con el estilo de cada artista representado. https://www.behance.net/gallery/Visualising-Painters-Lives/14154851)

Dar Contexto: Cuál es la historia donde se inserta, qué fuentes de datos o información, cómo generar contexto. (imagen campaña de Napoleón a Rusia, de Charles Joseph Minard)

Foco - Periferia. Visión periférica para realizar comparaciones (como en visualización ambiental) (imagen de Morits Stefaner, proyecto OECD Better Life Index. http://truth-and-beauty.net/projects/oecd-better-life-index

Evitar interpretaciones incorrectas

F+ REFERENCIAS...

Escher: https://www.youtube.com/watch?v=ZFwoinhJj-c Wucius Wong: https://drive.google.com/file/d/0B4sk-08jyPyedVZWalRER09wa28/view Steven Pinker: https://www.youtube.com/watch?v=Q-B_ONJIEcE Usama Fayyad: http://www.fayyad.com/ Scott McCloud: https://www.ted.com/talks/scott_mccloud_on_comics?language=en#