5 descubrimientos sorprendentes de optimización de la tasa de conversión de Neil Patel

5 descubrimientos sorprendentes de optimización de la tasa de conversión de Neil Patel

La optimización de conversión puede ser confusa.

Idealmente, optimizamos en función de los datos: las verdades frías y objetivas de las pruebas divididas. Siendo realistas, operamos con corazonadas, heurísticas y paradigmas. Aunque algunas de estas corazonadas pueden ser correctas, otras pueden estar sesgadas.

He estado optimizando mis sitios web antes de que existiera la optimización de conversión. Cada vez que me pongo agresivo con la optimización, descubro cosas sorprendentes.

Por ejemplo, formulo la hipótesis de que la página de destino corta (control) tendrá tasas de conversión más altas que la página larga (variable). Sin embargo, después de realizar pruebasmi hipótesis está completamente anulada.

En este artículo, compartiré algunas de las cosas sorprendentes que aprendí a través de mis esfuerzos de CRO. Llamo a estas características subestimadas porque a menudo no pensamos en ellas. Raramente aparecen en artículos que describen las «Ideas principales de prueba dividida».

El propósito de este artículo es sembrar algunas ideas y producir crecimiento para aquellos que quieren llevar su CRO al siguiente nivel. ¡Avíseme si prueba o cambia alguno de estos, y cuál es el impacto!

1. Fuente

Las fuentes son un gran problema en la optimización de conversión.

Según Jeremy Smith«Una de las áreas que más se pasa por alto en la optimización de conversión es el papel de las fuentes y la tipografía».

Cuando lo piensas, puedes entender por qué. Todo lo que leemos tiene una fuente. Poder leer algo es solo una parte de la ecuación. los camino en el que lo leemos es lo que impacta en las tasas de conversión.

Cada estilo de fuente comunica algo: limpio, moderno, confiable, cómodo, confiable, estable, divertido, etc. Esos sentimientos impactan cuánto o con qué frecuencia las personas se convierten.

Echa un vistazo a esta infografía:

guía-de-fuentes-de-neils

¿Puedes ver cómo cada una de las diferentes fuentes proyecta una sensación diferente?

Los dos tipos principales de fuente son serif y sans serif. Las fuentes sans serif como Helvetica y Arial tienen un aspecto limpio y moderno. Las fuentes serif como Georgia y Times son típicas en libros y medios impresos porque los trazos adicionales en los caracteres ayudan a la legibilidad.

fuente-serif-y-fuente-serif

Las fuentes sans serif se utilizan generalmente en títulos porque la falta de serif obliga al ojo del lector a moverse secuencialmente de una letra a otra, en lugar de un movimiento de barrido suave. Este ligero retraso hace que el usuario preste más atención al titular.

Estos dos tipos principales son solo el comienzo. Hay millones de fuentes diferentes. Cada fuente tiene un impacto ligeramente diferente en la comprensión y el enfoque.

La pregunta es, «¿Qué fuente funciona mejor?»

No hay una respuesta correcta. Depende de su sitio, su audiencia y muchos otros factores.

Aquí hay algunas sugerencias:

  • Las fuentes Serif pueden ayudar a mejorar la confiabilidad.
  • Comic sans y Papyrus nunca son una buena idea (fuente).
  • La gente lee la fuente de 12 puntos más rápido (fuente).
  • La gente lee las fuentes Times y Arial más rápido.

Tenga en cuenta que muchas personas acceden a su contenido en dispositivos móviles. La visualización de fuentes en dispositivos móviles es tan importante como la visualización de escritorio. El espacio de pantalla limitado significa menos flexibilidad cuando se trata de usar fuentes inusuales.

2. Interletraje

Lo más probable es que el interletraje rara vez se te pase por la cabeza, si es que lo hace alguna vez.

Eso está bien, porque es invisible. Kerning es el espacio entre letras.

Cada una de las siguientes palabras tiene un kerning diferente:

