Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Metforas
Metforas verbales
Ejemplo
Metforas verbales
Ejemplo
retorno
teclas
barra esp.
Metforas verbales
Ventajas y limitaciones
Ventajas: basndonos en el conocimiento previo
podemos desarrollar ms rpidamente el
conocimiento del nuevo dominio
Presionar una tecla significa ver un carcter en la pantalla
Metforas visuales
Metfora 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
Metforas visuales
Ejemplo
Metforas visuales
Ejemplo
Metforas visuales
Ejemplo
Metforas visuales
Orgenes
Metforas visuales
Intuicin
Metforas visuales
Intuicin
Metforas visuales
Metfora global
La 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
Metfora global
Ejemplo
Metfora global
Ejemplo
Agenda electrnica
Cmo funciona?
Las carpetas son contenedores de documentos en el
mundo real y en el virtual
Se puede abrir una carpeta para coger o dejar alguna cosa
Se pueden poner carpetas dentro de carpetas
Se pueden mover las carpetas por todo el escritorio
Historia
Steve Jobs
Apple
Xerox Star
1981
Microsoft
Lisa
1983
Macintosh
1984
Xerox PARC
California
Alan Kay
Windows 1.0
1985
Windows 2.0
1986
XWindows
1984, Athena
XWindows
1986, comercial
Metforas compuestas
La 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
El ordenador invisible
El objetivo final de las metforas es hacer el
ordenador invisible para el usuario
La metfora puede llegar a ser transparente al
usuario y no requerir de l ningn esfuerzo cognitivo
Metodologa de creacin
Las metforas visuales han de disearse de acuerdo
con una metodologa
Fases del diseo de metforas:
Definicin
Definicin
funcional
funcional
Identificacin
Identificacin
de
de problemas
problemas
del
del usuario
usuario
Generacin
Generacin
de
de la
la
metfora
metfora
Evaluacin
Evaluacin
de
de la
la
metfora
metfora
Metodologa de creacin
Definicin funcional
Lo primero es entender cmo funciona aquello que se
va a modelar con la metfora
Qu puede hacer el sistema (anlisis de requisitos)
Qu puede hacer el usuario (anlisis de tareas)
Metodologa de creacin
Metodologa de creacin
Generacin de la metfora
Observar el entorno de trabajo del usuario
Encontrar una relacin entre la informacin familiar y
la nueva
Estudiar el grado de coincidencia y las diferencias que
existen
Elegir la representacin grfica ms adecuada
Metodologa de creacin
Evaluacin de la metfora
Una vez generadas varias metforas, se evalan para
escoger la ms adecuada a la funcionalidad
Puntos 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 ideal
tiene representacin visual, auditiva y palabras asociadas
Adecuacin a la audiencia
Extensibilidad
Metodologa de creacin
Ejemplo de errores
Asociaciones inadecuadas
Se utiliza la metfora del
reproductor de vdeo para
controlar una impresora
???
Metodologa de creacin
Ejemplo de errores
Asociaciones inadecuadas
Los iconos no tienen un
significado intuitivo
Metodologa de creacin
Ejemplo de errores
Extensin de la metfora con funciones no intuitivas
Al arrastrar el icono del
disquete a la papelera se
expulsa el disquete ???
Metodologa de creacin
Ejemplo de errores
Caso de estudio: Apple Quicktime 4
interfaz de consumidor,
diseada para parecerse a un
producto fsico. Intencin:
ser ms fcil transportar la
informacin. Resultado: (1)
no se pueden transportar los
conocimientos sobre
interaccin con el ordenador,
y (2) el programa se ve
sujeto innecesariamente a
las limitaciones del objeto
fsico
http://homepage.mac.com/bradster/iarchitect/qtime.htm
Diseo de metforas
Las metforas pueden conseguir su efectividad a
travs de asociaciones:
Podemos asociar clases y atributos a objetos familiares
Podemos asociar procesos y algoritmos a verbos de accin
Tipos de metforas:
De objetos: libro, lbum, agenda, escritorio, biblioteca
De actividades: visita, exploracin, viaje
De lugares: casa, plaza, museo, ciudad, isla
Diseo de metforas
Objetos familiares
Escritorio
Dibujos, ficheros, carpetas, papeles, clips, notas de papel
Fotografa
lbumes, fotos, portafotos
Juegos
Reglas del juego, piezas del juego, tablero de juego
Contenedores
Estanteras, cajas, compartimentos
Ciudades
Hitos, perfiles, casas
Diseo de metforas
Ejercicio
Objetivo:
Pasos:
Escoger los objetos que estn implicados
Asociar un elemento visual a cada objeto
Escoger los verbos asociados a las acciones que se pueden
ejecutar
Construir un elemento visual para cada accin
Diseo de metforas
Ejercicio paso 1
Escoger los objetos que estn implicados:
Estantera
lbum
Hoja
Foto
Diseo de metforas
Ejercicio paso 2
Asociar un elemento visual a cada objeto
Estantera
lbum
Hoja
Foto
Diseo de metforas
Ejercicio paso 3
Escoger los verbos asociados a las acciones que se
pueden ejecutar
Diseo de metforas
Ejercicio paso 4
Construir un elemento visual para cada accin
Crear/Aadir
Borrar
Seleccionar
Mover
Ejemplos de metforas
Objetos y acciones
Aplicaciones y sitios web
Ejemplos
Papelera
La papelera es una herramienta habitual en la
mayora de las culturas avanzadas
Sirve para poner todos los papeles u otros elementos que
no sirven para despus tirarlos a la basura
Ejemplos
Tijera (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
Ejemplos
Herramientas de dibujo
Se usan elementos muy conocidos y de significado
intuitivo para el diseador
El bote de pintura que se vaca indica que se llenar de
un color el interior de un objeto
Ejemplos
Carro de la compra
Ejemplos
www.healthy.net
Ejemplos
www.ncsa.uiuc.edu/Cyberia/Expo
Ejemplos
Ejemplos
Ejemplos
Nero 7.0
Ejemplos
Ejemplos
Ejemplos
Ejemplos
Ejemplos
Conclusiones
Las metforas constituyen un elemento fundamental
de las interfaces actuales
Hemos expuesto una visin general de su historia y
algunos ejemplos actuales
Hemos aprendido algunas ideas sobre cmo disear
metforas