Que son las Metaforas, su uso y aplicación = JR

8/13/2019 Que son las Metaforas, su uso y aplicacin = JR

1/49

Metforas


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


3/49

Contenido

MetforasMetforas verbalesMetforas visuales

Metfora del escritorioMetodologa de creacin de metforasDiseo de metforasEjemplos de metforas


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


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.


6/49

Metforas verbales

Ejemplo

Cuando nos encontramos con una nueva herramientatecnolgica tendemos a compararla con alguna cosa conocida


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/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


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


10/49

Metforas visuales

Ejemplo

Los conocimientos sobre los elementos de un dominiofamiliar se traspasan a los elementos de otro no familiar


11/49

Metforas visuales

Ejemplo


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


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


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


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


16/49

Metfora global

Ejemplo


17/49

Metfora global

Ejemplo


18/49

Agenda electrnica

Metfora global

Ejemplo


19/49

Metfora del escritorio

Fue la primera metfora globalEst muy extendidaReproduce una oficina con todossus objetos


20/49


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.


21/49


Historia

Xerox Star1981

Windows 1.01985

Windows 2.01986

Macintosh1984

Lisa1983

XWindows1986, comercial

XWindows1984, Athena

Xerox PARC CaliforniaAlan Kay

Steve JobsApple

Microsoft


22/49


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


24/49


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)


26/49


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


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


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



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



30/49

Metodologa de creacin Ejemplo de errores

Asociaciones inadecuadas

Se utiliza la metfora delreproductor de vdeo paracontrolar una impresora

???


31/49



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


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


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


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


36/49

Escoger los objetos que estn implicados: Estantera lbum Hoja

Foto

Ejercicio paso 1

Diseo de metforas


37/49

Ejercicio paso 2

Asociar un elemento visual a cada objeto

Estantera lbum Hoja Foto

Diseo de metforas


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


39/49

Ejercicio paso 4

Construir un elemento visual para cada accin

Crear/Aadir

Seleccionar

Borrar

Mover


40/49

Ejemplos de metforas

Objetos y accionesPginas web

Ejemplos


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


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


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


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


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


46/49

Pginas web

Ejemplos


47/49

Pginas web

Ejemplos


48/49

Pginas web


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

Documents

Que son las Metaforas, su uso y aplicación = JR