ejemplo de kerning

Fuente

Por lo general, notamos el interletraje solo cuando distorsiona el mensaje:

Megaflicks-señalización

He tratado la importancia del interletraje en una publicación anterior de Webinpixels. El punto que quiero resaltar aquí es que el interletraje afecta la legibilidad, lo que afecta las conversiones.

¿Qué ajustes de interletraje debe probar en su página para mejorar las conversiones?

  • Junto con las pruebas regulares de títulos, sugiero ajustar manualmente el interletraje de sus títulos. Pruebe con un kerning amplio frente a un kerning estrecho y vea si cambia algo.
  • Pruebe las variaciones de interletraje en la copia del botón.
  • Pruebe los ajustes de interletraje en su copia del cuerpo. A menudo, un kerning más ancho hace que la copia fluya más fácilmente, lo que permite que la página «respire».

Al igual que las fuentes, el kerning es un problema común y afecta cada interacción que tenemos con el contenido escrito en la web. Haga que su interletraje cuente.

3. Resolución de pantalla

Atrás quedaron los días de los tamaños de pantalla estándar.

Hoy en día, existen innumerables tamaños de pantalla, resoluciones, densidades de píxeles, anchos, altos, formatos y formas.

El tamaño de la pantalla y la resolución son importantes para la optimización de la conversión.

Las implicaciones van desde lo básico hasta lo avanzado:

  • Básico: haga que su sitio sea totalmente receptivo.
  • Medio: elija colores estándar y seguros para la web para las pantallas.
  • Avanzado: realice análisis de correo electrónico y listas de segmentos, y optimice los mensajes de correo electrónico para varios tamaños de pantalla.

No es difícil obtener datos que le permitan actuar en la optimización de la resolución de pantalla. Un vistazo rápido a Google Analytics (Audiencia → Tecnología → Navegador y sistema operativo) le brinda una visión instantánea de las métricas de resolución de su audiencia.

resolución-de-pantalla-en-google-analytics

Primero, deberías saber sobre el impacto de la resolución de pantalla en la optimización. En segundo lugar, debe optimizar para la resolución de pantalla más común entre su público objetivo.

A partir de los datos anteriores, sabrá instantáneamente que la mayoría de sus usuarios ven su sitio en dispositivos móviles: 360 x 640.

Una simple búsqueda en Google revela que Nokia, Samsung y Sony producen teléfonos inteligentes con esta resolución.

celular-con-pantalla-de-resolucion-de-360x640

Con las herramientas de navegador integradas, puede ver su sitio web en la resolución de pantalla seleccionada para ver cómo se representa, carga y aparece.

Usando Chrome, vi una página de mi sitio web, NeilPatel.com, para evaluar su visualización.

neilpatel-fuente-código

Este nivel de investigación es esencial para el proceso de optimización de su sitio para varios usuarios.

Más allá de la optimización de la conversión móvil, debe apuntar a la optimización total de la resolución de pantalla. La forma en que los usuarios interactúan con su sitio web de manera integral es una parte esencial de su optimización de conversión general.

4. Dirección de la mirada

Muchos sitios web utilizan imágenes de personas. Sin embargo, pocos sitios web prueban el impacto de dónde buscan esas personas.

Cuando vemos fotografías de personas, tendemos a mirar a los ojos. Una vez que vemos los ojos, tendemos a seguir la dirección de su mirada.

Deja que te enseñe. En la imagen de abajo, la mujer mira directamente al espectador. El mapa de calor de seguimiento ocular muestra que los usuarios mirarán el titular y luego la región alrededor de su ojo.

dirección de la mirada

Ahora, mira esta foto. Es exactamente igual, excepto por la posición de los ojos de la mujer. Ella ahora está mirando a la derecha. El mapa de calor de seguimiento ocular indica la diferencia que esto hace. Es más probable que los usuarios miren directamente a los ojos de la mujer y luego al producto del lado izquierdo.

