Web Coach Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

La Psicología del Diseño Web

La Psicología del Diseño Web

A qué nos referimos con “psicología del diseño web”. Cuando conoces a una persona, la primera impresión es muy importante. Generalmente tardas unos 7 segundos en juzgar a alguien que acabas de conocer. La primera impresión suele ser la que se queda, aunque a veces cambiamos de opinión al conocer más a la persona. Con el diseño web ocurre lo mismo, solo que el juicio es mucho más rápido y generalmente no damos la oportunidad de conocer mejor el sitio, si nos cae mal.

Así es. Con las personas, a veces tenemos la oportunidad de coincidir más veces con ellas y cambiar nuestra primera impresión, tanto para bien como para mal. Pero con el mundo del diseño web, no tenemos esa oportunidad. Por lo general, solamente tenemos una. Por eso la psicología del diseño web es muy importante, porque esa primera impresión es clave para el impulso de tu negocio online.

psicología del diseño web


La Psicología del Diseño Web

El diseño web no solo requiere los conocimientos técnicos propios del mismo, sino también tener en cuenta ciertos aspectos de la psicología. No quiere decir que para ser un buen diseñador web tengamos que ser también psicólogos, pero sí tener claras algunas nociones y conceptos psicológicos con el fin de generar interés en el usuario de internet. La experiencia del usuario y la usabilidad son clave en el diseño web y también en el posicionamiento orgánico en Google, por ejemplo.

El entorno en el que se desarrolla el sitio y elementos tan sencillos como los colores, las fuentes (tipo de letra) y sus tamaños, la maquetación o las llamadas a la acción pueden ser detonantes del éxito o del fracaso de un diseño web. Esto es debido a que el ser humano responde de forma subconsciente a los estímulos visuales. Pero esto no es lo único.

Por ejemplo, imagina alguien que está interesado en encontrar un asesor financiero para adquirir un producto de ahorro. ¿Imaginas qué pasará si entra en un sitio web lleno de dibujos y muchos colorines, o con un tipo de fuente infantil? Aunque su contenido textual sea excelente, el usuario seguramente no lo tomará en serio y se marchará. En este post vamos a ver la Psicología del Diseño Web y como influye en el rendimiento y éxito o fracaso de los sitios.

Algo básico sobre la Psicología

Hoy hay pocos campos en los que no se aplique la psicología, de un modo u otro. Desde la política al diseño web, pasando por el marketing o la música.

La psicología es la ciencia que estudia la conducta, procesos mentales y experiencias del ser humano y tiene su origen en la filosofía, ya que trata de responder a preguntas trascendentales, además de ayudar a mejorar la vida de las personas y, como en este caso, predecir conductas.

Con el fin de comprender nuestro comportamiento y así poder elaborar sus teorías, la psicología recopila y agrupa datos sobre conductas, percepción, experiencias subjetivas, emociones, etc. Con la información recogida en estas investigaciones la psicología es capaz incluso de realizar predicciones de comportamiento.

Hay distintas ramas de la psicología, pero no nos vamos a detener en mencionarlas siquiera, ya que no es necesario para la elaboración de este post.

Sí que tengo que mencionar la psicología del consumidor y ese concepto que ha surgido en los últimos tiempos: el “neuromarketing”. Ahora, le añades a cualquier cosa el prefijo “neuro” y parece que queda patente su conexión con el estudio del cerebro. (Pero no te fíes demasiado de todas estas cosas… Que yo use ciertos elementos de psicología y neurociencia para diseñar sitios web, no convierte lo que hago en psico-diseño web ni en neuro-diseño web).

La Psicología Del Consumo

Cuando se aplica la psicología a un grupo concreto de personas, en este caso, a los consumidores, se intenta descubrir cuáles son los procesos mentales y emocionales que sigue ese grupo de personas que consumen. Dentro de esos procesos psicológicos se incluye uno muy importante: el proceso de toma de decisiones. ¿Por qué eligen un producto o servicio y no otro? ¿Qué factores influyen en la decisión? Esto es la psicología del consumo y su finalidad es conocer de antemano el comportamiento del consumidor tipo.

Solo para poner un ejemplo de psicología de consumo en nuestro entorno tradicional. En un súper, lo más básico suele estar al fondo. Tenemos que recorrer la mayoría de zonas menos relevantes para llegar al pan o la leche. Igualmente, colocan los productos que prefieren que compremos a la altura de los ojos, relegando a estanterías más altas y bajas los que interesan menos.

El Neuromarketing

