Introduccin a la Interaccin Persona-Ordenador

Metforas

Sntesis
En el diseo de las interfases actuales, las metforas tienen un papel dominante La metfora de la sobremesa introducida por el ordenador MacIntosh y de uso generalizado actualmente, supuso un cambio en la usabilidad de los ordenadores El uso de las metforas permite conseguir maneras ms eficientes y efectivas de comunicarse con comunidades de usuarios diversas

Objetivos
Aprender que es una metfora Ver el uso de las metforas en las interfases actuales Discutir los problemas y las ventajas de su uso

Conocer que son las metforas verbales

Conocer que son las metforas visuales Conocer las metaforas globales

Aprender como disearlas y aplicarlas con la mxima efectividad

Metfora verbal

Metfora verbal
Las metforas son una parte integrante del lenguaje Nos permite comunicar un concepto abstracto de una manera ms familiar y accesible Las utilizamos continuamente...
Los argumentos pueden ser defendidos o atacados, si una posicin es indefendible nos podemos retirar Ahorrar, gastar, desaprovechar el tiempo

Metfora verbal

Limitaciones
La tecla de retorno mueve el carro fisicamente mientras que en el ordenador se borra el carcter No obstante, una vez asimiladas estas diferencias, el usuario construye un nuevo modelo mental

Metfora visual

MacIntosh

Metafora visual....
Xerox, primera metfora virtual
Metfora de la interfase basada en la oficina fsica La metfora de organizacin global que se presentaba en la pantalla fue la de la sobremesa y se pareca al rea de trabajo de una tpica mesa de oficina

A diferencia de las metforas verbales, la metfora forma parte de la interfase

.....Metfora visual
Las metforas visuales combinan el sistema y los dominios familiares en una sola entidad Los usuarios desarrollan modelos mentales mas similares a la metfora que al mundo real La metfora es el modelo que se aprende

Metforas visuales..

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

Metfora visual

Defincin

Es una imagen que nos permite representar

alguna cosa y que el usuario puede reconocer lo que representa y por extensin comprender su propsito

Intuicin
Las personas entendemos las metforas por intuicin Intuicin. Cognicin inmediata. Conocimiento de una cosa obtenida sin utilizar inferencia o razonamiento

Metfora visual

Metfora de la sobremesa

Como funcionan estas metforas?

Las carpetas son contenedores de documentos en el mundo real y en el virtual,
Abres una carpeta para coger o dejar alguna cosa, podemos poner carpetas dentro de carpetas y dentro de carpetas, podemos mover las carpetas por toda la sobremesa

Como funcionan estas metforas?

Algunas propiedades fsicas estan ausentes
No pesan no hacen ruido cuando se abren, pero por otra parte tienen propiedades mgicas, puedes poner el mismo documento en dos carpetas al mismo tiempo, aunque puedas pensar que los puedes pasar por una copiador virtual, puedes reproducir un conjunto de carpetas y sus documentos automticamente, puedes ordenar las carpetas por orden alfabtico.

Metfora de la sobremesa

Histria
1983
Lisa

Xerox Star

1981

MacIntosh
1985 Windows 1.0 1985 Windows 2.0 1986 1984 Athena Xwindows 1986 comercial

Metfora global

Metfora global
La metfora global es una metfora que nos da el marco para todas las otras metforas del sistema
Por ejemplo la metfora de MacInstosh se puede considerar como una metfora global

Problemas
Las metforas que incluye puede o no que tengan beneficios cognitivos por asociacin

Metforas compuestas
La metfora de la sobremesa se ha combinado con otras metforas para permitir a los usuarios que puedan hacer un conjunto de tareas mas amplio Ejemplos:
La barra de desaplazamiento como la metfora

del rollo Mens y ventanas Cortar y pegar que se basa en el diseo de pginas

El ordenador invisible Fin de la metfora

Podemos considerar que puede llegar a ser la metfora transparente al usuario y no tener ningn esfuerzo cognitivo

Ejemplos

Papelera de reciclaje

Ejemplos

Papelera
La papelera es una herramienta habitual en la mayora de las culturas avanzadas
Sirve para poner todos los papeles o tros elementos que no sirven para despus tirarlo como basura

El smbolo de reciclar es habitual en nuestra cultura Tenemos una papelera que permite reciclar los objetos que depositamos en ella

Ejemplos

Tijera

Las tijeras nos representan su funcionalidad de cortar papel, ropa, etc.. La metfora nos permite cortar un trozo de documento, dibujo, hoja de clculo Su enlace con el portapapeles tiene que ser aprendido

Ejemplo

Pote de pintura

