¿Tu página de aterrizaje está convirtiendo bien? ¿Está convirtiendo mal? ¿Sabes por qué? Quiero decir, ¿realmente lo sabes?
Este artículo le brindará la ciencia y la psicología de por qué su página de destino atrae a los visitantes, o por qué podría obtener tráfico, pero no conversiones, para guiarlo a través de las mejores prácticas de optimización de página de destino.
Echaré un vistazo a los 5 principios del diseño de la página de destino que pueden significar la diferencia entre una página exitosa y una que solo ocupa espacio (o busca a tientas en la oscuridad).
Empecemos.
1. Señales direccionales
Las señales direccionales son clave en el diseño de la página de destino, ya que le dicen a la gente en qué concentrarse.
Lo más importante que debe recordar al diseñar su página de destino es que las personas no la ven como si fuera un libro. No es de izquierda a derecha, de arriba a abajo. Debe decirle a la gente cómo leer su página, y las señales direccionales (así como la encapsulación y el contraste, a continuación) son la forma de hacerlo.
Mi recomendación es decidir dos cosas en su página de destino a las que desea llamar especialmente la atención (por ejemplo, su CTA y la imagen de su producto, o tal vez un USP). Luego integre un par de las siguientes estrategias en su diseño y pruébelo A/B. (Cualquier buen creador de páginas de destino hará que las pruebas A/B sean sencillas). Tal vez su audiencia responda bien a la flecha abierta, o tal vez a la mirada más sutil. Pruébalo por ti mismo.
Hay tres formas principales en las que señalamos un punto de enfoque en las páginas de destino:
Flechas y líneas:
La forma más directa de dirigir la atención a un objeto o encabezado es dibujar una flecha o una línea hacia él. Los estudiantes de arte conocerán la importancia de las líneas, ya que los humanos tenemos un impulso natural (subconsciente) de seguirlas hasta su origen o su destino. Esto funciona muy bien para enfocar la mirada de las personas en su CTA, USP, propuesta de valor o imagen de producto.
Dirección de los ojos:
Los humanos son increíblemente buenos para reconocer el punto de enfoque de los ojos de las personas que los rodean. Recomiendo usar un software de seguimiento ocular en su página de destino para determinar dónde se enfocan las personas y si este enfoque está resultando en una mayor tasa de clics.
De lo que estoy hablando (gracias a Neil Patel por los ejemplos de seguimiento ocular):
Las caras son la imagen que más llama la atención que puede usar (vea el n.° 5 a continuación), y los ojos son la parte más llamativa de la cara.
Notarás que la mujer de la izquierda está mirando directamente a la cámara (o al visitante de tu página). La mujer de la derecha está mirando el producto que Sunsilk está tratando de vender. Puede ver en términos concretos cómo la mirada inicial se dirige a los ojos de la mujer y luego sigue a la izquierda hasta el producto, mientras que la cara de la izquierda recibe toda la atención y el producto ninguna.
Señalar/gesticular:
Le recomiendo encarecidamente que utilice una imagen de una persona en su página de destino, ya que se ha demostrado que es la imagen más atractiva (aunque hablaremos de eso más adelante). Algo para probar, sin embargo, es hacer que ese modelo gesticule o apunte hacia algo en lo que quieras centrar la atención.
Sin embargo, esta es peligrosa, ya que (en mi opinión) puede parecer cursi si se hace incorrectamente. Prueba a qué responde tu audiencia. He visto que esto aumenta y disminuye las tasas de conversión en muchos estudios de casos.
2. Contraste
Contraste de color:
El contraste es fundamental a la hora de diseñar páginas de aterrizaje. El ojo humano se siente naturalmente atraído por los colores contrastantes. Le recomiendo que considere el contraste de color para su USP y CTA, tal vez un botón de CTA naranja sobre un fondo azul oscuro.
Espacio en blanco:
La idea del espacio en blanco es bien conocida en el mundo del diseño gráfico y no deja de ser una parte vital del diseño de la página de destino. La idea es que el espacio en blanco es extremadamente influyente para centrar la atención en el espacio que no está en blanco. Por ejemplo:
Otra forma de utilizar el espacio en blanco es con encapsulación. En lugar de poner un borde alrededor de su CTA, USP o lista de beneficios (consulte mi artículo Fundamentos de la página de destino y principios de conversión para conocer las variables esenciales de la página de destino), intente hacer que el área que la rodea no tenga nada interesante. Lave el color, elimine la imagen. Esto llamará la atención de manera efectiva sobre su objeto, ya que se destacará mucho más que si estuviera en un área concurrida.
¿Funcionará esto mejor que una señal direccional? ¡Pruébelo usted mismo y descúbralo!
Formato de contraste:
El tamaño del formato (de la fuente, por ejemplo) también atrae la atención. En una prueba multivariada de 4 semanas en 2010, Paras Chopra probó el rendimiento de 12 combinaciones diferentes de una llamada a la acción y un enlace descriptivo:
La opción 10, con el mayor contraste de color, matiz y tamaño (además de la palabra Gratis), generó una mejora del 60 % en la tasa de conversión.
3. Color
El color es extremadamente (aunque inconscientemente) efectivo para provocar emociones en los espectadores. Eché un vistazo en profundidad a la psicología del color en mi serie sobre la ciencia detrás de un anuncio de Facebook exitoso, así que échale un vistazo para un análisis completo (¡con ciencia!).
Por ahora, aquí hay un desglose de cómo los humanos se ven influenciados por el color y cómo este conocimiento puede mejorar sus tasas de conversión:
Azul : El azul es, en ambos sexos y todos los grupos de edad, el color favorito de la mayoría de las personas, el 35 % de las mujeres y el 57 % de los hombres. Se dice que crea la sensación de confianza y seguridad. Los azules más claros son relajantes, mientras que los azules más oscuros denotan profesionalismo y sinceridad.
naranja : Llamativo, brillante y soleado, el naranja es uno de los colores más populares para las llamadas a la acción de las páginas de destino. Si bien un buen tono y una buena cantidad de naranja se consideran cálidos y acogedores, demasiado se ha asociado con la ingenuidad y la falta de profesionalismo.
rojo : El color rojo está asociado con la pasión, la emoción y la urgencia. Es un color peligroso en la publicidad, ya que muchas personas asocian el rojo con la negatividad y los errores. Sin embargo, atrae la vista mejor que cualquier otro color y da la impresión de que el tiempo pasa más rápido de lo que es (ya que hace que nuestro corazón lata más rápido) lo que nos hace actuar cuando de otra manera no lo haríamos.
Verde : Asociado con la riqueza y con temas ambientales, el verde es el color más fácil de procesar para el ojo. Verde también significa acción positiva (piense, ‘verde significa ir’) y afirmación.
El verde y el verde azulado también se han asociado con compradores con poco presupuesto compradores con poco presupuesto. También es el segundo y tercer color más popular entre hombres y mujeres respectivamente.
Púrpura : Asociado con la calma, la feminidad y la riqueza, el morado es el segundo color más popular entre las mujeres, con un 23 %. Curiosamente, a medida que las mujeres envejecen, aumenta su gusto por el color púrpura. Por otro lado, el morado es el color favorito del 0% de la población masculina.
Negro : Potente, elegante e intelectual, el negro significa permanencia, sinceridad y sofisticación. Si bien el negro, como el rojo y el naranja, puede ser un color peligroso si se usa demasiado, puede comunicar profesionalismo y sofisticación cuando se usa junto con un blanco fuerte y claro (evite los grises o bronceados, ya que desteñirán su mensaje).
4. Imágenes
Podría discutir la efectividad de una imagen de una persona sonriente en su página de destino durante horas (y lo he hecho…) pero créame que tener una imagen (especialmente una persona) probablemente mejorará sus tasas de conversión.
Algo que he visto recientemente, en realidad, es la incorporación de un testimonio de un cliente con la imagen de la página de destino principal](https://www.wishpond.com/landing-pages). Elija un cliente fotogénico y publíquelo junto a una afirmación que suene increíble de cómo su producto o servicio les facilitó la vida.
Pero dejemos eso por el momento, suponiendo que reconozcas su importancia y hablemos de por qué funciona:
Respondemos mucho más emocionalmente a las personas (o mascotas, aunque las personas generalmente provocan una respuesta más fuerte) que a las palabras o imágenes aleatorias. Nosotros, completamente inconscientemente, nos enfocamos en las caras de las personas que vemos (especialmente los ojos). En todas las imágenes de seguimiento ocular que he visto, los puntos más calientes son la cara y los ojos. A menos, por supuesto, que la imagen sea de una mujer y estemos hablando de un grupo demográfico masculino. Luego, el software de seguimiento ocular muestra que nuestra atención está… en otra parte…
En mi investigación para este artículo, encontré un artículo de VS Ramachandran (un neurocientífico de Oxford) que escribió que, a menudo, un dibujo lineal es más poderoso que una fotografía. Él escribe que esto se debe a que la ‘idea’ de una persona es más atractiva que su verdad (por qué gran parte del arte es una exageración de la forma humana, o por qué las caricaturas son tan estéticamente agradables). Omita los detalles, y todo lo que queda es la esencia de una cosa.
Aunque todavía no he visto un ejemplo de esto en una página de destino ni lo he incorporado a la mía, creo que quien lo haga verá un aumento espectacular en los clics. ¡Sé creativo y cuéntame cómo te va!
5. Tipografía y estilo
Pensará que me estoy volviendo demasiado detallado aquí, que las diferentes tipografías, formatos de texto o estilos en realidad no pueden aumentar o disminuir las tasas de conversión lo suficiente como para importar.
Esto es lo que ocurre con las pruebas A/B: los detalles sí importan.
Digamos que la página de destino de su sitio de comercio electrónico se está convirtiendo actualmente en un 23%. Está viendo un tráfico de alrededor de 2000 visitantes por semana y su compra promedio vale 50 dólares para su negocio. Ganas $23,000 por semana.
Digamos que cambiamos la longitud del título de tu página y cambiamos la imagen de una mujer mirando a la cámara a una mirando a la CTA (pequeños cambios, ¿estás de acuerdo?). Verá un aumento de la tasa de conversión del 10%. De repente, está convirtiendo al 25,3% y ha aumentado su ingreso semanal a $25,300. ¿Aumento de los ingresos anuales? $27,600.
Cambios de tipografía y estilo a la prueba A/B:
Tamaño de fuente para los encabezados y el texto del cuerpo (y la diferencia entre ellos) Longitud del encabezado (corta y sucinta versus larga y detallada) Número de tamaños de fuente diferentes (demasiados hacen que su página de destino sea confusa; recomiendo dos o tres) Fuentes: tenga en cuenta que diferentes fuentes son, por alguna razón, vistas como más amateurs que otras. En Wishpond nos gusta San Sarif para los titulares y Sarif para el cuerpo del texto. Evite la letra cursiva (excepto, tal vez para un encabezado) y comic sans es un no-no para un negocio profesional. Más texto versus menos (me gusta una página de destino simple: vaya al grano y deje cualquier información superflua para correos electrónicos posteriores o pestañas diferentes. ¡Pero prueba esto por ti mismo!)
Conclusión
Con suerte, ahora comprende un poco más de la ciencia y la psicología detrás de las mejores prácticas de diseño de páginas de destino para una optimización adecuada de la página de destino. Recuerde proporcionar pistas visuales sobre dónde desea que se concentre su visitante. No olvides los detalles, como la tipografía o la dirección de los ojos.
¡Y sigue probando! Siempre puede mejorar las tasas de conversión de su página de destino. Confía en mí.
Otras lecturas:
¿Ha tenido éxito (o frustración) al implementar estos fundamentos de diseño? ¡Déjame saber abajo en los comentarios!
Por James Scherer en Wishpond
