Ilustración de Curt Rice.

Inventando metáforas

Cómo las metáforas pueden hacer o deshacer tus diseños

Si alguna vez has tomado una clase de escritura, probablemente hayas jugado con metáforas. Una metáfora es cuando hablas de una cosa en términos de otra:

  • El tiempo es dinero
  • Consumido por el amor
  • El dulce olor del éxito

Mucha gente piensa en las metáforas como una táctica de escritura elegante, una forma de darle vida a las cosas o sonar más poética.

Bueno, quítate esa idea de la cabeza, porque las metáforas no son solo para poetas. Las metáforas son para todos. Están incorporados a nuestro idioma y no podemos comunicarnos sin ellos.

En el mundo del diseño, dependemos de las metáforas todo el tiempo. Desde los íconos que utilizamos hasta los términos que elegimos, las metáforas aparecen en todas partes en el diseño.

¿Ese ícono que aparece en muchas aplicaciones? Esa es una metáfora de la configuración. "Añadir a la cesta"? Esa es una metáfora de un pedido.

La diferencia entre un diseño intuitivo y uno confuso a menudo se reduce a si está utilizando las metáforas correctas. Analicemos un poco más esta idea, para que pueda ver cómo las metáforas juegan un papel importante en el lenguaje del diseño.

Metáforas por las que vivimos

George Lakoff es un experto en metáforas y escribió varios libros sobre el tema. Tuve la suerte de tomar una de sus clases en la universidad, y me abrió los ojos a la fascinante vida de las metáforas.

En su libro Metaphors We Live By, George Lakoff y el coautor Mark Johnson muestran cómo el lenguaje cotidiano está lleno de metáforas. Ya sea que nos demos cuenta o no, las metáforas dan forma a cómo vemos y entendemos el mundo que nos rodea.

Para ver esto en acción, echemos un vistazo más de cerca a una metáfora conceptual: Desconocido está arriba. Conocido está abajo. En inglés, tenemos un montón de frases basadas en esta idea.

Si te tomas un segundo para pensarlo, estas frases no son realmente poéticas. Son utilizados por personas comunes en el chat de todos los días. Tienen sentido para nosotros porque se basan en el mundo real: las cosas en el aire son más impredecibles que las cosas en el suelo.

Nuestro lenguaje está lleno de metáforas como esta. ¿Notaste cómo introduje metáforas en cada párrafo anterior? Si no, está bien. La mayoría de las personas no piensan dos veces en las metáforas porque son muy naturales para nosotros.

Metáforas con las que diseñamos

Cuando hablamos o escribimos, a menudo usamos metáforas sin darnos cuenta. Lo mismo es cierto cuando diseñamos productos.

Por ejemplo, muchos de los íconos que vemos todos los días son metáforas:

  • Configuración =
  • Editar =
  • Adjuntar =
  • Eliminar = 🗑
  • Cuenta =
  • Notificaciones =
  • Buscar =
  • Comentario =
  • Más = ⋯

Estos íconos representan una cosa en términos de otra. Cuando hacemos clic en el botón para editar, no estamos usando un lápiz real. Cuando hacemos clic en el botón para buscar, no hay lupa involucrada.

Pero después de ver estos íconos una y otra vez, aprendimos y memorizamos estas metáforas. Ahora son parte de nuestro vocabulario cotidiano.

Incluso si estos íconos aparecen sin etiquetas, muchos de nosotros ahora podemos descubrir su significado metafórico, solo en función del contexto.

¿No son increíbles las metáforas?

Palabras de maravilla

En el diseño de productos, las metáforas no solo se usan para iconos. Muchas de las palabras en un producto también se basan en metáforas.

¿Recuerdas cuando Medium cambió a su nuevo botón ? Lo que encontré más interesante sobre este cambio no fue el botón. Para mí, lo más interesante fue la terminología.

Cuando Medium lanzó este cambio, básicamente habían inventado una nueva metáfora: un artículo de Medium es una actuación.

Para respaldar esta idea, introdujeron nuevos términos en todo su producto: términos como aplausos, aplausos, fanáticos y público. Estas son cosas que diría sobre una actuación, pero están usando estas palabras para hablar sobre artículos medianos.

