Explorando el impacto de la emoción en el diseño web

Para nosotros, los diseñadores, a veces es una píldora difícil de tragar, pero nuestro hermoso trabajo es inútil si no sirve a los objetivos de nuestros clientes. Y para cada cliente, lo primero que debe hacer es atraer visitantes a sus sitios web y productos.

Los tiempos de marketing digital agresivo (anuncios, pancartas y ventanas emergentes) se han ido. Los usuarios web de hoy en día, incluso los millennials y los adultos mayores, esperan que su experiencia de navegación sea "limpia" y estéticamente agradable. Mire cuánto ha aumentado el volumen de búsqueda de software de bloqueo de anuncios en los últimos cinco años.

Con los bloqueadores de anuncios instalados en todos los demás dispositivos, todos tenemos que disolvernos con las opciones de acceso simple y buscar formas de publicitar y vender productos, servicios o ideas con instrumentos más sofisticados.

Uno de esos instrumentos se conoce como Diseño para la emoción : un enfoque psicológico del diseño que tiene como objetivo invocar al usuario previsto con emociones y anclar a los visitantes al objetivo de su sitio web.

Por ejemplo, si tuviéramos que diseñar un sitio web para promocionar un refresco, podríamos hacerlo de dos formas:

1. Poner el producto y la marca en primer plano.
2. Coloque el producto y la marca en el entorno emocional apropiado.

Imagine visitar un sitio y ver una imagen (o videoclip) de jóvenes jugando voleibol en una playa soleada. Incluso si no eres un gran fanático del voleibol, la emoción de lo divertido que se está divirtiendo esta gente resonará instantáneamente contigo. Y luego, cuando una de las personas se refresca con una bebida fría, no puedes evitar sentir un picor de sed en la parte posterior de tu garganta también.

El objetivo de la imagen o video no era promocionar el voleibol de playa sino vender la marca de gaseosa. Sin embargo, no solo te golpeó como un tren, sino que se te presentó de manera gradual y discreta, a través de la emoción de la diversión y el espíritu del juego.

Niveles de Comprensión Emocional

Los diseñadores han estudiado el impacto emocional de los sitios web desde los primeros días de la Web 2.0, cuando las animaciones complejas y los clips livianos se apoderaron gradualmente del espacio virtual. “Designing for Emotion”, un libro publicado por Aaron Walter en 2005, se convirtió rápidamente en un éxito de ventas y en una guía de escritorio para muchos diseñadores web de la generación actual, incluido yo mismo.

En su libro, Walter identifica las tres etapas del compromiso emocional de un visitante típico de un sitio web: Impresionado , Intrigado e Involucrado .

1. Nivel Visceral: “Impresionado”

La primera impresión es siempre subconsciente y nuestro cerebro la interpreta automáticamente, independientemente del juicio razonable. Cuando visitamos un sitio web, instantáneamente le damos un "pulgar hacia arriba" o un "pulgar hacia abajo".

Y en base a esa estimación inicial, continuaremos percibiendo positivamente todo el contenido de ese sitio. Por lo tanto, no debería sorprender que un buen diseño visceral solo deba invocar la reacción de "pulgar hacia arriba".

2. Nivel de Comportamiento: “Intrigado”

Si algo parece genial a primera vista, nuestro cerebro intenta analizar qué es y cómo funciona. Esto desencadena nuestros patrones de comportamiento y empezamos a emocionarnos emocionalmente por algo que nos gusta. Entonces, el segundo paso del diseño emocional sería hacer que su diseño invitara a una mayor investigación.

Cuando el visitante está intrigado, no podrá resistirse a desplazarse hacia abajo, seguir el enlace o incluso hacer clic en una llamada a la acción.

3. Nivel reflexivo: “Involucrado”

Este es el nivel más alto de nuestros procesos de pensamiento cognitivo. Esto es cuando analizamos y hacemos juicios lógicos sobre las cosas que estamos viendo. El usuario del sitio web es atraído a este nivel por los dos anteriores, y en este punto, todas las cartas deben estar sobre la mesa mostrando qué es el producto y por qué es útil para el usuario.

En su cabeza, el usuario entenderá la intención del sitio de vender el producto, pero debido a la emoción positiva que ha experimentado, esta intención no será percibida como hostil.

Entonces, como puede ver, el diseño para la emoción tiene como objetivo invocar una cadena de reacciones psicológicas. En primer lugar, enganche al usuario con el efecto sorpresa, luego haga que esté ansioso por explorar más y, por último, hágalo comprender de qué se trata exactamente el alboroto.

Ahora, echemos un vistazo a las herramientas que contribuyen a crear diseños visuales emocionalmente atractivos.

Componentes del Diseño Emocional

Veremos los tres inbounds obvios que todo diseñador usa para crear imágenes para un producto o marca, y trataremos de analizarlos desde la perspectiva del diseño para la emoción.

1. El libro de marcas

Si nuestro objetivo es vender la marca con emoción, primero debemos estudiar el libro de reglas de esa marca en particular. Un buen libro de marca o guía de estilo contendrá esquemas de color, fuentes, principios de alineación de cuadrícula, qué hacer y qué no hacer en la colocación de espacios publicitarios, y mucho más.

Debe suponer que la identidad de la marca ya tiene algún sentido emocional incorporado. Muchos diseñadores tomarán ese sentido y lo expandirán a todo el sitio. Al final, tendrán un gran mega-logo en lugar de solo un sitio web.

Un mejor enfoque es extraer la esencia de la marca del libro, pero ponerla entre líneas, en lugar de al frente. Deje el logotipo en la parte superior izquierda donde pertenece, y dedique el resto del espacio a las cosas con las que desea que los usuarios asocien la marca.

2. Colores

A nivel general todos sabemos lo que representan los colores. El rojo es peligro, agresión; el azul representa la calma; y verde por permiso, libertad, naturaleza. Al diseñar para la emoción, los tonos de color son mucho más importantes que los colores crudos. Hacer que el tono sea más oscuro o más claro puede impulsar la emoción deseada en varias direcciones.

A continuación se muestra un video corto que presenta la discografía de Ben Lukas Boysen, pero sin ningún sonido. Todas las emociones se representan con colores. Sin escuchar la música, todavía tenemos un sentimiento emocional subconsciente por cada canción.

Además, debes tener en cuenta las peculiaridades culturales de cada color. En Japón, el blanco es el color del dolor, y para la gente de Medio Oriente, el amarillo a menudo se considera repugnante. Aquí hay una pieza interesante e informativa sobre lo que representan los colores en varias culturas.

3. Séquito

Las emociones son mucho más fáciles de invocar por parte del entorno que la propia marca. La marca debe ubicarse en el entorno o las circunstancias en las que es probable que el espectador la aprecie más.

Uno de los mejores ejemplos es un refresco en un día caluroso. Rara vez consumimos refrescos solo por deseo de corazón. Pero en un día soleado, durante las vacaciones, cuando se está tumbado en la playa o en la piscina, ¿qué puede ser mejor que una bebida fría con burbujas para saciar la sed?

“ El diseño emocional convierte a los usuarios ocasionales en fanáticos, listos para contarles a otros sobre su experiencia positiva ”, concluye Aaron Walter, uno de los padres fundadores del diseño emocional.

Verdaderamente, cada sitio web tiene que ver con la experiencia: visual, sensual, informativa o simplemente divertida. Si el sitio web que crea ofrece una de estas experiencias, puede estar seguro de que hará que los visitantes quieran volver una y otra vez. Y las visitas regulares al sitio web de su cliente son la mejor manera de invocar la más apreciada de todas las emociones: la satisfacción del cliente.