Interaccin persona-computadorMetforas

ObjetivosAprender qu es una metforaConocer qu son las metforas verbales, visuales y globalesConocer 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

MetforasUtilizamos 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 verbalesMetfora: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

Aplicacin de una palabra o de una expresin a un objeto o un concepto, al cual no denota literalmente, con el fin de sugerir una comparacin (con otro objeto o concepto) y facilitar su comprensin (RAE)

Lenguaje floreado de novelas y poesa....... tena el cabello de oro...

Metforas verbales

Son una parte integrante del lenguaje y aparecen en las conversaciones cotidianas

Ejemplo:ahorrar, gastar, desaprovechar (dinero) tiempodefender, atacar, retirar (conceptos blicos) Ideas (abstracto)

Navegar, explorar, visitar, inmersin, web, red, mapa, pgina, home, ancla, bookmark, ventana, etc.

Metforas verbalesEjemploCuando nos encontramos con una nueva herramienta tecnolgica tendemos a compararla con alguna cosa conocida

Metforas verbalesEjemploLos conocimientos sobre los elementos y relaciones en un dominio familiar se traspasan a los elementos y relaciones en otro no familiarteclasbarra esp.retorno

Metforas verbalesVentajas y limitacionesVentajas: basndonos en el conocimiento previo podemos desarrollar ms rpidamente el conocimiento del nuevo dominioPresionar una tecla significa ver un carcter visualizado en la pantallaLimitaciones: existen diferenciasLa 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 mentalConclusin: las metforas verbales pueden ser muy tiles para ayudar a los usuarios a iniciarse en el uso de un nuevo sistema

Metforas visualesMetfora 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 visualesEjemplo

Metforas visualesEjemploLos conocimientos sobre los elementos de un dominio familiar se traspasan a los elementos de otro no familiar

Metforas visualesOrgenesXerox, primera metfora visualXerox 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 visualesIntuicinLas personas entendemos las metforas por intuicinIntuicin: 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 visualesIntuicinLas 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 visualesMetfora globalLa 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 globalEjemploCuarto de juegos

Metfora globalEjemploAgenda electrnica

Metfora del escritorioFue la primera metfora globalEst muy extendidaReproduce una oficina con todos sus objetos

Metfora del escritorioCmo funciona?Las carpetas son contenedores de documentos en el mundo real y en el virtualSe puede abrir una carpeta para coger o dejar alguna cosaSe pueden poner carpetas dentro de carpetasSe pueden mover las carpetas por todo el escritorio

Algunas propiedades fsicas estn ausentesLas carpetas no pesan, no hacen ruido cuando se abren

Por otra parte tienen propiedades mgicasSe puede poner el mismo documento en dos carpetas a la vezSe puede reproducir un conjunto de carpetas y sus documentos automticamenteSe pueden ordenar las carpetas por orden alfabtico, etc.

Metfora del escritorioHistoriaXerox Star1981Windows 1.01985Windows 2.01986Macintosh1984Lisa1983XWindows1986, comercialXWindows1984, AthenaXerox PARCCaliforniaAlan KaySteve JobsAppleMicrosoft

Cmo sera un escritorio real visto desde la metfora de escritorio?http://www.metacafe.com/watch/688382/reality_desktop/#

Metfora del escritorioMetforas compuestasLa 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

Metfora del escritorioEl computador invisibleEl 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 creacinLas metforas visuales son un aspecto importante del diseo de un sistema interactivo y han de disearse de acuerdo con una metodologaFases del diseo de metforas:Definicin funcionalIdentificacin de los problemas del usuarioGeneracin de la metforaEvaluacin de la metfora

Definicin FuncionalConsiste en obtener informacin de la funcionalidad deseada del sistema para (Captura de Requisitos) Realizar el anlisis de tareas a realizar Realizar un estudio de los casos de uso Establecer las metforas bsicas Obtener una idea bsica inicial que permita la interaccinqu puede hacer el sistema (anlisis de requisitos)qu puede hacer el usuario (anlisis de la tarea)

Identificacin de ProblemasEnfocado al diseo de prototipo

Se crea un prototipo sin funcionalidad, pero con la interfaz completa

Se gua al cliente/usuario cmo utilizar el prototipo

Se observa si el usuario comprende Dnde se encuentra la funcionalidad Cmo utilizan el prototipo Qu problemas tienen en su utilizacin

Y con esto se obtiene una verificacin de Que la captura de requisitos es correcta Que la funcionalidad capturada es la adecuada Que las metforas bsicas utilizadas en el prototipo son intuitivas para el usuario

Creacin de metforasLa captura de requisitos nos ha permitido obtener las funcionalidades bsicas

De la Identificacin de Problemas hemos obtenido cmo acta el usuario frente a una nueva aplicacin

La Creacin de las Metforas se basa en Estudiar las funcionalidades y handicaps en el uso del prototipo por parte del usuario para incluir metforas necesarias Determinar las caractersticas, opciones o acciones en las que el usuario tiene dificultadEsas son buenas candidatas para metforas

Creacin de MetforasPara crear las metforas Identificar funcionalidades bsicas New, Save, Close, Cut, Paste, Print, ...

Buscar un icono adecuado para cada funcionalidad bsica

Identificar funcionalidades dependientes del dominio Buy book, Assign, Run server, Order, Invoices, Select place, Modify Info...

Para cada funcionalidad: Buscar un subconjunto de iconos que puedan ajustarse a la funcionalidad Mostrar al cliente/usuario dichos iconos y que decida l cul puede ser ms adecuado para su dominio Establecer los iconos en una versin prototipo

Evaluacin de MetforasEstructuracin

Aplicabilidad

Representacin

Adaptabilidad al dominio Extensibilidad