Es muy parecido a la psicología de consumo, de hecho, está basado en gran parte en ella. Es el estudio de los procesos mentales que llevan a las decisiones de compra, desde los procesos mentales previos hasta los posteriores de la misma, y también su monitorización.

El neuromarketing es igual de legítimo que la psicología de consumo, pero cuidado con quienes se hacen llamar profesionales del neuromarketing, que tendrían que ser psicólogos y no lo son.

psicologia del diseño web


La Psicología de Consumo Aplicada Al Diseño Web

Antes he descrito en un ejemplo lo de las zonas y la colocación de los estantes en los supermercados. Estos mismos principios se pueden aplicar al diseño web.

¿Cómo se aplican principios de este tipo al entorno virtual del diseño de sitios web? Recordemos que el diseñador debe ser capaz de desarrollar sitios en los que las páginas, primero, despierten el interés del usuario y, después, le seduzcan.

Esto no se logra solamente con colores, tipos y tamaños de letra, etc. Si nos basásemos solo en estos detalles, y pese a ser capaces de diseñar una web espectacular desde el punto de vista estético, podríamos caer en el error de crear sitios carentes de funcionalidad (la funcionalidad es lo que hace que la web logre su objetivo, que puede ser desde llenar un carrito de compra hasta descargar algo gratis). Es decir, un sitio visualmente impresionante, pero nada funcional para el objetivo de conversión, cualquiera que sea.

Primera impresión de una web

Los tiempos en el mundo virtual son muy diferentes del mundo real. Por ejemplo, para Google, que tu web no sea capaz de cargar en menos de 5 segundos es mala señal. De hecho, lo ideal sería que cargase en menos de UNO. Igualmente, para Google, que un usuario esté dentro de tu web durante un minuto, ya es todo un logro. La mayoría de gente no lo hace. Si no encuentran lo que buscan o algo que les llame la atención en unos 30 segundos, prefieren salirse y entrar en otro sitio. Queda patente entonces lo que decía: los tiempos en internet son muy distintos.

Según esa misma regla, y si consigues que el usuario (o incluso puede que cliente potencial) se quede en tu web más de 30 segundos, ese primer minuto es crucial. Es como la primera impresión que tienes al conocer a una persona, que mencionaba al principio de este artículo. Ese primer minuto, extensible a dos, son los que van a crear una imagen de marca en la mente del usuario. Y también lo que hará que empiece o no a confiar en ti y tu servicio o producto.

Los colores y fuentes (tipo de letra)

diseño visual


La información que registra el usuario, en un 90%, es subconsciente y depende de la afluencia e influencia de las emociones que transmita tu web. Por eso los colores son clave, de vital importancia. No es que haya colores mejores que otros, todo depende de lo que tu web quiera transmitir (recuerda el ejemplo del asesor financiero de antes). Un sitio web satánico no creo que use colores de tonos rosáceos, por ejemplo, ni fuentes (tipos de letra) que den impresión de ser demasiado simples. Y uno de productos para bebés, no usará negros y sus fuentes serán lo más simples posible, e incluso infantiles o desenfadadas.

También influyen, por ejemplo, el espaciado entre letras y párrafos, la extensión del texto, el uso de titulares o encabezamientos, listas, mayúsculas y negritas, etc.  El texto debe ser lo suficientemente corto como para no agobiar y lo suficientemente largo como para comunicar plenamente tu mensaje (y que Google lo comprenda). Igualmente, ha de transmitir al usuario equilibrio, ligereza, espacio, libertad, y no peso, densidad, constricción.

Las imágenes

Un diseñador web sabe que la parte de la pantalla que antes y con más intensidad se mira es la parte superior izquierda. Por eso, generalmente, ponemos los logos casi siempre arriba a la izquierda o, como muy lejos, en el centro de la pantalla. Hay muchas otras cosas a tener en cuenta al respecto, que puedes leer con más detalle en el post Cómo diseñar una buena página de inicio.

Sobre las imágenes, aparte de la del logo, hay que hacer hincapié en lo que para mí es lo más importante (aparte de que sean imágenes realmente atractivas y que reflejen tu mensaje, claro): la homogeneidad. Me topo a diario con diseños web que mezclan imágenes en blanco y negro y en color. Sitios que mezclan imágenes de personas y abstractas que no tienen coherencia. O webs con imágenes de fotos reales y dibujos, vectores, etc. Unas muy grandes y otras muy pequeñas… En mi opinión, no respetar una línea homogénea de imágenes es un error garrafal. El usuario tal vez no lo advierta conscientemente, pero ese caos se registra en su inconsciente de forma negativa.

