clase 07 interfaces metafóricas
TRANSCRIPT
![Page 1: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/1.jpg)
Taller de Proyectos DigitalesProf. Marcelo Santos - @celoo | Universidad Finis Terrae
Clase 07: Interfaces Metafóricas
![Page 2: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/2.jpg)
Términos Imprimí una fotografía de mi cámara digital nueva y quedó
excelente
¿Viste la película “Brujas de Blair”?
Te mandé un correo ayer, no me contestaste
Hice una página Web de mi curso de UNIACC
Salvé el archivo en el escritorio
![Page 3: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/3.jpg)
Lenguaje y Soporte“Yo creo que estamos en un punto de transición – no ha habido ninguna gran nueva evolución en las metáforas visuales desde hace mucho. La Web no ha sido una revolución espacial, más bien una evolución del hipertexto"
-- Steven Johnson
![Page 4: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/4.jpg)
Dentro del área del Diseño
Industrial > Táctil Actividad central: Proceso Industrial Ciencias: Ergonomía, Mecánica Preocupación: Mecánica del cuerpo
Gráfico > Visual Actividad central: Diagramación Ciencia: Artes Visuales Preocupación: Legibilidad
Digital > Interactivo Actividad central: Flujos de Datos Ciencias: Experiencia de Usuario, Programación Preocupación: Interacción multimodal
![Page 5: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/5.jpg)
Actividad – parte 1 Sentarse en circulo
Tema inicial
Cada uno dice lo primero que viene en la cabeza basado en lo que dice el vecino al lado
![Page 6: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/6.jpg)
Actividad – parte 2 Decir lo qué fue que el vecino (anterior) te ha dicho “A” y por
qué has dicho “B” como consecuencia de “A”
![Page 7: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/7.jpg)
Actividad – parte 3 ¿Cuáles fueron los tipos de asociaciones?
Metáfora / semejanza Metonimia / contiguidad
¿Qué eso tiene que ver con interfaces? Botones, íconos Metáforas, Analogías, Metonimias:
de ambientes de procesos
Diseño es intención Lógica Estructuras de Clasificación
![Page 8: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/8.jpg)
Semiología – Saussurre
Significante
X
Significado
![Page 9: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/9.jpg)
El Cuerpo BiocibernéticoLucia Santaella – PUC-SP (Brasil)
![Page 10: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/10.jpg)
Era Postbiológica Largo y gradual proceso
¿Qué es artificial? Habla Gestos Computadora Celular
Extensiones de los sentidos: amplifican memoria y cognición
![Page 11: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/11.jpg)
“El Cuerpo Biocibernético” Natural x Artificial
Gesto y Habla: ¿Natural o artificial?
Lenguaje = extensiones de los 5 sentidos
Lenguaje = extensión de la memoria
Lenguaje = extensión de la cognición
Lenguaje = prótesis!!!
![Page 12: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/12.jpg)
Lenguaje y Soporte“Ya que la escritura alfabética hoy en día se ha estabilizado sobre un soporte estático y dirigido hacia dicho soporte, es legítimo preguntarse si el surgimiento de un soporte dinámico no podría suscitar la invención de nuevos sistemas de escritura que explotaran mejor las nuevas potencialidades”
-- Pierre Lévy
![Page 15: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/15.jpg)
Para trabajar en SAC o si el bolso te pesa…
![Page 16: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/16.jpg)
Trava para Anteojos
![Page 17: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/17.jpg)
Talón-Tacón
![Page 18: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/18.jpg)
MEMEX – Vannevar Bush
![Page 19: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/19.jpg)
Sketchpad: Mouse?
![Page 20: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/20.jpg)
¿Qué es eso?
![Page 21: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/21.jpg)
¿Qué es lo que promueve el Cambio?
![Page 22: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/22.jpg)
¿Qué es más fácil?
![Page 23: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/23.jpg)
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…”
![Page 24: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/24.jpg)
![Page 25: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/25.jpg)
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,
![Page 26: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/26.jpg)
M H
![Page 27: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/27.jpg)
M F
![Page 28: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/28.jpg)
Metáfora o metonimia?
Causa-Consequência
![Page 29: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/29.jpg)
Transferencia de plata por el computador
¿Es así?
![Page 30: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/30.jpg)
Metáfora de proceso
![Page 31: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/31.jpg)
Actividad en Clase Buscar uno o más ejemplos de interfaces que
sean METÁFORAS
Decir si están de acuerdo o no con que sea utilizada una metáfora y por qué Puntos fuertes Puntos débiles
![Page 32: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/32.jpg)
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
cos
a so
bre
otra
en e
l lug
ar d
e ot
ra(in
ters
ecci
ón,
simul
tane
idad
)
![Page 33: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/33.jpg)
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>
![Page 34: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/34.jpg)
![Page 35: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/35.jpg)
![Page 37: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/37.jpg)
Ejemplos interfaces
![Page 38: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/38.jpg)
¿Instrucciones?
![Page 39: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/39.jpg)
Máquina Snacks
![Page 40: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/40.jpg)
Diseños malos…
![Page 42: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/42.jpg)
Más ascensores
![Page 43: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/43.jpg)
Más ascensores
![Page 44: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/44.jpg)
Más ascensores
![Page 45: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/45.jpg)
Más ascensores
![Page 46: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/46.jpg)
Metonimia: relación de sentido (sintagma)
![Page 50: Clase 07 interfaces metafóricas](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58ecb9b91a28ab754a8b4647/html5/thumbnails/50.jpg)
¿Confianza?