Metáforas

Metáforas
 Metáforas
¿Qué es exactamente una metáfora y por qué se considera tan importante en
el diseño de una buena interfaz?
El término metáfora está tradicionalmente asociado con el uso del lenguaje.
Cuando queremos comunicar un concepto abstracto de una manera más
familiar y accesible utilizamos el recurso de las metáforas.
En el diseño de las interfaces actuales, las metáforas tienen un papel
dominante.
Los objetos en la pantalla, los nombres que se dan a las órdenes de
comando, conceptos como icono, menús, ventanas están basados en temas
familiares y lo mismo sucede con las acciones a realizar, arrastrar, cortar,
pegar, etc.
El uso de las metáforas puede asistir a los desarrolladores en conseguir
maneras más eficientes y efectivas de desarrollar programas que permitan
ser usados por comunidades de usuarios más diversas.
Existen metáforas Verbales, Visuales, Globales
 Metáforas Verbales
Las metáforas son una parte integrante de nuestro lenguaje y de nuestro
pensamiento y aparecen en nuestras conversaciones cotidianas, aunque
muchas veces no nos demos cuenta.
Cuando nos encontramos delante de una nueva herramienta tecnológica —
como un ordenador — se tiende a compararlo con alguna cosa conocida.
Un ejemplo clásico de cuando se utiliza un ordenador por primera vez, se
compara inmediatamente con una máquina de escribir de una manera
metafórica.
 Metáforas Verbales
Cuando se digita un texto pensamos que se comporta igual que una máquina
de escribir.
Lo importante a tener en cuenta es que basado en este conocimiento previo
se puede desarrollar un conocimiento del nuevo dominio más rápidamente.
No obstante, hay que tener en cuenta que hay diferencias, por ejemplo, la
tecla de retorno mueve el carro físicamente de un lado a otro mientras que en
el procesador de texto se borra el caractér.
No obstante, una vez asimiladas estas diferencias, el usuario construye un
nuevo modelo mental.
Análogamente podemos aplicar otras metáforas, como por ejemplo, explicar
el funcionamiento de los ficheros con la metáfora de funcionamiento de un
archivador.
 Metáforas Visuales
La metáfora visual normalmente es una imagen que nos permite representar
alguna cosa y que el usuario puede reconocer lo que representa y por
extensión ha de comprender el significado de la funcionalidad que recubre.
Las metáforas pueden variar de pequeñas imágenes puestas en botones de
barras hasta pantallas completas en algunos programas. Las personas
entendemos las metáforas por intuición.
Comprendemos el significado de las metáforas de los controles que
encontramos en la interfaz, porque los conectamos mentalmente con otros
procesos que previamente habíamos aprendido.
 Metáforas Visuales
Los conocimientos sobre los elementos y relaciones en un
dominio familiar se traspasan a los elementos y relaciones en otro
no familiar.
 Metáforas Visuales
Xerox fue una de las primeras empresas que se dió cuenta de
la importancia de diseñar interfaces simulando el mundo físico
concreto que nos es familiar.
En vez de pensar en interfaces verbales, como medio de hacer
entender a los usuarios la interfaz, fue un poco más lejos y
desarrolló una interfaz visual basada en la oficina física. Esta
interfaz fue desarrollada para el sistema Star.
La base de la metáfora consistió en crear objetos electrónicos
simulando los objetos físicos en una oficina. Esto incluía papel,
carpetas, bandejas y archivadores.
La metáfora de organización global presentada por pantalla fue
el escritorio y el área de trabajo se parecía a una típica mesa
de oficina.
Metáforas Visuales
 Metáforas Visuales
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, incluso teniendo la misma base cultural
puede haber faltas de comprensión importantes.
 Metáforas Globales
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.
 Metáfora del Escritorio
La metáfora del escritorio fue la primera metáfora global y
está siendo utilizada prácticamente en todas las interfaces
gráficas.
La idea era reproducir una sobremesa de oficina y todos
los objetos que tenemos en ella y en sus alrededores.
En aquellos momentos el uso de los ordenadores estaba
dirigido a los oficinistas, por tanto esta metáfora
correspondería exactamente al entorno que la mayor
parte de los usuarios trabajaban.
 Metáfora del Escritorio
Las carpetas son contenedores de documentos en el mundo real y
en el virtual: Puedes abrir una carpeta para coger o dejar alguna
cosa; se pueden poner carpetas dentro de carpetas y dentro de
carpetas, podemos mover las carpetas por todo el escritorio.
Algunas propiedades físicas están ausentes, no pesan no hacen
ruido cuando se abren.
Pero por otra parte tienen propiedades mágicas,se puede poner el
mismo documento en dos carpetas al mismo tiempo,aunque puedas
pensar que los puedes pasar por una fotocopiadora, puedes
reproducir un conjunto de carpetas y sus documentos
automáticamente, puedes ordenar las carpetas por orden
alfabético,etc...
 Metáforas Compuestas
