Si quieres, pásate conmigo en mi humilde DeLorean y viaja atrás en la historia hasta ese momento en que te quedaste dormido en tu curso de teoría del diseño.

No necesitabas teorías Gestalt, pensaste. Usted ya sabía cómo hacer un logotipo asesino. Tenía cosas más importantes que hacer, como soñar despierto con convertirse en Sagmeister Es el próximo protegido.

Odio decírtelo, pero esos fundamentos de la organización perceptiva van más allá de solo hacer una bonita imagen.

De hecho, son las piedras angulares del proceso cognitivo-emocional-conductual, y la comprensión de su aplicación práctica nos permite diseñar experiencias de usuario más potentes.

25 segundos de historia de la psicología Gestalt

El campo de Psicología Gestalt tiene como objetivo explicar cómo la mente percibe y organiza los estímulos visuales, auditivos y somatosensoriales. Como diseñadores web y profesionales de la experiencia del usuario (UX), encontrarán que la investigación de Psicología Gestalt es una herramienta invaluable a medida que optimiza no solo la usabilidad de su producto sino también su compromiso.

Introducido alrededor de la década de 1910, se atribuye al trabajo de los psicólogos Max Wertheimer, Kurt Koffka y Wolfgang Köhler. Gestalt, alemán para "forma", nos da una idea de cómo orquestar las experiencias del usuario al explorar la relación entre un estímulo dado y la respuesta cognitiva del usuario.

La relación de respuesta cognitivo-emocional-conductual

Por ejemplo:

La relación de respuesta cognitiva-emocional-conductual a través de Monty Python

La teoría de Wertheimer establece que una persona ve el efecto de la experiencia como un todo, en oposición a la acumulación de las partes individuales de la experiencia. Básicamente se reduce a esto: toda la realidad se experimenta y organiza perceptualmente de la manera más simple y estable posible.

Introducción a la agrupación emocional

Principios de la Gestalt de agrupamiento perceptivo
  • Ley de Proximidad
    Los objetos cercanos uno al otro tienden a agruparse.
  • Ley de similitud
    Artículos similares tienden a agruparse.
  • Ley de cierre
    Los objetos agrupados se ven como un todo.
  • Ley de Continuidad
    Las líneas se ven siguiendo el camino más suave.
  • Ley de la Región Común
    Los artículos en áreas similares tienden a agruparse.
  • Ley de Conectividad
    Los elementos que están conectados se ven como grupos.

Los principios de agrupación de Gestalt, también conocidos como las Leyes de la Organización Perceptiva, son las teorías más ampliamente conocidas de la Gestalt dentro de la comunidad del diseño. Al comprender e implementar estos principios, puede crear diseños cuya apariencia estética provoque una respuesta cognitiva positiva. El verdadero valor de estas teorías, sin embargo, radica en lo que pueden contribuir a todo el proceso cognitivo-emocional-conductual.

Al tocar el deseo de la mente de agrupar objetos para dar sentido a lo que percibe, podemos introducir elementos emocionales en nuestros diseños. Por ejemplo, tres iconos de conejito difícilmente tendrían un efecto emocional en el usuario, a menos que provoque disgusto al ver tantos conejitos genéricos de vectores de Photoshop en un artículo:

Una agrupación de proximidad de iconos de conejito

Pero tira de un Conejo de terciopelo , y de repente te diriges al territorio de los gases de alegría:

Una agrupación de proximidad de conejitos reales

Finalmente, lanzaremos algo de angustia para mezclarlo un poco. Oh no!

Una agrupación de proximidad de conejitos en peligro
(Imágenes: lobo , conejito )

La aplicación de estas teorías le permite fortalecer las señales de comportamiento en el diseño del compromiso y aumentar sus conversiones, fortalecer el compromiso de la marca, lograr el dominio del mundo o cualquier otra cosa que su objetivo pueda ser.

Guarde los conejitos en el botón de acción de peligro

Fortalecer las señales de comportamiento con compromiso emocional a través de Gestalt

Al agrupar cognitivamente los factores desencadenantes emocionales con factores desencadenantes del comportamiento o con llamados a la acción, puede fortalecer la legitimidad de la solicitud y persuadir al usuario para que tome el siguiente paso. Esto crea conversiones más altas para cosas como registros de correo electrónico y compras: pasos en los que los usuarios invierten algo de sí mismos en la relación con la plataforma, en lugar de simples clics o comportamientos basados ​​en la navegación.

Campaña de Facebook Joplin Tornado de ASPCA

Poniendo estos conceptos en práctica, el Campaña en Facebook de ASPCA Joplin Tornado toma los ojos tristes de un gato que se identifica como una víctima de tornado y se superpone a un gran botón de reproducción.

