Las metáforas visuales

​¿Sabías que hay metáforas que van mucho más allá de las que conoces?

Más allá de las típicas comparaciones literarias como "la vida es una montaña rusa" o la ilustración del mundo derritiéndose como un helado por el calentamiento global.

​Como te adelanté en el post anterior, hay metáforas que usamos a diario y de las que no somos conscientes, metáforas que nos ayudan a interpretar lo que estamos haciendo.

Y esto no es casualidad, es la forma en que los diseñadores creamos un lenguaje universal para las interfaces.

​De seguro esta introducción ya se hizo un poco larga asi que aquí vamos…

Hablemos de diseño.

El disquete seguro que muchos de nosotros, y me incluyo, lo usamos una o dos veces en la vida. Es un objeto que hoy en día es casi obsoleto, pero lo vemos a diario en nuestros dispositivos porque sigue siendo la metáfora visual universal para la acción de guardar.

¿Alguna vez tuviste que usar un cuentagotas? Yo creo que nunca he usado uno real, pero en aplicaciones de diseño, este objeto nos dice de forma instantánea que podemos "extraer" un color de un lugar para aplicarlo en otro. Es una metáfora perfecta, a decir verdad no se me ocurre otra manera para describir esa función.

Algo que no sé si todos tenemos, al menos confieso que yo no tengo, es una papelera en el escritorio o bueno si tengo una en el escritorio de mi computadora y realmente funciona como una de la vida real. Tiramos lo que no queremos y se elimina de nuestro entorno, aunque técnicamente los archivos borrados no van a ningún tipo de basura. Los archivos no se borran, se "olvidan".

Pero este seguro que no lo has usado nunca, o bueno a menos que hayas estado en el campo trabajando, el lazo, esta es una herramienta que podemos usar en Photoshop. Pero… ¿Qué tiene que ver un lazo con seleccionar píxeles en una imagen? Absolutamente nada. Pero el concepto de "enlazar" o "englobar" algo es una metáfora que nuestro cerebro entiende al instante. Es una forma de simplificar una acción compleja.

Si has tenido la oportunidad de usar macOS, habrás notado dos cosas, que los botones para controlar las ventanas están a la izquierda y que son un semáforo. Esto es otra brillante metáfora visual, luz verde, sigue adelante, usa la ventana en su máximo tamaño, luz de ​Amarilla, la ventana se oculta pero no se cierra del todo y finalmente luz ​roja, la ventana se va.Creo que con estos ejemplos dejo clara la idea, es increíble cómo hemos ido generando estas conexiones conceptuales que ni siquiera existían. No tienen valor por sí mismas, pero nos ayudan a entender lo que el usuario debe hacer. Ese es el poder de la metáfora visual, hacer que la experiencia con una aplicación sea mucho más fácil.