En el futuro, puedes imaginar a Medium llevando esta metáfora aún más lejos. Algún día, tal vez veremos nuevas características como foco, backstage o bis que aparecen en la escena.

Y eso es solo arañar la superficie. Si observa lo suficientemente de cerca, encontrará metáforas que se utilizan en productos digitales a su alrededor:

Como muestran los dos últimos ejemplos, algunos conceptos tienen múltiples metáforas, y eso también es común. Después de todo, tenemos al menos 99 metáforas para el amor.

Por qué las metáforas importan

Las metáforas afectan cuán intuitivo es un diseño. Si un diseño se basa en algo real y fácil de identificar, es más fácil que las personas lo descubran. Si un diseño se basa en algo demasiado abstracto, hay una buena posibilidad de que la gente se rasque la cabeza.

Para ilustrar esto, déjame contarte sobre este nuevo monitor para bebés que recibí recientemente. Tiene algunas características agradables, pero el interruptor de encendido / apagado me vuelve loco.

¿Esto está encendido o apagado?

En el lado izquierdo, hay una línea vertical. En el lado derecho, hay un círculo. Parece bastante simple, ¿verdad?

Pues no lo es. Mi esposa y yo nunca podemos decir si esto está activado o desactivado porque no entendemos esta metáfora.

¿Qué podrían significar estos símbolos? ¿Es una línea y un círculo? Los números 1 y 0? Las letras I y O? ¿O es el cuerpo y la cabeza de una figura de palo?

Bueno, resulta que la línea significa "encendido" y el círculo significa "apagado". Pero no podemos aclarar esto porque no se basa en una metáfora de la vida real.

Solo por diversión, pensé que podría ser interesante explorar otras ideas para este diseño, como Sun está encendido, Current está encendido o Minus está apagado.

Otras ideas para encendido y apagado

Lo que sea que esté diseñando, enmarcarlo como una metáfora puede ayudarlo a explorar nuevas soluciones. Y si puede conectar ese concepto con el mundo real, facilita a las personas "entenderlo" desde el primer momento.

Cuando las metáforas se vuelven desordenadas

Como un buen par de jeans, las metáforas van bien con muchas cosas, pero no son apropiadas para cada situación.

A veces es mejor evitar las metáforas por completo. Por ejemplo, en la pantalla de inicio de su teléfono, probablemente tenga un ícono de cámara en alguna parte. Cuando lo toca, su cámara se abre. No hay sorpresa allí.

Ahora imagine reemplazar el icono de la cámara con una metáfora, como un ojo, porque las cámaras nos ayudan a ver el mundo.

Un ícono literal versus un ícono metafórico

Como probablemente puedas adivinar, usar una metáfora aquí sería una mala idea. No es necesario usar un ícono metafórico cuando lo haga uno literal.

En general, las metáforas son geniales si realmente ayudan a las personas a comprender un concepto. Pero cuando las metáforas se vuelven demasiado abstractas, pueden enturbiar las aguas y hacer que las cosas sean confusas.

Metáforas cargadas

Una de las cosas más difíciles de hacer como escritor es nombrar cosas. Titulares, encabezados, botones, bebés, lo que sea.

De vez en cuando, tengo que nombrar un botón que conduce a múltiples acciones. Por ejemplo, tal vez es un botón que abre un menú con cinco acciones diferentes. Eso es lo que yo llamo una "metáfora cargada", porque cualquier palabra que se me ocurra tiene mucho significado.

A continuación se muestra un ejemplo de una metáfora visual cargada en iOS. ¿Ves ese icono "arriba" en la captura de pantalla de la izquierda? Al tocarlo, se abre el modal a la derecha.

El icono "arriba" tiene un montón de significado aquí. Después de tocar el ícono, puede compartir algo a través de AirDrop, agregarlo a Favoritos, guardarlo en iBooks, copiarlo o incluso abrirlo en su aplicación de Noticias.

Entonces, ¿cómo se llama ese icono? ¿Compartir? ¿Añadir? ¿Salvar? ¿Dupdo? ¿Abierto? Ese ícono tiene tanto significado que es difícil nombrarlo.

