Introduccin a la Interaccin PersonaOrdenador Metforas Sntesis z

Introducción a la Interacción Persona-Ordenador Metáforas

Síntesis z. En el diseño de las interfases actuales, las metáforas tienen un papel dominante z. La metáfora de la sobremesa introducida por el ordenador Mac. Intosh y de uso generalizado actualmente, supuso un cambio en la usabilidad de los ordenadores z. El uso de las metáforas permite conseguir maneras más eficientes y efectivas de comunicarse con comunidades de usuarios diversas

Objetivos z Aprender que es una metáfora z Conocer que son las metáforas verbales z Conocer que son las metáforas visuales z Conocer las metaforas globales z Ver el uso de las metáforas en las interfases actuales z Discutir los problemas y las ventajas de su uso z Aprender como diseñarlas y aplicarlas con la máxima efectividad

Metáfora verbal

Metáfora verbal z. Las metáforas son una parte integrante del lenguaje z. Nos permite comunicar un concepto abstracto de una manera más familiar y accesible z. Las utilizamos continuamente. . . y. Los argumentos pueden ser defendidos o atacados, si una posición es indefendible nos podemos retirar y. Ahorrar, gastar, desaprovechar el tiempo

Metáfora verbal Limitaciones z. La tecla de retorno mueve el carro fisicamente mientras que en el ordenador se borra el carácter z. No obstante, una vez asimiladas estas diferencias, el usuario construye un nuevo modelo mental

Metáfora visual Mac. Intosh

Metafora visual. . z. Xerox, primera metàfora virtual y. Metáfora de la interfase basada en la oficina física y. La metáfora de organización global que se presentaba en la pantalla fue la de la sobremesa y se parecía al área de trabajo de una típica mesa de oficina z. A diferencia de las metáforas verbales, la metáfora forma parte de la interfase

. . . Metáfora visual z Las metáforas visuales combinan el sistema y los dominios familiares en una sola entidad z Los usuarios desarrollan modelos mentales mas similares a la metáfora que al mundo real z La metáfora es el modelo que se aprende

Metáforas visuales. . z. Las metáforas se basan en asociaciones percibidas de manera similar por el diseñador y el usuario z. Si el usuario no tiene la misma base cultural que el desarrollador es fácil que la metáfora falle

Metàfora visual Definíción z. Es una imagen que nos permite representar alguna cosa y que el usuario puede reconocer lo que representa y por extensión comprender su propósito

Intuición z. Las personas entendemos las metáforas por intuición z. Intuición. Cognición inmediata. Conocimiento de una cosa obtenida sin utilizar inferencia o razonamiento

Metáfora visual Metáfora de la sobremesa

¿Como funcionan estas metáforas? z. Las carpetas son contenedores de documentos en el mundo real y en el virtual, y. 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 metáforas? z. Algunas propiedades físicas estan ausentes y. No pesan no hacen ruido cuando se abren, pero por otra parte tienen propiedades mágicas, 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 automáticamente, puedes ordenar las carpetas por orden alfabético.

Metáfora de la sobremesa História Xerox Star 1983 1981 Lisa Mac. Intosh 1985 Windows 1. 0 1985 1984 Athena Xwindows Windows 2. 0 1986 comercial

Metáfora global

Metáfora global z. La metáfora global es una metáfora que nos da el marco para todas las otras metáforas del sistema y. Por ejemplo la metáfora de Mac. Instosh se puede considerar como una metáfora global z. Problemas y. Las metáforas que incluye puede o no que tengan beneficios cognitivos por asociación

Metáforas compuestas z. La metáfora de la sobremesa se ha combinado con otras metáforas para permitir a los usuarios que puedan hacer un conjunto de tareas mas amplio z. Ejemplos: y. La barra de desaplazamiento como la metáfora del rollo y. Menús y ventanas y Cortar y pegar que se basa en el diseño de páginas

El ordenador invisible Fin de la metáfora z. Podemos considerar que puede llegar a ser la metáfora transparente al usuario y no tener ningún esfuerzo cognitivo

Ejemplos Papelera de reciclaje

Ejemplos Papelera z. La papelera es una herramienta habitual en la mayoría de las culturas avanzadas y Sirve para poner todos los papeles o tros elementos que no sirven para después tirarlo como basura z. El símbolo de reciclar es habitual en nuestra cultura z. Tenemos una papelera que permite reciclar los objetos que depositamos en ella

