Tecnología y Coaching para Emprendedores

Diseño Web Emocional: Descubre las Claves

diseno web emocional

El diseño web emocional tiene sus bases en la neurociencia y el neuromarketing. Se ha demostrado que la persona no toma decisiones racionales, sino que toma decisiones en base a sus emociones que después racionaliza. Esto es, racionalizamos las emociones porque a nuestra parte lógica no le gusta sentir que pierde el control. Recuerdo una vez que me compré unas zapatillas deportivas de 140€. El precio triplicaba el que tenía en mente, pero es que me enamoré de las zapatillas y me sentaban de maravilla. Rápidamente racionalicé mi decisión con que las bambas eran Gore-tex, suela Vibram, que eran de marca… vamos, justificar mi compra ante mis propios ojos.

La web es exactamente lo mismo. Si llegas a un sitio web y no te despierta la emoción que inconscientemente buscas, te vas. Hay páginas web que hasta te generan la experiencia contraria, entras y te horrorizas. Tardas nada y menos en irte a otro sitio. El problema está en que, en general, la gente es consciente de que si abre una tienda física está tiene que estar bien decorada y transmitir un look & feel determinado, sin embargo, con el diseño web se tiende a obviar esto como si fueran cosas superfluas y caprichos del diseñador.


Diseño Web Emocional

Si no despiertas emociones, no existes. Así de claro. Y si las despiertas negativas, pues como que ni te digo. Seguro que te ha pasado alguna vez de leer algún post en algún blog que parecía escrito por robots. Dudo muchísimo que te suscribieras a su newsletter, porque lo que de verdad nos mueve son las emociones. Lo mismo sucede con un diseño que no captan nuestra emoción, lo que termina sucediendo es que no nos engancha y nos marchamos a otra parte.

Antes de empezar con el diseño web, deberías dejar muy claros estos tres puntos:

  • Objetivos. ¿Cuáles son los objetivos del sitio web? ¿Qué es lo que queremos transmitir? ¿Qué esperamos que el usuario haga en cada página?
  • Usuarios. ¿Cuál es el perfil de nuestro cliente ideal? Si tenemos varios, tendremos que organizar la arquitectura de la información para dirigirnos a todos ellos, sino corremos el riesgo de no conectar con ninguno. Ejemplo: un chico joven de 20 años y una señora mayor de 75 años. Su modo de pensar y percibir el mundo es tan distinto, que si no segmentamos, no transmitimos nuestro mensaje.
  • Contexto. Se trata de definir en qué momento el usuario viene a tu sitio web. Un ejemplo es alguien que se quiere comprar un ordenador. Puede llegar a una tienda online de informática cuando aún no sabe ni el tipo de ordenador que quiere, o cuando ya tiene claro el modelo que busca.

Ejemplos de diseño web emocional

Veamos algunos ejemplos de diseño web emocional. Intenta sentir las emociones que te despiertan estas imágenes así como definir a qué tipo de público se dirigen. Esto te ayuda a la hora de crear tu propio diseño.

diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


diseno web emocional


¡¡ Despierta Emociones !!

La pregunta ahora es: qué emociones quieres despertar tú, qué es lo que quieres transmitir. Para el diseño de la web de eSandra hice una lluvia de ideas con palabras que definían lo que yo quería transmitir, como son: claridad, sencillez, profesionalidad, vitalidad, transparencia.. y con todas estas ideas, pensé en un diseño que transmitiera esto y conectara con mi cliente ideal (para eso antes había hecho un avatar del mismo).

Lo que tienes que tener claro es que es imposible que conectes con todo el mundo. Sería como querer gustar a todo el mundo y esto es imposible. Lo importante es que conectes con quien de verdad puede convertirse en un cliente potencial tuyo. Para ello, es necesario que estudies su psicología, esto es, que conozcas el modo de pensar de tu cliente ideal, porque sólo así puedes conectar con tus emociones.

Para nada se trata aquí de manipular, se trata de facilitar la conexión con las personas a las que tenemos algo de valor que ofrecerles. Lo que está claro es que si no hay contenido de calidad, no hay diseño que valga. Porque sí, puede entrar muy bien por los ojos, pero si lo que se lee no va en línea, se generará discordancia y la persona desconfiará.


Para acabar…