El pote de pintura es una objeto muy comn y de compresnin fcil El pote de pintura que se vacia queremos hacer comprender al usuario que lo que haremos ser llenar el interios de un determinado objeto

Ejemplos

Portapapeles

Esta metfora pretende cubrir una componente del sistema operativo que nos permite pasar informacin entre aplicaciones

Ejemplos

Correo electrnico

Cubre la funcin de gestionar correo electrnico

Metodologa de creacin
Definicin funcional Identificacin de los problemas de los usuarios Generacin de la metfora Evaluacin de la metfora

Metodologa de creacin

Definicin funcional
Entender como funciona la funcionalidad a implementar la metfora
Que puede hacer el sistema Lo que est disponible para el usuario Rapidez de respuesta

Identificacin de los problemas de los usuarios

Analizar las dificultades del usuario Ver como utilizan funcionalidades similares y que problemas tienen Explicar lo que queremos hacer y ver si lo entienden, ensear el prototipo y ver como lo utilizan

Generacin de la metfora
Examen detallado de la manera de realizar las tareas
Analizar oficinas, fbricas, escuelas, etc.. y observar los problemas que las personas tienen y las herramientas que utilizan

Una vez identificados los problemas y las herramientas que se utilizan ver cuales de ellas envuelven algunas de las caracteristicas que los usuarios encuentran difciles de comprender Estas son buenas candidatas para metforas

Creaci de metfores

Evaluacin

Cantidad de estructura, composicin, organizacin Aplicabilidad de la estructura Representatividad Adecuacin a la audiencia Extensibilidad

Diseo de metforas Lenguaje

Las metforas pueden conseguir su efectividad a travs de la asociacin con organizaciones Podemos asociar estructuras, clases, objetos, atributos a nombres o operaciones Podemos asociar procesos, algoritmos a verbos

Elementos de diseo (1)

Escritorio: Dibujos, ficheros, carpetas, papeles, clips, notas de papel Documentos: Libros, captulos, marcadores, figuras; peridicos, secciones; revistas, artculos; cartas; formularios Fotografa: lbums, fotos, portafotos Televisin: Programas, canales, redes, anuncios comerciales, guas

Elementos de diseo (2)

Disco compacto, cassette, grabaciones, pistas, jukeboxes Pila de cartas: Cartas, pilas, Juegos: reglas del juego, piezas del juego, tablero de juego Pelculas: Rollos, bandejas de transpas, presentaciones, rollos, pelculas, teatros Contenedores: Estanteras, cajas, compartimentos

Elementos de diseo (3)

rboles: Raices, tronco, ramas, hojas Red, diagrama, mapa: nodos, enlaces, landmarks, regiones, etiquetas, bases (fondos), leyenda Ciudades: Regiones, landmarks, pathways, casas, habitaciones, ventanas, mesas

Verbos
Ejemplos tpicos de conceptos de accin y las relaciones con los objetos:
Mover: navegar, conducir, volar Localizar: apuntar, tocar, enmarcar elemento(s) Seleccionar: tocar elemento, grabar elemento, poner dedo en elemento y moverlo Crear: aadir (nuevo), copiar Borrar: tirar, destruir, perder, reciclar, borrar (temporal o permanentemente) Evaluar: Mover botn, desplazar puntero, rodar, girar Vaciar, flujo: agua (tubos, ros), electricidad

Ejercicio
Diseo de un conjunto de metforas que permitan cubrir la gestin de una librera de imgenes

Ejemplo
Estanteria Album Hoja Foto Crear (Nuevo elemento) Aadir Seleccionar Borrar Cambiar

Bibliografa
Cooper, Alan . About face. The Essentials of User Interface Design. IDG books. (1995) Lakoff G. Johnson M. Metaphor We Live By . The University of Chicago Press.(1980) Laurel, Brenda . The Art of Human-Computer Interaction Design. Captol Working with Interface metaphors. Addison and Wesley.(1990) Laurel, Brenda. Computers as Theatre. Addison &Wesley. (1993)

Conclusiones
Las metforas constituyen un elemento fundamental de las interfases actuales Hemos expuesto una visin general de su historia y ejemplo actuales Hemos aprendido a como disear metforas Hemos aprendido a como aplicar estas tcnicas a problemas reales

Bibliografa
Preece, Jenny. Human -Computer Interaction. Captulo Interface metaphors and Conceptual Models. Addison & Wesley. (1994) Carroll J.M, Mack R.L , Kellogg W.A. Handbook of Human-Computer Interaction . Helander M. (1988) Erikson T.D. The Art of Human-Computer Interface . Addison-Wesley.(1990)