Ejemplos Tijera z. Las tijeras nos representan su funcionalidad de cortar papel, ropa, etc. . z. La metáfora nos permite cortar un trozo de documento, dibujo, hoja de cálculo z. Su enlace con el portapapeles tiene que ser aprendido

Ejemplo Pote de pintura z. El pote de pintura es una objeto muy común y de compresnión fácil z. 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 z. Esta metáfora pretende cubrir una componente del sistema operativo que nos permite pasar información entre aplicaciones

Ejemplos Correo electrónico z. Cubre la función de gestionar correo electrónico

Metodología de creación z. Definición funcional z. Identificación de los problemas de los usuarios z. Generación de la metáfora z. Evaluación de la metáfora

Metodología de creación Definición funcional z. Entender como funciona la funcionalidad a implementar la metáfora y Que puede hacer el sistema y. Lo que está disponible para el usuario y. Rapidez de respuesta y

Identificación de los problemas de los usuarios z. Analizar las dificultades del usuario z. Ver como utilizan funcionalidades similares y que problemas tienen z. Explicar lo queremos hacer y ver si lo entienden, enseñar el prototipo y ver como lo utilizan

Generación de la metàfora z Examen detallado de la manera de realizar las tareas y. Analizar oficinas, fábricas, escuelas, etc. . y observar los problemas que las personas tienen y las herramientas que utilizan z Una vez identificados los problemas y las herramientas que se utilizan ver cuales de ellas envuelven algunas de las caracteristicas que los usuarios encuentran difíciles de comprender z Estas son buenas candidatas para metáforas

Creació de metàfores Evaluación z. Cantidad de estructura, composición, organización z. Aplicabilidad de la estructura z. Representatividad z. Adecuación a la audiencia z. Extensibilidad

Diseño de metáforas Lenguaje z. Las metáforas pueden conseguir su efectividad a través de la asociación con organizaciones z. Podemos asociar estructuras, clases, objetos, atributos a nombres o operaciones z. Podemos asociar procesos, algoritmos a verbos

Elementos de diseño (1) z. Escritorio: Dibujos, ficheros, carpetas, papeles, clips, notas de papel z. Documentos: Libros, capítulos, marcadores, figuras; periódicos, secciones; revistas, artículos; cartas; formularios z. Fotografía: Álbums, fotos, portafotos z. Televisión: Programas, canales, redes, anuncios comerciales, guías

Elementos de diseño (2) z. Disco compacto, cassette, grabaciones, pistas, jukeboxes z. Pila de cartas: Cartas, pilas, z. Juegos: reglas del juego, piezas del juego, tablero de juego z. Películas: Rollos, bandejas de transpas, presentaciones, rollos, películas, teatros z. Contenedores: Estanterías, cajas, compartimentos

Elementos de diseño (3) zÁrboles: Raices, tronco, ramas, hojas z. Red, diagrama, mapa: nodos, enlaces, landmarks, regiones, etiquetas, bases (fondos), leyenda z. Ciudades: Regiones, landmarks, pathways, casas, habitaciones, ventanas, mesas

Verbos z. Ejemplos típicos de conceptos de acción y las relaciones con los objetos: y. Mover: navegar, conducir, volar y. Localizar: apuntar, tocar, enmarcar elemento(s) y. Seleccionar: tocar elemento, grabar elemento, poner dedo en elemento y moverlo y. Crear: añadir (nuevo), copiar y. Borrar: tirar, destruir, perder, reciclar, borrar (temporal o permanentemente) y. Evaluar: Mover botón, desplazar puntero, rodar, girar y. Vaciar, flujo: agua (tubos, ríos), electricidad

Ejercicio z. Diseño de un conjunto de metáforas que permitan cubrir la gestión de una librería de imágenes

Ejemplo z Estanteria z Album z Hoja z Foto z Crear (Nuevo elemento) z Añadir z Seleccionar z Borrar z Cambiar

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

Conclusiones z. Las metáforas constituyen un elemento fundamental de las interfases actuales z. Hemos expuesto una visión general de su historia y ejemplo actuales z. Hemos aprendido a como diseñar metáforas z. Hemos aprendido a como aplicar estas técnicas a problemas reales

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