Apuntes sobre el uso de metáforas en el diseño de interfaces digitales

1. 
Taller de Proyectos Digitales
Prof. Marcelo Santos - @celoo | Universidad Finis Terrae
Clase 07: Interfaces Metafóricas

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

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

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

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

6. 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”

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

8. Semiología – Saussurre
Significante
X
Significado

9. El Cuerpo Biocibernético
Lucia Santaella – PUC-SP (Brasil)

10. Era Postbiológica
 Largo y gradual proceso
 ¿Qué es artificial?
 Habla
 Gestos
 Computadora
 Celular
 Extensiones de los sentidos: amplifican memoria y
cognición

11. “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!!!

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

13. ¿Fumadores o no fumadores?

14. Bueno para el iPhone

15. Para trabajar en SAC o si el bolso te
pesa…

16. Trava para Anteojos

17. Talón-Tacón

18. MEMEX –Vannevar Bush

19. Sketchpad: Mouse?

20. ¿Qué es eso?

21. ¿Qué es lo que promueve el Cambio?

22. ¿Qué es más fácil?

23. 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…”

25. 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,

26. M H

27. M F

28. Metáfora o metonimia?

29. Transferencia de plata por el computador
¿Es así?

30. Metáfora de proceso

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

32. Saussure
A
a
α
A
a
a
a
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)
Unacosasobreotra
enellugardeotra
(intersección,
simultaneidad)

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

37. Ejemplos interfaces

38. ¿Instrucciones?

39. Máquina Snacks

40. Diseños malos…

41. Más ascensores

42. Más ascensores

43. Más ascensores

44. Más ascensores

45. Más ascensores

46. Metonimia: relación de sentido (sintagma)

48. Metáfora: relación de semejanza

49. Metáfora: relación de semejanza

50. ¿Confianza?