Академический Документы
Профессиональный Документы
Культура Документы
METÁFORAS
• Metáforas
• Metáforas verbales
• Metáforas visuales
• Metáfora del escritorio
• Metodología de creación de metáforas
• Diseño de metáforas
• Ejemplos de metáforas
METÁFORAS
• Metáfora:
• Figura retórica que consiste en usar una palabra o frase en un
sentido distinto del que tiene pero manteniendo con éste una
relación de analogía o semejanza
• Ejemplo:
• “cabellos de oro” por “cabellos rubios”
• Las metáforas son una parte integrante del lenguaje y
aparecen en las conversaciones cotidianas
• Tiempo (abstracto) -> ahorrar, gastar, desaprovechar (dinero)
• Ideas (abstracto) -> defender, atacar, retirar (conceptos bélicos)
• Navegar, explorar, visitar, web, red, mapa, página, home, etc.
METÁFORAS VERBALES
EJEMPLO
retorno
teclas
barra esp.
METÁFORAS VERBALES
VENTAJAS Y LIMITACIONES
• Metáfora visual:
• Es una imagen que nos permite representar alguna cosa de
tal manera que el usuario puede reconocer lo que representa
y por extensión comprender su propósito
• La metáfora puede variar desde pequeñas imágenes
hasta pantallas completas
METÁFORAS VISUALES
EJEMPLO
Cuarto de juegos
METÁFORA GLOBAL
EJEMPLO
Tienda de ropa
METÁFORA DEL ESCRITORIO
Lisa Microsoft
1983
Macintosh XWindows
1984 Windows 1.0 1984, Athena
1985
GENERACIÓN DE LA METÁFORA
• Examen detallado de la manera tradicional de realizar
las tareas
• Analizar oficinas, fábricas, escuelas, etc. y observar los
problemas que tienen los usuarios y las herramientas que
utilizan para resolverlos
• Una vez identificados los problemas y las
herramientas que se utilizan, ver cuáles de ellas
envuelven algunas de las características que los
usuarios encuentran difíciles de comprender
• Estas son buenas candidatas para metáforas
EVALUACIÓN DE LA METÁFORA
• Una vez generadas varias metáforas, se evalúan para
escoger la más adecuada a la funcionalidad
• Puntos para evaluar la utilidad de la metáfora:
• Volumen de la estructura que proporciona
• Aplicabilidad de la estructura para el problema. Lo que es
importante … no generar falsas expectativas.
• Representatividad. ¿Fácil de representar?. La metáfora ideal tiene
representación visual, auditiva y palabras asociadas
• Adecuación a la audiencia. Los usuarios tienen que entender la
metáfora.
• Extensibilidad. ¿Qué más pueden hacer las metáforas? Una
metáfora puede tener otras partes de la estructura que pueden ser
útiles mas adelante.
Definición Identificación Generación Evaluación
funcional de problemas de la de la
del usuario metáfora metáfora
METODOLOGÍA DE CREACIÓN
OTRA VERSIÓN
EJEMPLO DE ERRORES
• Asociaciones inadecuadas
Se utiliza la metáfora del
reproductor de vídeo para
controlar una impresora
¿¿¿???
METODOLOGÍA DE CREACIÓN
EJEMPLO DE ERRORES
• Asociaciones inadecuadas
EJEMPLO DE ERRORES
OBJETOS FAMILIARES
• Escritorio
• Dibujos, archivos, carpetas, papeles, clips, notas de papel
• Fotografía
• Álbumes, fotos, portafotos
• Juegos
• Reglas del juego, piezas del juego, tablero de juego
• Contenedores
• Estanterías, cajas, compartimentos
• Ciudades
• Hitos, perfiles, casas
DISEÑO DE METÁFORAS
EJERCICIO
• Objetivo:
• Diseño de un conjunto de metáforas para la gestión de un
editor de música y video.
• Pasos:
• Escoger los objetos que están 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 acción
DISEÑO DE METÁFORAS
EJERCICIO – PASO 1
EJERCICIO – PASO 2
EJERCICIO – PASO 3
EJERCICIO – PASO 4
Editar Bloquear
Desbloquear
EJEMPLOS DE METÁFORAS
• Objetos y acciones
• web
EJEMPLOS
PAPELERA
http://spaceplace.nasa.gov/
EJEMPLOS
APLICACIONES Y WEB
http://spaceplace.nasa.gov/
EJEMPLOS
APLICACIONES Y WEB
www.healthy.net
EJEMPLOS
APLICACIONES Y WEB
www.healthy.net
EJEMPLOS
APLICACIONES Y WEB
http://mistura.pe/
EJEMPLOS
APLICACIONES Y WEB
http://mistura.pe/
EJEMPLOS
APLICACIONES Y WEB