Professional Documents
Culture Documents
Metforas
Objetivos
Aprender qu es una metfora Conocer qu son las metforas verbales, visuales y globales Conocer la metfora del escritorio y su historia Ver el uso de las metforas en las interfaces actuales Discutir los problemas y las ventajas de su uso Aprender cmo disear y aplicar las metforas con efectividad
Metforas
Utilizamos metforas para comunicar conceptos abstractos de una forma familiar y accesible La metfora del escritorio introducida por el computador Macintosh y de uso generalizado actualmente supuso un cambio en la usabilidad de los computadores
Metforas verbales
Metfora: Figura retrica que consiste en usar una palabra o frase en un sentido distinto del que tiene pero manteniendo con ste una relacin de analoga o semejanza Ejemplo: cabellos de oro por cabellos rubios Las metforas son una parte integrante del lenguaje y aparecen en las conversaciones cotidianas
Tiempo (abstracto) -> ahorrar, gastar, desaprovechar (dinero) Ideas (abstracto) -> defender, atacar, retirar (conceptos blicos) Navegar, explorar, visitar, inmersin, web, red, mapa, pgina, home, ancla, bookmark, etc.
Metforas verbales
Ejemplo
Cuando nos encontramos con una nueva herramienta tecnolgica tendemos a compararla con alguna cosa conocida
Metforas verbales
Ejemplo
Los conocimientos sobre los elementos y relaciones en un dominio familiar se traspasan a los elementos y relaciones en otro no familiar
retorno
teclas
barra esp.
Metforas verbales
Ventajas y limitaciones
Ventajas: basndonos en el conocimiento previo podemos desarrollar ms rpidamente el conocimiento del nuevo dominio Presionar una tecla significa ver un carcter visualizado en la pantalla Limitaciones: existen diferencias La tecla de retorno mueve el carro fsicamente mientras que en el computador se borra el carcter No obstante, una vez asimiladas estas diferencias el usuario construye un nuevo modelo mental
Conclusin: las metforas verbales pueden ser muy tiles para ayudar a los usuarios a iniciarse en el uso de un nuevo sistema
Metforas visuales
Metfora visual:
Es una imagen que nos permite representar alguna cosa de tal manera que el usuario puede reconocer lo que representa y por extensin comprender su propsito
La metfora puede variar desde pequeas imgenes hasta pantallas completas
Metforas visuales
Ejemplo
Los conocimientos sobre los elementos de un dominio familiar se traspasan a los elementos de otro no familiar
Metforas visuales
Ejemplo
Metforas visuales
Orgenes
Xerox, primera metfora visual
Xerox Star, interfaz visual basada en la oficina fsica La base consisti en crear objetos electrnicos simulando los objetos fsicos de una oficina: papel, carpetas, bandejas, archivadores La metfora de organizacin global que se presentaba en la pantalla fue la del escritorio y se pareca al rea de trabajo de una tpica mesa de oficina Los archivos se transformaron en representaciones pictricas
Metforas visuales
Intuicin
Las personas entendemos las metforas por intuicin Intuicin: cognicin 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
Metforas visuales
Intuicin
Las metforas se basan en asociaciones percibidas de manera similar por el diseador y el usuario Si el usuario no tiene la misma base cultural que el desarrollador es fcil que la metfora falle
Metforas visuales
Metfora global
La metfora global es una metfora que nos da el marco para las otras metforas del sistema La metfora del escritorio se puede considerar como una metfora global Es importante que todas las metforas se integren adecuadamente en la metfora global
Metfora global
Ejemplo
Cuarto de juegos
Metfora global
Ejemplo
Agenda electrnica
Cmo 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 fsicas estn ausentes Las carpetas no pesan, no hacen ruido cuando se abren Por otra parte tienen propiedades mgicas Se puede poner el mismo documento en dos carpetas a la vez Se puede reproducir un conjunto de carpetas y sus documentos automticamente Se pueden ordenar las carpetas por orden alfabtico, etc.
Historia
Steve Jobs Apple
Microsoft
Metforas compuestas
La metfora del escritorio se ha combinado con otras metforas para permitir que los usuarios puedan realizar un conjunto de tareas ms amplio Ejemplos: La barra de desplazamiento como metfora del rollo, que es un papiro que se desplaza para leer
Mens y ventanas Cortar y pegar, basadas en el diseo de pginas de una imprenta
El computador invisible
El objetivo final de las metforas es hacer el computador invisible para el usuario La metfora puede llegar a ser transparente al usuario y no requerir de l ningn esfuerzo cognitivo
Metodologa de creacin
Las metforas visuales son un aspecto importante del diseo de un sistema interactivo y han de disearse de acuerdo con una metodologa Fases del diseo de metforas:
Identificacin de los problemas del usuario Generacin de la metfora Evaluacin de la metfora
Definicin funcional
Metodologa de creacin
Otra versin
Identificar el tipo de comparacin Debemos encontrar una relacin entre la informacin familiar y la nueva Grado de ajuste Estudiar el grado de coincidencia y las diferencias que existen
Metodologa de creacin
Ejemplo de errores
Asociaciones inadecuadas
Se utiliza la metfora del reproductor de vdeo para controlar una impresora ???
Metodologa de creacin
Ejemplo de errores
Extensin de la metfora con funciones no intuitivas
Al arrastrar el icono del disquete a la papelera se expulsa el disquete ???
Diseo de metforas
Las metforas pueden conseguir su efectividad a travs de asociaciones:
Podemos asociar clases y atributos a objetos familiares Podemos asociar procesos y algoritmos a verbos de accin
Tipos de metforas:
De objetos: libro, lbum, agenda, escritorio, biblioteca De actividades: visita, exploracin, viaje De lugares: casa, plaza, museo, ciudad, isla
Diseo de metforas
Objetos familiares
Escritorio Dibujos, archivos, carpetas, papeles, clips, notas de papel Fotografa lbumes, fotos, portafotos Juegos Reglas del juego, piezas del juego, tablero de juego Contenedores Estanteras, cajas, compartimentos Ciudades Hitos, perfiles, casas
Diseo de metforas
Ejercicio
Objetivo:
Diseo de un conjunto de metforas para la gestin de una biblioteca de imgenes digitales
Pasos:
Escoger los objetos que estn implicados Asociar un elemento visual a cada objeto Escoger los verbos asociados a las acciones que se pueden ejecutar Construir un elemento visual para cada accin
Diseo de metforas
Ejercicio paso 1
Escoger los objetos que estn implicados:
Estantera lbum Hoja Foto
Diseo de metforas
Ejercicio paso 2
Asociar un elemento visual a cada objeto
Estantera
lbum
Hoja
Foto
Diseo de metforas
Ejercicio paso 3
Escoger los verbos asociados a las acciones que se pueden ejecutar
Crear estantera, lbum, hoja, foto Aadir estantera, lbum, hoja, foto Borrar estantera, lbum, hoja, foto Seleccionar lbum, hoja, foto Mover lbum, hoja, foto
Diseo de metforas
Ejercicio paso 4
Construir un elemento visual para cada accin
Crear/Aadir Borrar
Seleccionar
Mover
Ejemplos de metforas
Objetos y acciones Pginas web
Ejemplos
Papelera
La papelera es una herramienta habitual en la mayora de las culturas avanzadas Sirve para poner todos los papeles u otros elementos que no sirven para despus tirarlos a la basura El smbolo de reciclaje es cada vez ms habitual La papelera permite reciclar los objetos depositados en ella
Ejemplos
Tijera (Cortar)
Las tijeras nos dan la funcionalidad de cortar papel, tela, etc. La metfora 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
Ejemplos
Correo
El correo es un elemento habitual en nuestra cultura. Nos permite enviar informacin escrita en papel a un destinatario normalmente lejano Esta metfora se utiliza para el correo electrnico