Otros factores no estéticos

Un sitio web y sus aspectos psicológicos no se ven influidos solamente por elementos como los anteriores, sino también en la maquetación, la funcionalidad y navegación, la usabilidad y experiencia del usuario etc. Algunos elementos importantes a tener en cuenta están listados debajo.

llamadas a la acción


Las Llamadas a la Acción

Se consideran llamadas a la acción todos aquellos elementos que incitan al usuario a HACER algo. Verás muchos artículos en los que te cuentan qué son las llamadas a la acción. Pero esas explicaciones nunca tienen en cuenta las llamadas a la acción “poco evidentes”. A mi modo de ver, hay llamadas a la acción de dos tipos, unas que son manifiestas y otras que son más sutiles. Hay que saber utilizar ambas, desde el punto de vista psicológico.

Lo que acabo de hacer arriba, poniéndote ese enlace a un post, para mí, es también una llamada a la acción, solo que no es tan explícita como las típicas: “ponte en contacto”, “suscríbete aquí”, “comprar”, “reclama tu descuento”, “síguenos en las redes sociales” y cosas similares.

Ahora que ya conoces lo que son las llamadas a la acción, y los dos “tipos”, evita a toda costa agobiar al usuario con demasiadas en una misma página y en general. Aclárate tú primero y define cuál es el objetivo de esa página concreta o la de la web en general (que el usuario te contacte, que se suscriba al blog, que se sume a tus seguidores en las redes, que pinche en los anuncios, etc.). Céntrate en una llamada a la acción estratégica porque, si hay más, el usuario puede agobiarse al recibir tantos mensajes imperativos, y terminar por irse. Piensa solamente en esas ocasiones en que entras a una tienda y no hacen más que agobiarte. Al final te vas de la tienda sin comprar nada.

El texto y la empatía

Estimular las emociones del usuario mencionando su problema, preocupación o necesidad (lo que yo llamo “el dolor del cliente potencial”) logra que la web empatice con él o ella. Simplemente esas menciones harán que conecte inconscientemente con la web y se sienta comprendido, el primer paso para sentir que ha encontrado la solución a su problema o necesidad.

Aquí ves la importancia que tiene CONOCER A TU PÚBLICO OBJETIVO, a tu nicho de mercado. Si piensas que tus productos o servicios “son para todo el mundo”, vuelve a pensar. Identificar el nicho de mercado para conocer sus necesidades es vital, ya que es la única forma que tienes para comunicarte con él: la empatía, esa conexión emocional. Lo que comunicas y cómo lo comunicas es trascendental para el éxito de tu negocio online. Y a esto se dedica la psicología del diseño web.

También es importante mencionar, en algún momento y en lugares estratégicos, los beneficios (racionales) que obtendrá si adquiere el producto o servicio.

Funcionalidad

Todo lo anterior (imágenes coherentes, textos sugerentes, llamadas a la acción, etc.) no servirá de nada si la funcionalidad y usabilidad del sitio web es un desastre. Asegúrate de que la web fluye como un caudal de agua, que el usuario vaya navegando de forma natural por los lugares estratégicos.

Asegúrate también, naturalmente, de que no hay errores técnicos. Imagina que no funcione el formulario de contacto, que tu teléfono esté mal puesto, o que un enlace a la cesta de la compra o de un artículo concreto estén rotos.

Importantísimo: la política de privacidad. Desde mayo de 2018, el 90% de los sitios web están obligados a exponer su política de privacidad, que ha de estar redactada muy cuidadosamente. Contrata un servicio legal de confianza para que te la hagan. También tiene implicaciones (y grandes) técnicas, como que los usuarios deben aceptar explícitamente la política de privacidad al suscribirse. De lo contrario, te pueden/puedes meter en un buen lío.

Conclusión

Como has visto, la psicología del diseño web no pretende ni mucho menos que los que diseñamos tengamos que ser psicólogos. Sin embargo, sí es importante tener algunos conceptos psicológicos en cuenta. Conceptos que, por otro lado, son de cajón. No son cosas inusitadas ni peculiares. Si lo piensas, son cosas bastante corrientes, aunque es verdad que poca gente cae en ellas.

¿Qué te ha parecido el artículo? ¿Te vas a diseñar tu propia web? ¿Cómo vas a aplicar algunos de estos consejos? ¡Comentarios siempre bienvenidos!

(¡Ejemplo de llamada a la acción explicita!)