Estructuracin Preguntas bsicas: La estructura de la metfora es correcta?

El conjunto de metforas es demasiado grande o demasiado pequeo?

Las funcionalidades ms utilizadas estn hacia la derecha o hacia la izquierda?

Tiene relacin una metfora con las adyacentes?

Puede el usuario realizar las funcionalidades bsicas? (cortar, pegar, guardar, abrir, cerrar, borrar, copiar, imprimir, vista previa, deshacer, rehacer, ....)

De las metforas desechadas para el diseo cules realmente deberan incluirse?

De las metforas incluidas en el diseo cules realmente son de poca utilizacin? cules convendra desechar?

Aplicabilidad De las metforas Cules deben aplicarse en cada momento? Ejemplo: Si no hay nada en el portapapeles, la metfora pegar debera estar desactivada

Sabe el usuario cundo debe aplicar una metfora? Sobre qu datos afecta el click? Al hacerse efectiva una metfora, el usuario tiene el control del resultado obtenido?

Puede deshacerse?

Representacin Cada metfora est asociada a una metfora verbal: texto, sonido, imagen

El usuario comprende de forma unvoca la metfora? Si para una metfora existen varias interpretaciones existe un manual de usuario para aclararlo?

De las interpretaciones de la metfora coincide alguna con la funcionalidad? Por ejemplo: Una imagen de un PC, podra corresponder a cerrar el archivo? NO!!!

Cada imagen tiene asociada una palabra se ha hecho el estudio de las implicaciones de dicha imagen en distintas culturas?

Adaptabilidad al Dominio Si nos encontramos en un dominio especfico Qu palabras son las ms relevantes en dicho dominio?

De dichas palabras, existen imgenes para representarlas?

Un usuario ducho en el dominio es capaz de asociar imagen con el texto?

En caso de duda, existe un texto alternativo para las metforas?

Dicho texto alternativo aclara en algo la funcionalidad de la metfora?

La metfora del Escritorio fue diseada a partir de un escritorio fsico La metfora del dominio ha sido diseada a partir del dominio fsico?

Extensibilidad Cuando creemos que est diseado el conjunto de metforas de manera inequvoca...

Podra ser que nuevas funcionalidades estropeen la actual estructuracin?

Al incluir nuevas metforas las anteriores metforas podran confundirse con las nuevas?

Existe alguna palabra a la que puedan corresponder varias imgenes? Existe alguna imagen a la que corresponda ms de una palabra?

Si se ampla el conjunto de metforas, se sigue guardando la idea de que una metfora en una tecla rpida?

El conjunto de metforas es demasiado extenso? es demasiado escueto? el usuario puede confundirse?

Metodologa de creacinOtra versinIdentificar el tipo de comparacinDebemos encontrar una relacin entre la informacin familiar y la nuevaGrado de ajusteEstudiar el grado de coincidencia y las diferencias que existen

Metodologa de creacinEjemplo de erroresAsociaciones inadecuadasSe utiliza la metfora del reproductor de vdeo para controlar una impresora ???

Metodologa de creacinEjemplo de erroresExtensin de la metfora con funciones no intuitivasAl arrastrar el icono del disquete a la papelera se expulsa el disquete ???

Diseo de metforasLas metforas pueden conseguir su efectividad a travs de asociaciones:Podemos asociar clases y atributos a objetos familiaresPodemos asociar procesos y algoritmos a verbos de accin

Tipos de metforas:De objetos: libro, lbum, agenda, escritorio, bibliotecaDe actividades: visita, exploracin, viajeDe lugares: casa, plaza, museo, ciudad, isla

Diseo de metforasObjetos familiaresEscritorioDibujos, archivos, carpetas, papeles, clips, notas de papel

Fotografalbumes, fotos, portafotos

JuegosReglas del juego, piezas del juego, tablero de juego

ContenedoresEstanteras, cajas, compartimentos

CiudadesHitos, perfiles, casas

Objetivo:Diseo de un conjunto de metforas para la gestin de una biblioteca de imgenes digitales

Pasos:Escoger los objetos que estn implicadosAsociar un elemento visual a cada objetoEscoger los verbos asociados a las acciones que se pueden ejecutarConstruir un elemento visual para cada accinDiseo de metforasEjercicio

Diseo de metforasEjercicio paso 1Escoger los objetos que estn implicados:

Estantera

lbum

Hoja

Foto

Diseo de metforasEjercicio paso 2Asociar un elemento visual a cada objetoEstanteralbumHojaFoto

Diseo de metforasEjercicio paso 3Escoger 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 metforasEjercicio paso 4Construir un elemento visual para cada accinCrear/AadirSeleccionarBorrarMover

Ejemplos de metforasObjetos y acciones

Pginas web

EjemplosPapeleraLa papelera es una herramienta habitual en la mayora de las culturas avanzadasSirve 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 habitualLa papelera permite reciclar los objetos depositados en ella

EjemplosTijera (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

INCRUSTAR Paint.Picture

EjemplosBote de pintura (Pintar)El bote de pintura es un objeto muy comn y de fcil comprensinCon el bote de pintura que se vaca queremos hacer comprender al usuario que lo que se hace es llenar de un color el interior de un determinado objeto

INCRUSTAR Paint.Picture INCRUSTAR MS_ClipArt_Gallery

EjemplosCorreoEl correo es un elemento habitual en nuestra cultura. Nos permite enviar informacin escrita en papel a un destinatario normalmente lejanoEsta metfora se utiliza para el correo electrnico

ConclusionesLas metforas constituyen un elemento fundamental de las interfaces actualesHemos expuesto una visin general de su historia y algunos ejemplos actualesHemos aprendido algunas ideas sobre cmo disear metforas