dirección-de-la-mirada-2

Probar las variables de dirección de la mirada podría impactar poderosamente en sus tasas de conversión. En la mayoría de las fotos, las personas miran directamente a la cámara. Estamos acostumbrados a esto. Por esa razón, cuando un sujeto mira en una dirección diferente, es más probable que capte nuestra atención.

Elegí usar esta imagen de anuncio en Quicksprout.com porque la mirada de Ben se dirige al texto del anuncio. yo desear gente a leer ese texto del anuncio. Este anuncio realmente funciona, y una de las principales razones es la dirección de la mirada de Ben.

neil-patel-ben-huh

Observe los cuatro ejemplos de la página de inicio de Evernote a continuación. Todos los sujetos miran a lo lejos. Sin embargo, su mirada se dirige hacia el botón CTA. Esto influye en cómo los espectadores interactúan con la página.

evernotes-capturas de pantalla

Las dos variaciones de una página de destino a continuación brindan otro ejemplo de cómo la dirección de la mirada afecta el comportamiento del usuario y, por extensión, las tasas de conversión.

Esta foto muestra a un lindo bebé mirando al espectador:

mapa de calor del bebé

Es una buena página de inicio y una gran imagen, pero ¿podría ser mejor?

Sí, podría. Cuando la mirada del bebé se vuelve hacia el titular y la copia, las personas pasan más tiempo mirando los elementos importantes.

mapa de calor de la mirada del bebé

No se supone que las imágenes roben el espectáculo. En su lugar, deberían mejorar el elemento más importante de la página: la copia y el CTA.

Esta página de destino para un buscador de dentistas muestra a tres personas. Las personas se miran entre sí, lo que hace que los espectadores miren de persona a persona.

Esto nos distrae de mirar el CTA, los beneficios o el número de teléfono. Sería más estratégico imaginar personas mirando hacia los elementos importantes de la página.

1-800-dentista

5. Color de fondo

Es un hecho obvio entre los optimizadores de conversión: el color importa.

Existe una vasta literatura en torno a la psicología del color. He incorporado algunas de estas lecciones en mi infografía, “Cómo los colores afectan la tasa de conversión.”

El color de fondo es un aspecto de la psicología del color que tendemos a pasar por alto. El color de fondo de un sitio web establece el estado de ánimo de ese sitio. El estado de ánimo, a su vez, afecta el comportamiento del usuario, lo que afecta las conversiones.

Muchas veces, los optimizadores de conversión se enfocan en el color del botón, el color del título o el color de la fuente. Lo que tienden a pasar por alto es color de fondo.

Los dos anuncios a continuación tendrán diferentes impactos en el usuario, según la psicología del color y el usuario objetivo:

color de fondo-ejemplo

La mayoría de los diseñadores web recomiendan no usar fondos oscuros o negros. En el caso de Ferrari, sin embargo, el fondo oscuro es una elección estratégica.

captura de pantalla de ferrari

¿Por qué? Black evoca una sensación de lujo, que es la connotación que Ferrari quiere cultivar en los espectadores.

Nike, por otro lado, usa un fondo blanco con mucho espacio negativo. ¿Por qué? Este esquema de color de fondo evoca una sensación de libertad y movimiento, dos aspectos de la imagen de marca que son cruciales para el éxito de Nike.

nike-homepage-ejemplo

Conclusión

Esto es solo el comienzo. Hay muchos aspectos ocultos de su sitio web que influyen en las tasas de conversión.

Sugiero también probar CTA centradas en beneficios frente a CTA estándar, métricas para compartir en redes sociales frente a ninguna métrica, y ancho de línea para copia web. Cada una de estas cosas aparentemente pequeñas puede producir cambios significativos en sus tasas de conversión.

Asumir nada. Prueba todo. Optimiza constantemente.

¿Qué tipo de pruebas divididas ha realizado que produjeron resultados sorprendentes?