Esto aprovecha el principio de Proximidad al crear un llamado a la acción emocionalmente convincente. En lugar de simplemente insertar un video de YouTube, los diseñadores crearon este banner como un enlace a la página con el video para tener más control sobre lo que se presenta al usuario. Si bien mantienen el banner en consonancia con las dimensiones de los reproductores de video en la web y sobreponen un botón de reproducción (explotando así el principio de similitud), pueden crear una llamada a la acción convincente.

Para comparar, la simple incrustación de un video de YouTube en El blog de Tim Ferriss carece del compromiso que vemos con la solicitud personalizada de ASPCA para reproducir su video.

Video del blog de Tim Ferriss

Contagio emocional en el diseño web

¿Entonces, cómo funciona? ¿Por qué algunas imágenes visuales son tan atractivas, mientras que otras no? Las imágenes visuales fuertes y el texto emocionalmente atractivo ayudan a crear " contagio emocional "Con el usuario. El contagio emocional es un fenómeno psicológico que básicamente se reduce a esto: las emociones son contagiosas.

En otras palabras, el gatito de arriba acaba de contagiarte con un caso de tristeza. Casi puedes oírlo pensar: "Llévame a casa". Quiéreme. Conviértete en mi paparazzi y crea memes lolcat gratuitos de mis días felices ". Incluso si no eres una persona gata, sería difícil no sentir simpatía por su situación. La ASPCA conoce el poder de los tristes ojos de los animales; depende de las imágenes una y otra vez en sus campañas.

El ejemplo anterior usa una fotografía, pero las ilustraciones y los logotipos también pueden ayudar a crear estados emocionales en los usuarios. Un ejemplo de esto es LessAccounting Página de inicio (según lo sugerido por @JbirdDesign )

Página de inicio de menos contabilidad

La página alinea visualmente su marca de asociación (para ganar credibilidad) con sus llamadas a la acción y otras señales de comportamiento, como una forma de generar confianza. Al mantener los logotipos de los socios del mismo tamaño y forma (Principio de similitud) y colocarlos dentro de un perímetro (Principio de cierre), los diseñadores inducen al usuario a percibirlos como una sola unidad, a pesar de ocupar el ancho de la página. Usando el Principio de Conectividad, los diseñadores vinculan visualmente los logotipos al cuadro central "La contabilidad debe ser fácil", donde el botón "Comenzar con una prueba gratuita" es el punto focal.

Las instituciones financieras gastan una gran cantidad de dinero asociando su marca con confiabilidad, como en "Confíe en nosotros con sus depósitos financieros". Esto se puede lograr con cooperación, asociación o marca de prensa también.

Los medios de comunicación también posicionan sus marcas como fuentes de información confiables. Lejos de abrir una lata de mentiras sobre si realmente se puede confiar en alguna de estas instituciones, simplemente reconocemos que la confianza es una emoción viable en sus estrategias de marca. Otras marcas pueden, a su vez, aprovechar el compromiso emocional de una marca para aumentar la efectividad de sus propias estrategias. El fin. No hay guerras de llama en los comentarios, gente.

Otro ejemplo es MailChimp Solicitud de registro del boletín informativo, a continuación. Frente a los logotipos de las autoridades de la industria creíbles, los usuarios entran en una relación con la plataforma a un nivel más alto de confianza, ya sea al crear una cuenta o registrarse en el boletín.

Llamada a la acción del boletín de MailChimp

Cuando el riesgo es mayor, como con los números de la seguridad social y de las tarjetas de crédito, el nivel de credibilidad alineado con la acción debería ser también. Cuando una marca no es intrínsecamente creíble solo en nombre, como lo es Amazon, generalmente se basará en logotipos y sellos de confianza, como aquellos para el Better Business Bureau y el cumplimiento de PCI, con el fin de aumentar la confianza del consumidor .

En una palabra

Al comprender la organización perceptiva involucrada en el proceso cognitivo, podemos desarrollar estrategias más fuertes para los factores desencadenantes emocionales y conductuales en nuestras experiencias de usuario.

  • Acoplamiento de los factores desencadenantes emocionales y de comportamiento en alguna forma de agrupamiento cognitivo, ya sea por proximidad, similitud u otra cosa, fortalece la motivación para actuar sobre la señal de comportamiento.
  • Los estándares de la industria no son necesariamente los más interesantes desde el punto de vista emocional, como se ve en la comparación de incrustación de YouTube anterior. Aprenda a curar sus experiencias, en lugar de suscribirse a un estándar.
  • Los principios de Gestalt pueden ayudar a los profesionales de UX a aprovechar la confianza para aumentar las conversiones basadas en las ventas.

¿Cómo está utilizando la agrupación emocional y de comportamiento en sus experiencias de usuario? ¿Has encontrado un gran ejemplo en tu navegación? Comentarios, comentarios! Queremos saber, por favor!