Tema:
METÁFORAS
Objetivos
● Aprender qué es una metáfora.
● Conocer qué son las metáforas verbales, visuales y
globales.
● Conocer la metáfora del escritorio y su historia.
● Ver el uso de las metáforas en las interfaces actuales.
● Discutir los problemas y las ventajas de uso.
● Aprender cómo diseñar y aplicar las metáforas con
efectividad.
Contenido
❏ Metáforas
❏ Metáforas Verbales
❏ Metáforas Visuales
❏ Metáfora del Escritorio
❏ Metodología de creación de
metáforas
❏ Diseño de metáforas
❏ Ejemplos de metáforas
¿Qué es un
modelo mental?
¿Qué es una
metáfora?
METÁFORA
Es un modelo que utilizamos
para comunicar conceptos
abstractos de una forma
familiar y accesible
IMPORTANCIA DE LAS
METÁFORAS
OBJETIVOS DE LOS DISEÑADORES DE
INTERFACES
● Diseñar y facilitar el proceso de desarrollo de
un modelo mental efectivo
● Transferir el conocimiento del mundo que les
rodea al mundo de los ordenadores de forma
que los usuarios confíen en sus modelos para
interactuar con el ordenador
METÁFORAS VERBALES
Figura retórica que consiste en usar una
palabra o frase en un sentido distinto del
que tiene pero manteniendo con éste una
relación de analogía o semejanza.
Ejemplo:
“Ya pinta de plata sus sienes” por “ya
comienza a tener algunas canas”
Cuando nos encontramos con una
nueva herramienta tecnológica
tendemos a compararla con alguna
cosa conocida.
Metáforas verbales Ventajas y limitaciones
Ventajas:
Basándonos en el conocimiento previo podemos desarrollar
más rápidamente el conocimiento del nuevo dominio
★ Presionar una tecla significa ver un carácter en la pantalla.
Limitaciones:
Existen diferencias
★ La tecla de retroceso mueve el carro físicamente mientras
que en el ordenador se borra el carácter
★ No obstante, una vez asimiladas estas diferencias el
usuario construye un nuevo modelo mental.
Conclusión: las metáforas verbales son muy útiles para ayudar
a los usuarios a iniciarse en el uso de un nuevo sistema.
METÁFORAS VISUALES
Una metáfora visual es una imagen que
nos permite representar alguna cosa de tal
manera que el usuario puede reconocer lo
que representa y por extensión
comprender su propósito.
La metáfora visual puede variar desde
pequeñas imágenes hasta pantallas
completas
METÁFORAS VISUALES
Los conocimientos sobre los elementos de un dominio familiar se
traspasan a los elementos de otro no familiar.
Metáforas visuales Orígenes
Xerox, primera metáfora visual
★ Xerox Star, interfaz visual basada en la oficina física.
★ La base consistió en crear objetos electrónicos simulando los
objetos físicos de una oficina: papel, carpetas, bandejas,
archivadores.
★ La metáfora de organización global que se presentaba en la
pantalla fue la del escritorio y se parecía al área de trabajo de
una típica mesa de oficina.
★ Los ficheros se transformaron en representaciones pictóricas.
Metáforas visuales Intuición
➔ Las personas entendemos las metáforas por intuición.
◆ Intuición: cognición inmediata. Conocimiento de una cosa
obtenida sin utilizar inferencia o razonamiento
➔ Comprendemos su significado porque las conectamos
mentalmente con otros procesos que previamente hemos
aprendido.
Metáforas visuales Intuición
❖ Las metáforas se basan en asociaciones percibidas de manera
similar por el diseñador y el usuario
❖ Si el usuario no tiene la misma base cultural que el
desarrollador es fácil que la metáfora falle.
Metáfora global
➔ La metáfora global es una metáfora que nos da el marco para
las otras metáforas del sistema
◆ La metáfora del escritorio se puede considerar como una
metáfora global.
➔ Es importante que todas las metáforas se integren
adecuadamente en la metáfora global.
En un título de CD para niños, explorando el sistema solar, la metáfora global del
centro de control de una nave espacial,constituye una opción.
Metáfora del escritorio
★ Fue la primera metáfora global
★ Está muy extendida (La metáfora de escritorio se ha
combinado con otras metáforas para permitir que los usuarios
puedan realizar un conjunto de tareas más amplio.)
★ Reproduce una oficina con todos sus objetos.
Metáfora del escritorio ¿Cómo funciona?
● Las carpetas son contenedores de documentos en el mundo
real y en el virtual
○ Se puede abrir una carpeta para coger o dejar alguna
cosa
○ Se pueden poner carpetas dentro de carpetas
○ Se pueden mover las carpetas por todo el escritorio
● Algunas propiedades físicas están ausentes
○ Las carpetas no pesan, no hacen ruido cuando se abren
● Por otra parte tienen propiedades “mágicas”
○ Se puede poner el mismo documento en dos carpetas a
la vez
○ Se puede reproducir un conjunto de carpetas y sus
documentos automáticamente
○ Se pueden ordenar las carpetas por orden alfabético, etc.
Metáfora del escritorio Metáforas compuestas
❖ La metáfora del escritorio se ha
combinado con otras metáforas
para permitir que los usuarios
puedan realizar un conjunto de
tareas más amplio
❖ Ejemplos:
➢ La barra de desplazamiento
como metáfora del rollo, que
es un papiro que se desplaza
para leer
➢ Menús y ventanas
➢ Cortar y pegar, basadas en el
diseño de páginas de una
imprenta
Metáfora del escritorio El ordenador invisible
★ El objetivo final de las metáforas es hacer el ordenador
invisible para el usuario
★ La metáfora puede llegar a ser transparente al usuario y
no requerir de él ningún esfuerzo cognitivo
Metáfora del escritorio
Metáfora del escritorio
Metodología de creación
★ Las metáforas visuales han de diseñarse de acuerdo con una
metodología y teniendo en cuenta su relación con el diseño
global.
★ Fases del diseño de metáforas:
Definición Evaluación
4 de la
funcional
metáfora
1 3
Identificación Generación
de problemas 2
de la
del usuario metáfora
Metodología de creación
Definición funcional
Lo primero es entender cómo funciona
aquello que se va a modelar con la
metáfora
❏ Qué puede hacer el sistema (análisis
de requisitos)
❏ Qué puede hacer el usuario (análisis
de tareas)
Metodología de creación
Identificación de problemas del usuario
❏ Examinar la forma en que los
usuarios realizan las tareas.
❏ Analizar las dificultades que
se encuentran.
❏ Mostrar a los usuarios un
prototipo del sistema y
observar cómo lo utilizan.
Metodología de creación
Generación de la metáfora
❏ Observar el entorno de trabajo del
usuario.
❏ Encontrar una relación entre la
información familiar y la nueva.
❏ Estudiar el grado de coincidencia y
las diferencias que existen.
❏ Elegir la representación gráfica más
adecuada.
Metodología de creación
Evaluación de la metáfora
Puntos para evaluar la utilidad de la metáfora:
❏ Volumen de la estructura que proporciona.
❏ Aplicabilidad de la estructura. Falsas expectativas.
❏ Representatividad. ¿Fácil de representar?. La metáfora ideal
tiene representación visual, auditiva y palabras asociadas
❏ Adecuación a la audiencia: Que los usuarios lo entiendan.
❏ Extensibilidad: ¿Qué más pueden hacer?
Metodología de creación
Otra Versión
Identificar el tipo de Grado de ajuste
comparación
Estudiar el grado de
Debemos encontrar una coincidencia y diferencias
relación entre la información que existen.
familiar y la nueva.
Metodología de creación
Ejemplo de errores
● Asociaciones inadecuadas
Se utiliza la metáfora
del reproductor
de vídeo para controlar
una impresora.
Metodología de creación
Ejemplo de errores
● Asociaciones inadecuadas
Los íconos no tienen un
significado intuitivo.
Diseño de metáforas
Las metáforas pueden conseguir su efectividad a
través de asociaciones:
● Podemos asociar clases y atributos a objetos familiares
● Podemos asociar procesos y algoritmos a verbos de acción
Tipos de metáforas:
❏ De objetos: libro, álbum, agenda, escritorio, biblioteca
❏ De actividades: visita, exploración, viaje
❏ De lugares: casa, plaza, museo, ciudad, isla
Diseño de metáforas
Objetos familiares
❏ Escritorio
Dibujos, ficheros, carpetas, papeles, clips, notas de papel
❏ Fotografía
Álbumes, fotos, portafotos
❏ Juegos
Reglas del juego, piezas del juego, tablero de juego
❏ Contenedores
Estanterías, cajas, compartimentos
❏ Ciudades
Hitos, perfiles, casas
Ejemplos de metáforas
❏ Objetos y acciones
❏ Aplicaciones y sitios web
Ejemplos
Papelera
● Sirve para poner todos los papeles u otros elementos que no
sirven para después tirarlos a la basura
● La papelera permite reciclar los objetos depositados en ella
Ejemplos
Tijera (Cortar)
● Las tijeras nos dan la funcionalidad de cortar papel, tela, etc.
● La metáfora nos aporta la idea de poder cortar un trozo de
documento, una parte de un dibujo, etc.
● Su enlace con el portapapeles tiene que ser aprendido
Ejemplos
Herramientas de dibujo
Se usan elementos muy conocidos y de significado intuitivo para el
diseñador
El bote de pintura que se vacía indica que se llenará de un color el
interior de un objeto
Ejemplos
Aplicaciones y sitios web
Ejemplos
Aplicaciones y sitios web
CONCLUSIONES
● Las metáforas constituyen un elemento
fundamental de las interfaces actuales.
● Hemos expuesto una visión general de
su historia y algunos ejemplos actuales.
● Hemos aprendido algunas ideas sobre
cómo diseñar metáforas.
