Upload
jorge-ricardo-gamez-elizondo
View
232
Download
0
Embed Size (px)
Citation preview
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
1/49
Metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
2/49
Objetivos
Aprender qu es una metforaConocer qu son las metforas verbales, visuales yglobalesConocer la metfora del escritorio y su historiaVer el uso de las metforas en las interfaces actualesDiscutir los problemas y las ventajas de su usoAprender cmo disear y aplicar las metforas conefectividad
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
3/49
Contenido
MetforasMetforas verbalesMetforas visuales
Metfora del escritorioMetodologa de creacin de metforasDiseo de metforasEjemplos de metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
4/49
Metforas
Utilizamos metforas para comunicar conceptos abstractos deuna forma familiar y accesibleLas metforas tienen un papel dominante en el diseo de lasinterfaces actualesLa metfora del escritorio introducida por el ordenadorMacintosh y de uso generalizado actualmente supuso uncambio en la usabilidad de los ordenadoresEl uso de metforas ayuda a los desarrolladores a construirprogramas que puedan ser usados por comunidades deusuarios ms diversas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
5/49
Metforas verbales
Metfora:Figura retrica que consiste en usar una palabra o frase en unsentido distinto del que tiene pero manteniendo con ste unarelacin de analoga o semejanza
Ejemplo: cabellos de oro por cabellos rubios
Las metforas son una parte integrante del lenguaje yaparecen 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.
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
6/49
Metforas verbales
Ejemplo
Cuando nos encontramos con una nueva herramientatecnolgica tendemos a compararla con alguna cosa conocida
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
7/49
Metforas verbales
Ejemplo
Los conocimientos sobre los elementos y relaciones en undominio familiar se traspasan a los elementos y relaciones enotro no familiar
teclas
barra esp.
retorno
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
8/49
Metforas verbales
Ventajas y limitaciones
Ventajas : basndonos en el conocimiento previo podemosdesarrollar ms rpidamente el conocimiento del nuevodominio
Presionar una tecla significa ver un carcter visualizado en lapantalla
Limitaciones : existen diferenciasLa tecla de retorno mueve el carro fsicamente mientras queen el ordenador se borra el carcterNo obstante, una vez asimiladas estas diferencias el usuarioconstruye un nuevo modelo mental
Conclusin : las metforas verbales pueden ser muy tiles paraayudar a los usuarios a iniciarse en el uso de un nuevo sistema
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
9/49
Metforas visuales
Metfora visual: Es una imagen que nos permite representar alguna cosa detal manera que el usuario puede reconocer lo que representay por extensin comprender su propsito
La metfora puede variar desde pequeas imgenes hastapantallas completas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
10/49
Metforas visuales
Ejemplo
Los conocimientos sobre los elementos de un dominiofamiliar se traspasan a los elementos de otro no familiar
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
11/49
Metforas visuales
Ejemplo
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
12/49
Metforas visuales
Orgenes
Xerox, primera metfora visual Xerox Star , interfaz visual basada en la oficinafsicaLa base consisti en crear objetos electrnicos
simulando los objetos fsicos de una oficina: papel,carpetas, bandejas, archivadoresLa metfora de organizacin global quese presentaba en la pantalla fue la delescritorio y se pareca al rea de trabajode una tpica mesa de oficinaLos ficheros se transformaron enrepresentaciones pictricas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
13/49
Metforas visuales
Intuicin
Las personas entendemos las metforas por intuicin Intuicin : cognicin inmediata. Conocimiento de una cosaobtenida sin utilizar inferencia o razonamiento
Comprendemos su significado porque las conectamos
mentalmente con otros procesos que previamente hemosaprendido
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
14/49
Las metforas se basan en asociaciones percibidas demanera similar por el diseador y el usuarioSi el usuario no tiene la misma base cultural que eldesarrollador es fcil que la metfora falle
Metforas visuales
Intuicin
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
15/49
Metforas visuales
Metfora global
La metfora global es una metfora que nos da el marcopara las otras metforas del sistema
La metfora del escritorio se puede considerar como unametfora global
Es importante que todas las metforas se integrenadecuadamente en la metfora global
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
16/49
Metfora global
Ejemplo
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
17/49
Metfora global
Ejemplo
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
18/49
Agenda electrnica
Metfora global
Ejemplo
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
19/49
Metfora del escritorio
Fue la primera metfora globalEst muy extendidaReproduce una oficina con todossus objetos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
20/49
Metfora del escritorio
Cmo funciona?
Las carpetas son contenedores de documentos en el mundoreal y en el virtual
Se puede abrir una carpeta para coger o dejar algunacosaSe pueden poner carpetas dentro de carpetas
Se pueden mover las carpetas por todo el escritorioAlgunas propiedades fsicas estn ausentesLas carpetas no pesan, no hacen ruido cuando se abren
Por otra parte tienen propiedades mgicas Se puede poner el mismo documento en dos carpetas ala vezSe puede reproducir un conjunto de carpetas y susdocumentos automticamenteSe pueden ordenar las carpetas por orden alfabtico, etc.
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
21/49
Metfora del escritorio
Historia
Xerox Star1981
Windows 1.01985
Windows 2.01986
Macintosh1984
Lisa1983
XWindows1986, comercial
XWindows1984, Athena
Xerox PARC CaliforniaAlan Kay
Steve JobsApple
Microsoft
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
22/49
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
23/49
Metafora del escritorio
El ordenador invisible
El objetivo final de las metforas es hacer el ordenadorinvisible para el usuarioLa metfora puede llegar a ser transparente al usuario y norequerir de l ningn esfuerzo cognitivo
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
24/49
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
25/49
Metodologa de creacin
Definicin funcional
Lo primero es entender cmo funciona aquello que se va amodelar con la metfora
Qu puede hacer el sistema (anlisis de requisitos)Qu puede hacer el usuario (anlisis de tareas)
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
26/49
Metodologa de creacin
Identific. problemas usuario
Analizar las dificultades del usuarioVer cmo utilizan funcionalidades similares y qu problemastienenExplicar lo que queremos hacer y ver si lo entienden,
ensendoles el prototipo y viendo cmo lo utilizan
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
27/49
Metodologa de creacin Generacin de la metfora
Examen detallado de la manera tradicional de realizar lastareas
Analizar oficinas, fbricas, escuelas, etc. y observar losproblemas que tienen los usuarios y las herramientas queutilizan para resolverlos
Una vez identificados los problemas y las herramientas quese utilizan, ver cules de ellas envuelven algunas de lascaractersticas que los usuarios encuentran difciles decomprenderEstas son buenas candidatas para metforas
M t d l d i
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
28/49
Metodologa de creacin Evaluacin de la metfora
Una vez generadas varias metforas, se evalan para escogerla ms adecuada a la funcionalidadPuntos para evaluar la utilidad de la metfora:
Volumen de la estructura que proporciona
Aplicabilidad de la estructura. Falsas expectativas Representatividad . Fcil de representar?. La metfora idealtiene representacin visual, auditiva y palabras asociadas
Adecuacin a la audiencia Extensibilidad
Metodologa de creacin
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
29/49
Metodologa de creacin Otra versin
Identificar el tipo de comparacin Debemos encontrar una relacin entre la informacin familiar yla nueva
Grado de ajuste
Estudiar el grado de coincidencia y las diferencias que existen
Metodologa de creacin
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
30/49
Metodologa de creacin Ejemplo de errores
Asociaciones inadecuadas
Se utiliza la metfora delreproductor de vdeo paracontrolar una impresora
???
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
31/49
Metodologa de creacin
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
32/49
Metodologa de creacin Ejemplo de errores
Caso de estudio: Apple Quicktime 4
http://digilander.libero.it/chiediloapippo/Engineering/iarchitect/metaphor.htm
interfaz de consumidor ,diseada para parecerse a unproducto fsico. Intencin:ser ms fcil transportar lainformacin. Resultado: (1)no se pueden transportar losconocimientos sobreinteraccin con el ordenador,y (2) el programa se ve
sujeto innecesariamente alas limitaciones del objetofsico
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
33/49
Diseo de metforas
Las metforas pueden conseguir su efectividad a travs deasociaciones:
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 metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
34/49
se o de et o as Objetos familiares
EscritorioDibujos, ficheros, carpetas, papeles, clips, notas depapel
Fotografalbumes, fotos, portafotos
JuegosReglas del juego, piezas del juego, tablero de juego
ContenedoresEstanteras, cajas, compartimentos
CiudadesHitos, perfiles, casas
Diseo de metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
35/49
Ejercicio
Objetivo:Diseo de un conjunto de metforas para la gestinde 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 sepueden ejecutarConstruir un elemento visual para cada accin
Diseo de metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
36/49
Escoger los objetos que estn implicados: Estantera lbum Hoja
Foto
Ejercicio paso 1
Diseo de metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
37/49
Ejercicio paso 2
Asociar un elemento visual a cada objeto
Estantera lbum Hoja Foto
Diseo de metforas
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
38/49
Ejercicio paso 3
Escoger los verbos asociados a las acciones que sepueden 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
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
39/49
Ejercicio paso 4
Construir un elemento visual para cada accin
Crear/Aadir
Seleccionar
Borrar
Mover
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
40/49
Ejemplos de metforas
Objetos y accionesPginas web
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
41/49
Papelera
La papelera es una herramienta habitual en lamayora de las culturas avanzadasSirve para poner todos los papeles u otros elementosque no sirven para despus tirarlos a la basura
El smbolo de reciclaje es cada vez ms habitualLa papelera permite reciclar los objetos depositadosen ella
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
42/49
Tijera (Cortar)
Las tijeras nos dan la funcionalidad de cortar papel, tela, etc.La metfora nos aporta la idea de poder cortar un trozo dedocumento, una parte de un dibujo, etc.Su enlace con el portapapeles tiene que ser aprendido
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
43/49
Bote de pintura (Pintar)
El bote de pintura es un objeto muy comn y defcil comprensinCon el bote de pintura que se vaca queremoshacer comprender al usuario que lo que se hacees llenar de un color el interior de undeterminado objeto
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
44/49
Portapapeles
Esta metfora pretende cubrir un componente del sistemaoperativo que nos permite pasar informacin entreaplicaciones diferentesSu uso es fcil de intuir, pero es una metfora pobre: no sepuede recoger ms de una cosa, no se sabe de dndevienen los documentos y carece de historialHay aspectos que no cubre la metfora y han de seraprendidos
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
45/49
Correo
El correo es un elemento habitual en nuestra cultura. Nospermite enviar informacin escrita en papel a un destinatarionormalmente lejanoEsta metfora se utiliza para el correo electrnico
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
46/49
Pginas web
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
47/49
Pginas web
Ejemplos
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
48/49
Pginas web
8/13/2019 Que son las Metaforas, su uso y aplicacin = JR
49/49
Conclusiones
Las metforas constituyen un elemento fundamental de lasinterfaces actualesHemos expuesto una visin general de su historia y algunosejemplos actualesHemos aprendido algunas ideas sobre cmo disearmetforas