Saltar al contenido

Diseño Emocional

24 junio, 2018

El diseño emocional se esfuerza por crear productos que despierten emociones apropiadas, con el fin de crear una experiencia positiva para el usuario. Para ello, los diseñadores tienen en cuenta las conexiones que se pueden establecer entre los usuarios y los objetos que utilizan, así como las emociones que pueden surgir de ellos. Las emociones que suscita un producto pueden influir considerablemente en la percepción que los usuarios tienen de él.

Tipos de diseño

Las emociones juegan un papel central en la capacidad humana de entender y aprender sobre el mundo. Las experiencias positivas despiertan nuestra curiosidad y las negativas nos protegen de repetir errores. Los seres humanos forman conexiones emocionales con objetos en tres niveles: visceral, conductual y reflexivo. Un diseñador debe abordar la capacidad cognitiva humana en cada nivel para provocar las emociones apropiadas para proporcionar una experiencia positiva. Una experiencia positiva puede incluir emociones positivas (por ejemplo, placer, confianza) o negativas (por ejemplo, miedo, ansiedad), dependiendo del contexto (por ejemplo, un juego de computadora con temas de horror).

Como actúa el diseño frente al marketing

El diseño emocional visceral apela a nuestras primeras reacciones cuando nos encontramos con un producto. Se trata principalmente de la estética y la calidad percibida a partir del mero look and feel, y el compromiso de los sentidos. Aquí examinamos qué reacciones internas o «viscerales» nos dicen acerca de un objeto. El diseño emocional conductual se refiere a la usabilidad del producto, nuestra evaluación de cuán bien realiza las funciones deseadas y cuán fácilmente podemos aprender a usarlo. 

Etapas del diseño

En esta etapa, habremos formado una opinión más justificada sobre el tema. Por último, el diseño emocional reflexivo se refiere a nuestra capacidad de proyectar el impacto del producto en nuestras vidas después de haberlo usado, por ejemplo, cómo nos hace sentir cuando no lo sostenemos, o qué valores nos encontramos atribuyendo al producto en retrospectiva. Aquí es donde los diseñadores querrán maximizar el deseo de los usuarios de poseer ese artículo. 

 

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 ligeros se apoderaron gradualmente del espacio virtual. «Designing for Emotion», un libro publicado por Aaron Walter en 2005, se convirtió rápidamente en un bestseller y una guía de sobremesa 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, están Impresionados, Intrigados e Involucrados.

1. Nivel Visceral: «Impresionado»

La primera impresión es siempre subconsciente y es interpretada por nuestro cerebro automáticamente, a pesar de un juicio razonable. Cuando visitamos un sitio web, instantáneamente le damos un «pulgar hacia arriba» o un «pulgar hacia abajo».

Y basándonos en esa estimación inicial, continuaremos percibiendo positivamente todo el contenido de ese sitio. Por lo tanto, no es de extrañar que un buen diseño visceral sólo deba invocar la reacción de «pulgar hacia arriba».

2. Nivel de Comportamiento: «Intrigado»

Si algo se ve bien a primera vista, nuestro cerebro trata de analizar qué es y cómo funciona. Esto desencadena nuestros patrones de comportamiento y comenzamos a excitarnos emocionalmente con algo que nos gusta. Por lo tanto, el segundo paso del diseño emocional sería hacer que su diseño invite 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 reflectante: «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 ser puestas sobre la mesa mostrando lo que 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.

Así que, como pueden ver, el diseño para la emoción tiene como objetivo invocar una cadena de reacciones psicológicas. En primer lugar, enganchar al usuario con el efecto wow, a continuación, hacerlos ansiosos por explorar más, y por último, llevarlos a una comprensión de lo que exactamente el alboroto se trata.

 

10 Pasos para Crear una Conexión a través del Diseño Web Emocional

1. Haga su investigación

Mire lo que su competencia está haciendo actualmente. Si usted es un proveedor de cloud y hosting, observe lo que está sucediendo en la industria. ¿Qué funciona y qué no funciona? ¿Qué tan bien diferencian otros proveedores su marca a través del diseño de su sitio web? Mire su marca actual y el diseño de su sitio web y haga las siguientes preguntas:

¿Es su sitio web un buen indicador de lo que su empresa representa?

¿Es evidente cuál es su propuesta de valor con sólo mirar su sitio?