La metáfora de la sobremesa ha sido combinada con otras
metáforas para permitir que los usuarios puedan ejecutar un
amplio abanico de tareas en el ordenador.
Otros ejemplos de metáforas son el menú, las ventanas y el
cortar y pegar basadas en el diseño de páginas
Desde un punto de vista cognitivo,uno de los problemas que se
pueden presentar es cómo interpretar estas metáforas
compuestas.
De hecho se ha comprobado que el usuario desarrolla modelos
mentales múltiples de la interfaz.
 Metáforas – Ejemplos - papelera
La papelera es una herramienta habitual en la
mayoría de las culturas avanzadas.
Sirve para poner todos los papeles u otros elementos
que no sirven para después tirarlo como basura.
El símbolo de reciclar es habitual en nuestra cultura.
Tenemos una papelera que permite reciclar los
objetos que depositamos en ella.
 Metáforas – Ejemplos – Cortar -
Tijera
Las tijeras nos representan su funcionalidad de cortar papel, ropa,
etc..
La metáfora nos permite cortar un trozo de documento, dibujo, hoja
de cálculo.
 Metáforas – Ejemplos – Correo
electrónico
Cubre la función de gestionar correo electrónico.
 Metodología de la creación de
Metáforas
Definición funcional.
Identificación de los problemas de los usuarios.
Generación de la metáfora.
Evaluación de la metáfora.
 Metáforas – Definición Funcional
Entender la funcionalidad del sistema
(requerimientos) para implementar la metáfora.
Qué puede hacer el sistema
Lo que está disponible para el usuario
Rapidez de respuesta
 Metáforas – Identificación de los problemas
de los usuarios
Analizar las dificultades del usuario
Ver cómo utilizan funcionalidades similares y qué
problemas tienen.
Explicar lo que queremos hacer y ver si lo
entienden, enseñar el prototipo y ver como lo
utilizan.
 Metáforas – Generación de la Metáfora
Examen detallado de la manera de realizar las tareas
Analizar sitios oficinas, fábricas, escuelas, etc.. y observar
los problemas que las personas tienen y las herramientas
que utilizan para resolverlos.
Una vez identificados los problemas y las herramientas
que se utilizan ver cuales de ellas envuelven algunas de
las características que los usuarios encuentran difíciles de
comprender.
 Metáforas – Evaluación de las Metáforas
Una vez se han generado varias metáforas, es el
momento de evaluar cual escoger para expresar la nueva
funcionalidad.
Volumen de la estructura: cuanta estructura nos
proporciona la metáfora. Una metáfora con poca
estructura nos será poco útil.
Aplicabilidad de la estructura: qué parte de la estructura
aplicable es relevante para el problema. Lo que pueda
llevar al usuario en la dirección incorrecta o le pueda
hacer caer en falsas expectativas.
 Metáforas – Evaluación de las Metáforas

Representatividad: ¿es la metáfora fácil de

representar? Las metáforas ideales tienen
representación visual, auditiva y palabras
asociadas.
Adaptabilidad a la audiencia: los usuarios tienen
que entender la metáfora.
Extensibilidad: una metáfora puede tener otras
partes de la estructura que pueden ser útiles más
adelante.
 Diseño de Metáforas – lenguaje visual

Las metáforas pueden conseguir su efectividad a

través de la asociación, es decir podemos asociar
estructuras, clases, objetos, atributos a nombres
u operaciones, tambien procesos y algoritmos a
verbos.
 Diseño de Metáforas – lenguaje visual –
Objetos familiares
Escritorio: Dibujos, ficheros, carpetas, papeles,
notas de papel.
Documentos: Libros, capítulos, marcadores,
figuras; periódicos, secciones; revistas, artículos;
cartas; formularios.
Fotografía: Álbum, fotos, porta retrato.
Televisión: Programas, canales, redes, anuncios
comerciales, guías.
 Diseño de Metáforas – lenguaje visual –
Objetos familiares
Juegos: reglas del juego, piezas del juego,
tablero de juego.
Películas: Rollos, bandejas de transparencias,
presentaciones, películas, teatros.
Contenedores: Estanterías, cajas,
compartimentos.
 Diseño de Metáforas – lenguaje visual –
Objetos familiares
Árboles: Raíces, tronco, ramas, hojas
Red, diagrama, mapa: nodos, enlaces, regiones.
Ciudades: Regiones, casas, habitaciones.
 Diseño de Metáforas – lenguaje visual –
Verbos
Mover: navegar, conducir, volar.
Localizar: apuntar, tocar, enmarcar elemento (s).
Seleccionar: tocar elemento, grabar elemento, poner dedo
en elemento y moverlo.
Crear: añadir (nuevo), copiar.
Borrar: tirar, destruir, perder, reciclar, borrar (temporal o
permanentemente).
Evaluar: Mover botón, desplazar puntero, rodar, girar.
Vaciar: agua (tubos, ríos).
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes
Ejemplos de metáforas en Interfaces Web
propuestas por los estudiantes