Fuente: este post proviene de Web Coach, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

diseño web clientes ventas

El Diseño de Interfaz de Usuario y la Web.

Si está buscando un excelente diseño de interfaz de usuario para ayudar a tu sitio web … ¡Está en el lugar correcto! Hay tanta información que entrar en lo que define un gran diseño de interfaz de usuario. Va tan profundo como estudiar los detalles de la interacción humana y la psicología de una venta. Haré todo lo posible para explicar el concepto de un gran diseño de interfaz de usuario. ...

Diseño Web mitos sobre diseño web

12 mitos del diseño web en los que no debes caer

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. Un buen diseño web no es sólo una cara bonita Los mitos del diseño web son numerosos y no podemos explicarlos todos. Pero sí los más comunes. El primer mito del diseño web es que se trata de hacer que una web sea estéticamente “chula”. El más común mito del diseño w ...

general diseño web hacer una web ...

Tutorial de Diseño Web

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. Tutorial de Diseño Web Diseño web definición: Se define diseño web como la actividad que consiste en la planificación, estructuración, diseño e implementación de un sitio web. No es simplemente una aplicación del diseño convencional sobre Internet, como hacerlo gráfico para exp ...

diseño web

CÓMO AFECTA EL DISEÑO WEB AL POSICIONAMIENTO SEO

A la hora de diseñar una página web hay muchos aspectos a tener en cuenta. Sin duda uno de los más importantes es el diseño web. Sin embargo, no debemos priorizar el diseño web al posicionamiento SEO. Esto no significa que el diseño web no pueda ser atractivo, de hecho un diseño web atractivo ayuda al posicionamiento. Vamos a explicar como debemos hacer el diseño para que nos ayude a tener un corr ...

Diseño Web como diseñar bien pagina inicio cuidar diseño web ...

¿Descuidas tu Diseño Web? Descuidas tu Negocio

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. ¿Qué hacer para cuidar nuestro Diseño Web? ¿A qué aspectos del diseño web hemos de estar más atentos para que nuestro negocio online no se resienta? Si descuidamos algunos elementos importantes del diseño, podemos estar perjudicándolo gravemente. Ya sabemos que los aspectos más ...

Diseño Web errores al diseñar una web errores al hacer una web ...

Errores de Diseño Web para declararla oficialmente Zombi

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. 19 Errores de Diseño Web que Puedes y Debes Evitar Esto es una lista de errores de diseño web, muy comunes y más o menos graves. Como se acerca Halloween, y creo que también está a punto de volver el rollazo de los Walking Dead, ¿qué mejor momento para declarar tu web oficialme ...

Diseño Web consejos diseño web consejos usabilidad ...

5 Consejos para Mejorar la Usabilidad de tu Diseño Web ¡Fácil!

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. Mejora la Usabilidad de tu Diseño Web sin complicaciones Mejorar la usabilidad de un diseño web puede parecer irrelevante pero es uno de los factores más importantes a la hora de posicionar tu página. Uno de los factores más importantes para que Google te quiera mucho es el fac ...

general diseño de blogs diseño grafico ...

Diseño Web – Diseño Gráfico

Es muy común confundir estos dos términos. Suelen ir de la mano y a día de hoy son inseparables en lo tocante a la construcción de paginas webs. Quién hace diseño gráfico ha de saber de diseño web y viceversa. Si estás interesado en el diseño web visita: Diseño web  Diseño web II Diseño web III En el diseño gráfico lo que se busca es la presentación visual mas óptima y acorde a las necesidades y e ...

Negocios website

8 Consejos para una web sencilla y eficaz

8 Consejos para una web sencilla y eficaz Toda persona que quiera utilizar la tecnología como forma de publicitar un proyecto debe conocer la importancia de que el sitio web además de tener un buen diseño y contenido debe ser estructurado de forma sencilla y eficaz. Una página eficaz combina aspectos de estrategia, diseño, colores, marketing y psicología, con la finalidad de captar suscriptores y ...

Diseño Web (cat) WordPress menús WordPress ...

4 Trucos de Diseño Web en WordPress

Bienvenid@ a un nuevo post de Coach2Coach. Trucos para hacer tu contenido más fácil de encontrar en tu diseño web en WordPress En cualquier diseño web puede ser complicado saber cómo organizar y etiquetar el contenido de forma que sea fácil de acceder y encontrar para tus usuarios. Como sabes, esto es sumamente importante para Google puesto que la experiencia del usuario forma parte de la usabilid ...