¿Su sitio web refleja la identidad de su marca?

¿Es evidente cuál es el diferenciador clave de su empresa con sólo mirar el diseño de su sitio web?

¿Es su sitio web una extensión de su negocio, su cultura y sus empleados?

Piense en lo que quiere que sus clientes se lleven. ¿El diseño de su sitio web transmite sus valores corporativos? Si su propuesta de valor es de confianza, ¿su sitio web representa eso? Nos ocupamos de nuestras rutinas diarias, por lo que es importante dar un paso atrás para ver si lo que pensamos que estamos comunicando con nuestros clientes es lo que realmente están quitando de nuestra marca y sitio web.

2. Conozca su empresa, conozca su marca

Si usted no tiene una fuerte propuesta de valor e identidad de marca, siéntese y averigüe lo que su compañía y marca representan.

¿Cuál es su misión corporativa?

¿Qué personalidad debe transmitir su marca?

Investigue a su público. ¿Quiénes son y qué están buscando?

Identifique a sus compradores – quiénes compran sus productos y servicios y qué es lo que les atrae.

¿Su marca y el diseño de su sitio web atraerán a sus compradores?

Usted necesita conocer su marca primero, antes de que pueda evaluar cómo quiere ser retratado en la industria.

Para asegurar un diseño emocional eficaz de la tela, cerciórese de identificar su persona del comprador primero.

Para asegurar un diseño de Web emocional eficaz, cerciórese de identificar su persona del comprador primero.

3. Identifica a tus personajes

Si aún no conoce a sus personajes de comprador, este es el momento de identificar quién es su mercado objetivo y qué es lo que les atrae. Esto le ayudará a identificar cómo llegar a ellos y convertirlos en clientes. Las preguntas para ayudarle a identificar a sus personas de comprador incluyen:

¿Cuál es su información demográfica (es decir, sexo, estado civil, ingresos familiares, edad, estado de los hijos, ubicación geográfica)?

¿A qué se dedican?

¿Qué hacen en su tiempo libre, con quién y cómo?

¿Cuáles son sus problemas que necesitan resolver?

¿Cómo puede su empresa resolver sus problemas?

¿De dónde obtienen su información sus personajes (sitio web, anuncio de revista, y/o medios sociales)?

¿Cómo puedes comercializar y comunicarte mejor con tus compradores?

¿El diseño de su marca y de su sitio web habla a dichas personas, motivándolas a comprarle a usted?

Los clientes eligen abrumadoramente marcas que coinciden con sus valores personales (87%) y evitan las que no lo hacen (71%).

4. Dé forma a su marca Identifíquese jugando con los valores emocionales de sus compradores, luego diferencie sus ofertas y conéctese con estos consumidores.

Construya una marca que apele directamente al estado emocional, necesidades y aspiraciones de sus compradores. Si usted construye una conexión emocional con un cliente potencial de por vida, es más difícil para otros proveedores competir. Nike es un buen ejemplo de cuando la emoción triunfa sobre todo lo demás. No hay duda de que la competencia de Nike puede construir un producto similar, pero afrontémoslo, nadie puede acercarse al impacto que el «swoosh» produce en sus clientes y en el público en general. Descubra cómo puede influir en sus clientes y ser el «swoosh» del sector del cloud computing y el hosting.

Una vez que tenga una idea de lo que su marca debe significar, puede empezar a construir sobre ella, reflejando los diferentes elementos de marca que se conectarán emocionalmente con sus personajes de comprador.

5. Determine sus elementos de marca

¿Qué elementos del diseño determinan el impacto emocional que su sitio tendrá en alguien, positiva o negativamente?

Logo – ¿Su logo refleja su marca y todo su sitio web refleja el estilo de su logo y marca?

Color – ¿La combinación de colores de su sitio web refleja su marca y compañía?

Tipografía – ¿Cómo se arreglará tu tipo para que sea visualmente atractivo para la audiencia? Las cosas a considerar incluyen: tipos de letra, tamaño, longitud de línea y espaciado de línea.

Diseño – ¿Cuánto espacio en blanco habrá en su sitio? Menos es más!

Fotografía – ¿Qué fotos son necesarias y representan el aspecto que buscas?

Gráficos – ¿Requiere el uso de gráficos y son una buena representación de su marca?