Las metáforas cargadas a menudo hacen que las cosas sean difíciles de entender porque tienden a ser realmente abstractas.

Si te encuentras usando una metáfora cargada, puede significar que estás juntando demasiado significado en un concepto. Para una experiencia más intuitiva, es posible que desee ver si puede dividir las cosas o agruparlas de una manera diferente.

Dominando la metáfora

A estas alturas, con suerte verá el enorme papel que juegan las metáforas en el mundo del diseño. Con la ayuda de metáforas, puede comunicar casi cualquier concepto conectándolo de nuevo a algo en el mundo real.

Si eres un diseñador, ilustrador o escritor, a veces es difícil encontrar la metáfora correcta, especialmente si se trata de un concepto complicado. La buena noticia es que existen muchas herramientas para ayudarlo a generar ideas sobre metáforas.

Aquí hay algunas herramientas de lluvia de ideas que creo que son bastante ingeniosas:

1. Proyecto sustantivo (thenounproject.com)

The Noun Project es una base de datos gigante de iconos para casi cualquier cosa. Escriba una palabra, como inicio, y luego explore los iconos relacionados con ese concepto (inicio es una página de inicio, inicio es una plataforma de lanzamiento, etc.). Es una mina de oro para inspirarse, ya sea diseñador, ilustrador o escritor.

2. Imágenes de Google (images.google.com)

Si el Noun Project está vacío, intente buscar en Google Images. Los resultados pueden ser ruidosos, pero a veces puedes encontrar oro. Busque la creatividad y desenterrará metáforas interesantes, como la creatividad es color, la creatividad es una bombilla y la creatividad es arte.

3. Thesaurus.com (thesaurus.com)

Meg Robichaud es una de las ilustradoras increíbles en Shopify. En una de las historias de Meg, ella explica cómo un tesauro es una de las herramientas más utilizadas para un ilustrador. ¿Por qué? Porque te ayuda a ver las cosas desde diferentes ángulos. Busque mejoras y encontrará ideas como elevar, pulir y avanzar, todas metáforas muy diferentes.

4. Diccionario idiomático (idioms.thefreedictionary.com)

Un diccionario idiomático es el arma secreta de un redactor. No es una bala de plata para todo, pero es genial cuando buscas metáforas inteligentes o creativas. Muchas expresiones idiomáticas se basan en el mundo físico, por lo que las expresiones idiomáticas pueden ser especialmente útiles cuando desea dibujar una imagen mental para las personas.

5. Wordnik (wordnik.com)

Wordnik es el diccionario de inglés en línea más grande del mundo. Una de las mejores cosas de Wordnik es su sección "Relacionar". Además de sinónimos, también le brinda palabras encontradas en un contexto similar y otras palabras relacionadas. Los resultados pueden parecer aleatorios a veces, pero Wordnik puede salvarle la vida cuando necesita muchas ideas rápidamente.

Las metáforas tienen sentido

Las metáforas dan sentido al mundo que nos rodea. Nos ayudan a dar sentido incluso a las ideas más complejas.

Nuestro mundo puede ponerse bastante chiflado a veces, pero afortunadamente, las metáforas nos dan una manera de hablar sobre ello.

Las metáforas pueden convertir Internet en una nube, el amor en un campo de batalla y el tiempo en dinero. ¿No son mágicas las metáforas?

Y dado que todos usamos metáforas de forma regular, supongo que se podría decir que todos somos magos

Metafóricamente hablando, por supuesto.

Gracias por leer mis divagaciones y muchísimas gracias a Curt Rice por la ilustración de apertura. Puedes ver más de la magia de Curt en dribbble.com/curt_rice.

¿Hambriento de más metáforas? Aquí hay algo de reflexión:

  • Metafóricamente hablando, una charla TED de James Geary
  • Metáforas en las que vivimos, un libro de George Lakoff y Mark Johnson
  • Usando la metáfora en la ilustración del producto, una historia de Meg Robichaud
  • Por qué las metáforas son importantes para los diseñadores de aplicaciones, una historia de Maggie Appleton