5 conceptos psicológicos que los diseñadores web deben usar para maximizar conversiones

5 conceptos psicológicos que los diseñadores web deben usar para maximizar conversiones
feature

Con el fin de crear páginas web que realmente hagan una diferencia en términos de conversiones, los diseñadores necesitan entender cómo el diseño puede motivar a los usuarios a la acción, en lugar de solo navegar y abandonar.

Características sutiles y frecuentemente invisibles pueden jugar un papel muy importante para ayudar a que los usuarios llegen a la conclusión deseada. Ahí es donde entra en juego la psicología.

La psicología afecta a todo el mundo sin que nos demos cuenta y esto es importante para los diseñadores cuyas páginas web tienen menos de un segundo para producir un impacto.

Aquí hay cinco conceptos psicológicos que todo diseñador necesita a fin de aumentar ventas.

1. La proporción áurea

Para crear páginas bonitas, tienes que basarte en principios que implican mucho más que la teoría del color y fotografías convincentes. Mientras que no deseas omitir estos elementos, hay un concepto aún más importante que puede hacer o deshacer tu diseño de páginas web, incluso antes de empezar. Es llamado proporción áurea.

El uso de la proporción áurea como paso fundamental en el diseño web, está basada en el hecho de utilizarla para crear objetos de arte, incluyendo pinturas, arquitectura y música. Es reconocido desde hace milenios como elemento esencial en el arte y diseño (incluso los egipcios lo utilizaron en la construcción de las pirámides), de tal forma que también es llamada “la divina proporción”. Está relacionada con la sucesión de Fibonacci, que se encuentra de forma natural en las conchas de mar, huracanes y hasta en la forma espiral de las galaxias.

La sucesión de Fibonacci es probable que la hayas escuchado en la escuela al resolver los rompecabezas de matemáticas. Esta sucesión particular proviene de agregar los últimos dos números al siguiente. Ejemplo, 0,1, 1, 2, 3, 5, 8, 13, 21, 34. Usando los números de Fibonacci como dimensiones de cuadros y el dibujo de círculos dentro de ellos, llegarás al mencionado espiral.

La sucesión de Fibonacci

Es necesario añadir este concepto al diseño de tu página web, ya que es muy atractivo para el ojo humano. Como probablemente sabes, la velocidad de carga de la página es importante para mantener a los visitantes y evitar el rebote, la proporción áurea ayuda con esto. Académicos creen que encontramos la proporción áurea porque nos hemos adaptado a la digitalización de las imágenes más rápido ha sido una forma de usarlo.

Aquí cómo puedes añadir este elemento básico en el diseño de tu página web. El número de proporción área es 1.61. A modo de ejemplo, si tienes la intención de crear una página web de 900 pixeles de ancho, entonces simplemente divides el número por 1.61. Obtendrás 559.0. Ese número, o 560, te dará el ancho que necesitas para el texto en el cuadro principal. La columna de la derecha (o izquierda), será la diferencia de 900, menos 560, lo que equivale a 340. Esta misma relación se aplica también a los objetos verticales, tales como la altura de los gráficos dentro de tu encabezado.

diseño de tu página web

Tal vez no quieres un sidebar amplio. No hay problema, sólo tiene que utilizar el espiral interior para definir dónde comienza el sidebar, como se ve en el siguiente ejemplo. El efecto global seguirá siendo atractivo a la vista, ya que sigue la proporción áurea.

Proporción de oro

Otra forma de determinar el tamaño, sería diseñando una cuadrícula con nueve cuadrados sobre la página web proyectada. Siguiendo los cuadros estarás cercándote a crear el efecto que deseas. Utiliza una proporción de dos a uno (dos cuadros para la columna principal y otro para la derecha). Esto se puede ver en muchos sitios web donde el área de contenido es 600px y la barra lateral es de 300 px de ancho.

2. La psicología del color

Los colores que elijas usar en el diseño de tu web influirá en cómo responden a tus visitantes a ella y a la marca. No es al azar ni para que se vea bien, sin tomar en cuenta el impacto de tu elección de colores tendrá sobre los visitantes. Colores solos pueden ayudar a que las personas te compren o vayan a otro lugar.

El color tiene un impacto tan grande, que un estudio reveló que las personas a menudo toman la decisión de comprar, basándose sólo en el color. También reveló que la mayoría de las personas  toman las decisiones de compra dentro de tan sólo 90 segundos. Pensé que hacía decisiones rápidas, pero resulta que todo el mundo las hace.