Contenido – ¿Es su contenido limpio, claro y conciso? Una vez más, menos es más.
Para empezar, el color básico de su logotipo puede tener un gran impacto en la forma en que se recibe su marca. Esta infografía es una gran representación de marcas conocidas y de cómo el color de sus logos puede tener un impacto en sus desencadenantes emocionales. En pocas palabras, ¿su logotipo y combinación de colores evocan la emoción que desea suscitar en su público?

Guía de emociones de color
Guía de emociones del color. Fuente: Logotipo de la empresa
6. Desarrollar un logotipo y un concepto de diseño web y prueba con un grupo de enfoque y / o empleados

Una vez que haya desarrollado sus elementos de marca, es importante obtener retroalimentación sobre su concepto de marca y diseño web de un grupo de enfoque o de sus empleados antes de profundizar en el diseño Web. Lo que puede parecer bueno para usted y su agencia puede no siempre crear una conexión emocional con su público objetivo. Si usted es una compañía global, asegúrese de probar su marca con personas en diferentes lugares geográficos para asegurarse de que vaya bien en todas las áreas. Si usted tiene un departamento de mercadeo, ellos pueden obtener retroalimentación de los empleados a través de concursos, encuestas y almuerzos y aprendizajes. Especialmente si usted está haciendo un rediseño, esto ayudará a conseguir que sus empleados a bordo.

7. Compruebe que el diseño de su sitio web es a prueba de futuro

Seleccione la fuente y el tipo de letra con cuidado; no utilice fuentes y tendencias artificiosas. The Gap rediseñó su logotipo en 2010 ante la gran protesta del público. Como puede ver, el tipo de letra y el cuadrado de gradiente (después) habrían quedado muy anticuados si el logotipo hubiera durado más de unos pocos días. Afortunadamente, el Gap sacó el logotipo después de la reacción. Piensa en el futuro – no querrás tener que hacer un cambio de marca y una revisión completa de la Web en un par de años. Revise lo siguiente para asegurarse de que tiene un logotipo y un diseño de sitio web a prueba de futuro que se mantendrá fiel a su atractivo emocional para su público objetivo:

Invierta en su diseño – usted obtiene lo que paga.
Sumérjase en el mercado, manténgase al día con las tendencias y aléjese de las modas.
Investigue a la competencia – no sea un imitador, sea individual.
Menos es más!

8. KISS

Mantenga su logo, marca y diseño web simplificado. Como ya se ha mencionado, esto también ayudará a proteger el futuro. Piense en algunas de las mejores marcas, en sus sitios web y en lo que todos tienen en común: un enfoque limpio y minimalista combinado con un atractivo estético. ¿Necesito decir más?

Apple: posiblemente los expertos en diseño simple.
Apple: posiblemente los expertos en diseño simple.

9. Crear una guía de estilo

Documentar su marca es extremadamente importante si desea asegurar la consistencia a través de su sitio y todas las plataformas. Identifique la voz, el tono y la personalidad de su marca para mantener la coherencia y la relevancia de los mensajes. Documente los tipos y tamaños de fuentes y cuánto espacio en blanco debe aparecer alrededor de su logotipo y en su sitio web. Para trabajar hacia una conexión emocional con las personas de su comprador, es imperativo que usted cree una marca consistente a través de su sitio web y cualquier cosa que tenga su logo en él.

10. Construya un sitio web que se merece

Usted ha completado su investigación e identificado lo que su marca representa y cómo será atractivo para sus compradores. También ha moldeado la identidad de una marca jugando con los valores emocionales de sus compradores, determinando los elementos de su marca y probando los conceptos para asegurar que su logotipo y diseño emocional de la web sean a prueba del futuro, y también lo ha documentado con una guía de estilo. Es hora de construir un sitio web que mece! Su sitio debe ser un reflejo de su marca, debe hacer una conexión emocional con sus compradores y ser una extensión de su negocio y su cultura. Cosas para recordar:

Evite una combinación de colores que distraiga la atención
Evite las fuentes divertidas y modernas
Evite formularios complicados
Utilizar el menor número posible de imágenes y animaciones
Evite el desorden
¡Y por favor, nada de música!
Y como siempre, si tiene preguntas o necesita ayuda con el diseño web emocional, contáctenos! Nos encantaría responder cualquier pregunta que pueda tener sobre cómo trabajar con Total Product Marketing.

Llámanos