UNAB – 1º sem 2009 1

Interfaces TecnológicasProf. Marcelo Santos

Comunicación MultimediaUNIACC

1º semestre 2010

UNIACC – 1º sem 2010 2

Phaneronscopía… (= Fenomenología)

UNIACC – 1º sem 2010 3Prof. Marcelo Santos

Phaneron

Griego: Todo lo que “aparece”

Cualquier cosa “fuera” (cosas, animales, alter) o “dentro” (pensamientos, sueños, ego)

Peirce: “Abrir los ojos mentales”

UNIACC – 1º sem 2010 4Prof. Marcelo Santos

Phaneron

“Es el conjunto de todo lo que esta presente en la mente, cual sea su forma o sentido, independientemente de corresponder o no a la realidad o a una cosa real.”

…the collective total of all that is in any way or in any sense present to the mind, quite regardless of whether it corresponds to any real thing or not (C. S. Peirce – Collected Papers)

UNIACC – 1º sem 2010 5Prof. Marcelo Santos

Consciencia

“Lago” sin fundo

Capa más superficial es la consciencia reflexiva = tenemos algo de control

Constante lluvia de perceptos (fenómenos) sobre el “Lago”

Por asociación (similitud) o relación (contigüidad), “ideas” suben a la superficie

UNIACC – 1º sem 2010 6Prof. Marcelo Santos

Lluvia de “Perceptos”

UNIACC – 1º sem 2010 7Prof. Marcelo Santos

Phaneron x Consciencia

PHANERONPHANERON

CONSCIENCIACONSCIENCIA

MEDIACIÓN

UNIACC – 1º sem 2010 8Prof. Marcelo Santos

Phaneron x Consciencia

PHANERONPHANERON

CONSCIENCIACONSCIENCIA

INTERSECCIÓN = 2de

UNIACC – 1º sem 2010 9Prof. Marcelo Santos

Phaneron x Consciencia

SE CONFUNDEN = 1de

CONSCIENCIACONSCIENCIAPHANERONPHANERON

UNIACC – 1º sem 2010 12Prof. Marcelo Santos

Qué es?

UNIACC – 1º sem 2010 14Prof. Marcelo Santos

Repertorio

Para ¨leer¨ lo desconocido, hay que partir de algo conocido...

Lo ¨conocido¨ puede ser algo familiar o similar...

El signo evoluciona hasta tener personalidad propia!

Zoopraxiscopio

UNIACC – 1º sem 2010 16Prof. Marcelo Santos

¿Cómo se juega?

UNIACC – 1º sem 2010 17Prof. Marcelo Santos

¿Qué es Interfaz?

“…softwares que dan forma a la interacción entre usuario y computador. La interfaz actúa como una especie de traductor, mediando entre las dos partes, haciendo una sensible para la otra. En otras palabras, la relación gobernada por la interfaz es una relación semántica, caracterizada por significado y expresión, no por fuerza física.

Steven Johnson

UNIACC – 1º sem 2010 18Prof. Marcelo Santos

¿Qué es Interfaz?

Es el elemento más fundamentalde la comunicación

UNIACC – 1º sem 2010 19Prof. Marcelo Santos

Términos

Imprimí una fotografía de mi viaje a Holanda

UNIACC – 1º sem 2010 20Prof. Marcelo Santos

Términos

Me gusta esta página Web

UNIACC – 1º sem 2010 21Prof. Marcelo Santos

Términos

Salvé el archivo en el escritorio

UNIACC – 1º sem 2010 22Prof. Marcelo Santos

UNIACC – 1º sem 2010 23Prof. Marcelo Santos

UNIACC – 1º sem 2010 24Prof. Marcelo Santos

Mapa? Correo?

UNIACC – 1º sem 2010 25Prof. Marcelo Santos

¨Ventanas¨? ¨Carpetas¨?

UNIACC – 1º sem 2010 26Prof. Marcelo Santos

Saussure

AaαAaaa

Paradigma / Similitud / Metáfora

Sintagma / Contigüidad / Metonimia

A B C D E F G H…Una cosa al lado de la otra(Suma, unión, complementariedad)

Una

co

sa s

obre

otr

aen

el l

uga

r d

e o

tra

(inte

rsec

ción

, si

mu

ltane

idad

)

UNIACC – 1º sem 2010 27

METÁFORA y METONIMIA

UNIACC – 1º sem 2010 28Prof. Marcelo Santos

Metáfora

• Metáfora = relación de semejanza (fundamento común)– Baño de sol– Eres una rosa– Eres un elefante– Pantalón pata de elefante– “Quisiera ser un pez para tocar mi nariz en tu

pecera, hacer burbujas de amor por donde quiera…”

UNIACC – 1º sem 2010 29Prof. Marcelo Santos

Metáfora

UNIACC – 1º sem 2010 30Prof. Marcelo Santos