Antes de ponerte con un diseño piensa siempre en lo que quieres transmitir y con que tipo de persona quieres conectar. Es importante que alinees tu oferta con las demandas de tus potenciales clientes. El diseño web emocional sólo viene a ayudarte a que esa visita convierta en un cliente. Recuerda que somos seres emocionales que racionalizamos, conecta con las emociones de las personas a las que quieres llegar. Y sobre todo, piensa qué quieres que sientan cuando se marchen de tu web.

Te animo a dejar un comentario sobre cómo aplicas las emociones al diseño web y qué crees que se debería tener en cuenta. Si te ha gustado este artículo o te ha sido de utilidad, recuerda de compartirlo en tus redes sociales :-)

Un abrazo!


Comentarios

  • Carla

    Muy interesante. La verdad es que cada vez está todo más competitivo, con lo que no queda otra que ponerse las pilas..

    • eSandra

      Hola Carla,

      sí, es importante que recordemos la impresión y recuerdo que queremos dejar en la persona que viene a nuestra web, porque eso puede marcar la diferencia entre conseguir un cliente y perderlo.

      Un abrazo!
      Sandra

  • Erwin Cordón

    Hola, muy buen artículo, felicitaciones.

  • Liliana Benassi

    Me permito intentar definir el título de tu post en una sola palabra:
    Diseño Web Emocional = Impulso.

    De mi punto de vista al final los WebDesigner, somos creadores de impulsos y, como tu escribes, que no falte la psicología.

    Buena análisis!

    • eSandra

      Hola Liliana!

      así es, el diseño web emocional no deja de ir a los impulsos latentes que todos tenemos dentro, a tocar esa fibra que justo hace que la persona conecte con nosotros instantáneamente y quiera conocernos.

      un abrazo!
      Sandra

  • Mónica

    Hola, muy buen artículo, información interesante que hay que tener en cuenta a la hora de diseñar una página web. Gracias.

    • eSandra

      Gracias a ti por comentar :-)

  • Carlos

    Muy buen Post! estoy aprendiendo mucho contigo, gracias.

  • eduard

    Muchas gracias por el articulo, asta ahora no me había planteado hacer eso con las web que voy a realizar,pero de que generan emociones si es muy cierto,y gracias a tu articulo ya tengo mas en claro esto ,ya se que emociones quiero generar las personas que visiten mi web :D

    • eSandra

      Gracias a ti por comentar

  • Victor

    Hola, Muy bueno el artículo, buena recopilación de ejemplos. Te felicito!, para tener en cuenta. :)

    • eSandra

      Gracias Victor, un abrazo!

  • alfonso

    Sandra tus post cada día son mejores. No ayudas mucho a lis que estamos empezando en este mundo.
    Gracias!!!!!

    • eSandra

      Muchas gracias por tus palabras, Alfonso, me alegro te gusten :-)

  • edu

    Hola Sandra. Imagino que para hacer diseños así se necesita tener conocimientos de varias cosas, no basta solo con css3. Cierto?

    • eSandra

      Hola Edu, así es,

      hay que ser un profesional del diseño web así como saber conectar con las emociones de la gente.

      un abrazo!
      Sandra

  • Guille62

    Buen Artículo, yo tengo una forma muy parecida al momento de abordar proyectos. Me pasa que ahora trabajo en una empresa de desarrollo que hace poco implementaron área de diseño (antes era sólo informática, son un poco cuadrados) y pues que en las reuniones cuando decía NECESITO EL TARGET AL QUE VAMOS ENFOCADOS y en mi mente yo repetía “Que no lo diga, que no diga eso, no !!” y me soltaban “PUES PARA TODOS” creo que hay un antes y un después en una reunión cuando un cliente te dice eso, por que ya no sólo tenemos que trabajar en nuestro proceso de conceptualización y aplicación comunicacional gráfica, si no, que convencerlo que no va a causar el impacto que espera a todo el mundo.

    Saludos!

    • eSandra

      jajaja, suele pasar y cuando te dicen eso, se te cae el alma al suelo. Sin un objetivo claro y definido, no se llega a ninguna parte. Luego se preguntan por qué su web no da resultados, jejeje.. un abrazo!

  • albert

    Me has hecho replantearme algunas cuestiones para mi web.
    Voy a estudiar lo que mencionas.

    Yo tambien quiero emocionar…..

    Muchas Gracias

    • Sandra

      Sí, efectivamente, las emociones son clave, es como cuando vamos a comer a un restaurante, la comida primero ha de entrar por los ojos, luego saber bien. Pues una web ha de enganchar emocionalmente, y luego tener buenos contenidos, jeje.. yo aquí comparando gastronomía con diseño, jajaja. Un abrazo!