Incluso los nombres de los colores tienen un impacto en las ventas. En la industria cosmética, se invierte una gran cantidad de esfuerzo en la selección de los nombres de los productos, porque saben lo mucho que esto puede afectar a su éxito. En un experimento, se le dio a las participantes muestras de productos con nombres genéricos o nombres de "fantasía". Los nombres de colores de fantasía afectaron favorable y significativamente la forma en la que se percibió un color. ¿Prefieres el labial color marrón o nuez moscada?

Otra investigación demostró este efecto con respecto a otros productos, como crayones y helados. Cuando los mensajes de marketing incluyen esto, como el nombre de un sabor o el color de un producto, los compradores buscan el significado detrás de la desviación, lo que puede conducir a una mejor opinión sobre el producto.

Entonces, ¿cómo debes utilizar la psicología del color en su comercialización? Si vas a crear un sitio web para una nueva marca, los colores evocan diferentes emociones y provocan a varias acciones. Esta tabla de colores es un buen lugar para comenzar tu investigación.

Si estás trabajando con una marca establecida, tienes que apegarte a la paleta de colores que ya ha sido creada. Sin embargo, esto no quiere decir que estos son siempre los colores que debes utilizar. La respuesta a qué colores convierten mejor se reduce a las pruebas A/B. Se trata de encontrar el equilibrio entre lo que encaja con la marca y que convierte. No verías a Ferrari con un botón rosa brillante en su sitio web ¿cierto?

En el siguiente ejemplo, un sitio web de viajes tiene varias tarjetas que se pueden solicitar. Originalmente, el botón "aplicar ahora" era de color naranja, para que coincidiera con el logotipo. Ellos realizaron una prueba para evaluar el botón verde y el resultado fue un aumento del 9% en clics. Una gran victoria cuando solo se trata de cambiar el color de un botón. Hasta que tenga un 100% el porcentaje de clics, siempre habrá una prueba A/B que puedas ejecutar. Sólo asegúrate de hacer un cambio a la vez y también que los resultados sean estadísticamente significativos.

ejemplo color

3. Aplicación de la ley de Fitts a la interacción humano-computadora

También debes tomar en cuenta la Ley de Fitts al diseñar una página web. Esta ley fue creada antes de las computadoras modernas, sin embargo, todavía puede ayudarte a obtener mayores tasas de conversión.

La ley Fitts aborda la facilidad con la que un objetivo puede ser alcanzado a cierta distancia moviendo la mano de un punto a otro. Se observó que cuanto menor es el objetivo y mayor es la distancia, más difícil sería llegar a él con exactitud usando la mano.

La importancia de la Ley de Fitts en el diseño web, se puede ver cuando se tiene en cuenta hasta qué punto necesita mover el cursor del mouse para interactuar con un botón (por ejemplo, el botón “compre ahora”). Cuanto mayor sea la distancia y más pequeño sea el botón, tendrás menos precisión.

En el ejemplo de abajo en el lado izquierdo, verás la cantidad y el botó “compre ahora” juntos, el botón también es una característica dominante. En el ejemplo de la derecha, se ha incrementado la distancia entre los elementos (objetivo) y el botón redujo significativamente su tamaño. De acuerdo con la Ley de Fitts, el ejemplo de la izquierda podría generar más ventas o conversiones.

Ventas - Ley Fitts

Esta pequeña decisión de diseño puede desempeñar un papel importante en la conducción de más ventas, porque es tan fácil oprimir el botón equivocado, como oprimir el botón correcto. Puedes esperar a que esto suceda en tu interfaz si tus botones son pequeños y el correcto está cerca del negativo (por ejemplo, “regresar” o “cerrar”). Idealmente, quieres que haya una distancia cómoda entre ellos, para que estos últimos no sean seleccionados por accidente.

También puede haber un problema causado por diversos dispositivos y la forma en que se llevan a cabo, tales como mouse de bola. Un usuario podría perder un botón o enlace si se coloca en el comienzo de la página web, o se utiliza otro método como los menús emergentes en los que es necesario navegar por la página.

Por esto es importante considerar la Ley de Fitts cuando estás creando una página web para móviles. Quieres que sea fácil acceder al botón correcto, en lugar de que sea seleccionado por accidente. Ambas orientaciones deben ser consideradas.

4. La psicología de la elección

Puede ser tentador colocar todos tus productos en una página y esperar que los clientes hagan su elección. Sería sencillo si funcionara de esa forma. Por desgracia, no es tan fácil.