Metonimia

• Metonimia = relación semántica (Contigüidad)– Parte-todo: “No metas la nariz donde no te

importa”– Causa-efecto: “salir de copas”– Continente-contenido: “tomar una copa”

Autor-obra: “Es un Dalí auténtico”– Lugar-producto: Champagne, Oporto,

UNIACC – 1º sem 2010 31Prof. Marcelo Santos

Metonimia

M H

UNIACC – 1º sem 2010 32Prof. Marcelo Santos

Metonimia

M F

UNIACC – 1º sem 2010 33Prof. Marcelo Santos

Metáfora o metonimia?

Causa-Consequência

UNIACC – 1º sem 2010 34Prof. Marcelo Santos

¿Paradigma o Sintagma?

• 1, 2, 3, 4, __ , 6, 7

• Guau, guau

?

?

UNIACC – 1º sem 2010 35Prof. Marcelo Santos

¿Similares o Contiguos?

UNIACC – 1º sem 2010 36Prof. Marcelo Santos

¿Similitud o Contigüidad?

UNIACC – 1º sem 2010 37Prof. Marcelo Santos

¿Similitud o Contigüidad?

UNIACC – 1º sem 2010 38Prof. Marcelo Santos

¿Similitud o Contigüidad?

UNIACC – 1º sem 2010 39Prof. Marcelo Santos

¿Similitud o Contigüidad?

UNIACC – 1º sem 2010 40Prof. Marcelo Santos

¿Similitud o Contigüidad?

UNIACC – 1º sem 2010 41Prof. Marcelo Santos

Cultura Remix

UNIACC – 1º sem 2010 42Prof. Marcelo Santos

Transferencia de plata por el computador

¿Es así?

UNIACC – 1º sem 2010 43Prof. Marcelo Santos

Metáfora en interfaces

• Metáfora del Objeto real– Banco = Puerta, cola de pago etc.

• Metáfora del Proceso – Banco = pagos, transferencia etc.

• POWERPOINT = metáfora>

UNIACC – 1º sem 2010 44Prof. Marcelo Santos

Metáfora de proceso

UNIACC – 1º sem 2010 45Prof. Marcelo Santos

Actividad

• Buscar en la web una o más interfaces de sitios que sean METÁFORAS

• Analizar si están de acuerdo o no con que sea utilizada una metáfora y por qué– Puntos fuertes– Puntos débiles

UNIACC – 1º sem 2010 46

Ejemplos interfaces

UNIACC – 1º sem 2010 47Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 48Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 49Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 50Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 51Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 52Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 53Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 54Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 55Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 56Prof. Marcelo Santos

Ejemplos

UNIACC – 1º sem 2010 57Prof. Marcelo Santos

Más Diseños…

• Toshiba Planet

• http://www.baddesigns.com/examples.html

• Inspiración

• Desinspiración

• Flash Forward: http://www.flashforwardconference.com/past_winners.html

UNIACC – 1º sem 2010 58Prof. Marcelo Santos

Trabajo 1: Metáforas

1. Elegir una interfaz tecnológica metafórica

2. Apuntar lo que le parece bueno y malo

3. Investigación:1. Paño de fondo (background)

2. Quién esta por detrás

3. Cuál es el objetivo/concepto de la interfaz/sitio• En qué la interfaz aporta hacia este objetivo/concepto

4. Cual es el público

5. La interfaz es adecuada al público en términos de:• Estética• Interacción• Lectura• Multimedia (sonido, animación)• Aspectos técnicos (tamaño, plugin, accesibilidad)

UNIACC – 1º sem 2010 59Prof. Marcelo Santos

Trabajo 1: Metáforas

• Seguimiento individual 16/04 – 2da parte clase• Presentación y entrega 23/04

– Discusión en Clase– Evaluación– Formato libre (ppt, flash, html, doc etc.)

• Obligatoria presencia de todos hasta el fin

UNIACC – 1º sem 2010 60Prof. Marcelo Santos

Diseños curiosos:Ascensores etc...

UNIACC – 1º sem 2010 61Prof. Marcelo Santos

¿Instrucciones?

UNIACC – 1º sem 2010 62Prof. Marcelo Santos

Máquina Snacks

UNIACC – 1º sem 2010 63Prof. Marcelo Santos

Diseños malos…

UNIACC – 1º sem 2010 64Prof. Marcelo Santos

Más ascensores

UNIACC – 1º sem 2010 65Prof. Marcelo Santos

Más ascensores

UNIACC – 1º sem 2010 66Prof. Marcelo Santos

Más ascensores

UNIACC – 1º sem 2010 67Prof. Marcelo Santos

Más ascensores

UNIACC – 1º sem 2010 68Prof. Marcelo Santos

Más ascensores

Jerarquía de uso

UNIACC – 1º sem 2010 69Prof. Marcelo Santos

Más ascensores