Una investigación muestra que los clientes se niegan a tomar una decisión cuando hay demasiadas opciones disponibles. El exceso de elección puede crear una “parálisis de elección”, incluso puede provocar la insatisfacción una vez que se ha tomado la decisión, a pesar de que haya sido una buena. Parece que hay algo cierto en esta frase “la hierba siempre parece más verde”. En lugar de ofrecer más, es mejor ofrecer menos. Haz que las elecciones sean más fáciles para tus visitantes y descubrirás que más personas quieren comprar.

Esto significa que necesitas mantenerlo simple cuando se trate de construir tu sitio web. Asegúrate de no tener una gran cantidad de llamados a la acción o una gran cantidad de opciones y lugares en los que el usuario tiene que hacer clic. En lugar de ayudarte a vender más, esto solo los confundirá. Haz que lo que quieres que hagan tus visitantes sea claro y será más fácil elegir para ellos. En pocas palabras, menos opciones significan más ventas.

opciones - conceptos psicológicos

Nuestra hompage es un buen ejemplo. Hay pocas opciones disponibles, pero en lugar de reducirlas aún más, se incita a los visitantes a tomar la acción, no solo mediante el uso del color, sino también con el tamaño y realce.

Opciones: concepto psicológico

La imagen de arriba es otro ejemplo de varios planes de precios. Hay un número ilimitado de opciones que se podrían ofrecer, pero lo mantienen simple con tres y la oferta para generar más ingresos está en el centro.

5. La aprobación social influye en los consumidores para actuar

Los seres humanos están programados para creer en algunas cosas y la psicología juega un papel importante en eso. Esto se conoce como sesgos cognitivos, hay toda una serie de ellos que somos a los que somos susceptible. La comprensión de cómo estos sesgos influyen en el comportamiento de un visitante de tu sitio, es esencial cuando se trata de convencer a las personas a que compren.

Uno de los sesgos cognitivos más comunalmente utilizado en marketing es la aprobación social. También llamada influencia social, se refiere a que los individuos asumen que las acciones de los demás es el curso correcto que hay que seguir.

Cuando muchas personas compran un producto, les gusta y comparten esa experiencia positiva, es una prueba de que el producto es bueno y como resultado más personas lo compran. Esta es la aprobación social en su máxima expresión. El hecho de que una persona pruebe un producto y le guste, es una buena razón para que otro lo pruebe también.

Hay muchas formas para incluir la aprobación social en tu sitio web. Puedes incorporar testimoniales e incluir imágenes de los clientes felices. Los testimoniales en video tienen más probabilidades de ser creables. También puedes mostrar cuántas personas son tus clientes o las personas que están siguiendo a tu empresa en redes sociales.

Otra opción es mostrar las publicaciones importantes que han dejado tus clientes o las marcas asociadas. Todo esto es la prueba social que te ayudará a crear confianza entre tu página web y tus visitantes. A continuación se presentan algunos ejemplos de aprobación social en acción.

Aprobación social

Como muchos sitios de comercio electrónico, esta tienda Shopify tiene una sección de comentarios del producto, los clientes pueden calificar y comentar las publicaciones de otros. Lo que hace a estas revisiones de productos más eficaces no es solo la imagen del usuario, sino también los detalles específicos como la edad. Esto añade un punto extra en la autenticidad de la prueba social.

prueba social.

The Huffington Post disponible la barra para compartir en redes sociales en la parte superior derecha para que los usuarios puedan ver al instante cuántas veces el artículo fue compartido. Si vale la pena compartirlo, sin duda vale la pena leerlo.

prueba social.- mas ventas

Este blog opera mediante la colaboración con las principales marcas. De modo que en la página principal destaca las asociaciones con marcas anteriores, lo que da más peso y credibilidad al blogger.

Usa la psicología para maximizar tus resultados

El aumento de las conversiones puede tomar un poco de reflexión, pero mediante el aprovechamiento de estos cinco conceptos psicológicos pueden ayudarte a mejorar tu experiencia de usuario y tus ingresos. Tus visitantes no notarán la diferencia, pero te alegrarás de tomar estos conceptos para aplicarlos en tu sitio web.


Autor

Sobre el autor

Amar es un profesional de marketing, fundador del sitio de viajes  Gap Year Escape y de la empresa de comercio electrónico Suave Grooming. Ha sido emprendedor durante más de siete años y ha gestionado empresas mientras viaje por los siete continentes. Síguelo en Twitter.

Temas:

Deja comentario ...

Empieza tu periodo de prueba de 14 días gratis con Shopify