¿Dónde poner tu llamado a los botones de acción?¿Qué dice la investigación sobre CTA?

Cuando hablamos sobre la optimización del diseño web, gran parte de nuestra atención a menudo se dirige a los elementos obvios: contenido, color, tamaño, tipografía, etc.Pero, como hemos visto en el análisis sobre la optimización del logotipo, la colocación también juega un papel importante en la experiencia del usuario.Al construir un sitio web en torno a la experiencia del usuario, el objetivo final es desarrollar:
Un diseño estético agradable.
Un viaje de clientes que son fáciles de seguir desde el punto de entrada hasta la conversión.
Contenido que habla directamente al dolor del usuario y ofrece una solución tan necesaria.
Uno de los elementos más importantes que puede usar en el diseño web para dar forma efectiva a la experiencia del usuario es el impulso.
Si te perdiste el artículo reciente de Jon Penland sobre las mejores prácticas para el diseño, asegúrate de leerlo. Ofrece consejos sobre cómo diseñar los botones para que se parezcan a los botones, por qué debe usar el código sobre los complementos y, por supuesto, la importancia de la consistencia. Una vez que comprenda las mejores prácticas de diseño de CTA, eche un vistazo a lo que el CTA es la investigación. Los expertos pesan: ¿Dónde debe colocar CTA? A diferencia del argumento de colocar el logotipo, que solo tenía dos estudios para apoyarlo, esta pregunta “¿Dónde debería colocar mi CTA?” Es uno que los expertos en marketing están tratando de abordar con frecuencia. Y probablemente porque es muy frustrante. Por ahora, nadie ha presentado una solución clara, como la “esquina superior derecha de cada página web”, que resolvería este dilema del lugar donde pertenecen a un compromiso óptimo.
Investigamos los estudios, los diferentes enfoques adoptados y la razón de esta ambigüedad, ¿verdad?Evaluación no.1: arriba vs.Debajo del pliegue.Ah, sí.Esto solía desempeñar un papel importante en el diseño web: ponga todas las cosas importantes y luego la información secundaria a continuación.Pero eso fue antes de tener herramientas de prueba A/B y mapeo térmico para decirnos que este no siempre es el caso, cuál es el problema que nos enfrentamos ahora.Entonces, ¿qué encontraron los expertos?Según Kissmetrics, la colocación de CTA debe ser dictada por la complejidad de una página.Para una página más corta, con menos información, puede tener sentido colocar CTA sobre el archivo.Para una página más larga, que transmite una inversión más compleja y exhaustiva, CTA puede hacerlo mejor bajo el pliegue.
En una prueba realizada por Meclabs, intentaron demostrar este punto. Compararon la diferencia en la tasa de conversión entre: un diseño más corto de la página inicial que contenía una barra de navegación que distrae, la falta de una propuesta de valor en el contenido y un formulario de acción en la parte superior derecha de la página. Y un diseño de página de diseño más largo con contenido que ofrecía un valor más fuerte, más claro y más detallado. También eliminaron la navegación que distrae y colocaron el impulso en la parte inferior de la página. Lo que descubrieron fue que la apariencia más simple y más larga de la página tenía una tasa de conversión con un 220% más alta que la de la página de control inicial. La hipótesis básica aquí es que, debido a que les dieron a los visitantes toda la información útil que necesitaban de una manera limpia y simple, no los molestaron para esperar hasta el final de la página para interactuar con CTA “. El pliegue no tiene nada que ver con eso. Todo se trata de motivación “. Evaluación no. 2: Desktop vs. Móvil porque la mayoría de nosotros somos usuarios de teléfonos inteligentes, es fácil entender por qué se haría esta pregunta. Utilizamos teléfonos móviles para experiencias rápidas y convenientes con la web-on the Go, en el trabajo, mientras compran. Entonces, lo último que cualquiera de nosotros realmente quiere es obligarse a ejecutar o hacer clic innecesariamente en un sitio web para llegar al destino deseado. Entonces, ¿qué encontraron los expertos?
Bueno, es importante tener en cuenta que muchos de los estudios citados en este artículo se han realizado antes de que los teléfonos inteligentes jueguen un papel importante en nuestra vida personal y profesional diaria. Debido a esto, el problema de colocar CTA para escritorio vs. El móvil no se ha elevado demasiado (si es que lo hace). Sin embargo, esto es lo que pude descubrir: aunque los usuarios de dispositivos móviles se adaptaron a páginas más largas, la tendencia y la preferencia a hacer clic por encima de una página todavía existe. En un estudio de seguimiento visual realizado por mediativas hace unos años, querían saber si el comportamiento de búsqueda de Google había cambiado para los usuarios móviles. Esto es lo que encontraron: el resultado de la búsqueda orgánica principal aún ha recibido más clics que cualquier otro resultado en la página (incluidos los pagos). A pesar del hecho de que impuso a los usuarios de telefonía móvil a llevar a cabo los resultados de los anuncios pagados, estaban dispuestos a ejecutar para encontrar el resultado que Google consideró el más relevante.
Solo el 7.4% de todos los usuarios que hacen clic en la página con los resultados de búsqueda estaban dispuestos a marchar sobre la cuarta lista orgánica.

Aunque admito que esta información se refiere a las listas de búsqueda y no a una CTA, me gustaría creer que se aplica la misma lógica. En otras palabras, esto resume lo que la mayoría de los diseñadores web ya entienden: los usuarios móviles no quieren trabajar para encontrar la información que más importe para ellos. Dicho esto, esto no significa que estén dispuestos a hacer clic en cualquier CTA antiguo colocado en la parte superior de su página web móvil; tiene que ser relevante. Pero cuanto menos los haga, mejor. Evaluación #3: Left Vs Derecha es el descubrimiento más cortado y seco que podríamos encontrar en términos de colocación. La respuesta en cada debate entre la colocación izquierda o derecha de un CTA es “correcta”. Y todo por el diagrama de Gutenberg. Entonces, ¿qué encontraron los expertos? La mayoría de ustedes ya están familiarizados con este concepto, aunque es posible que no sepa que se llama diagrama de Gutenberg. El diagrama marca una “Z” en una página web, dividiendo las diferentes áreas ópticas de la misma. Cada extremo y punto de Z indica diferentes niveles de agudeza visual y atención de sus visitantes.
El sitio web de Dropbox sigue los principios del diagrama de Gutenberg.
Según este teorema, los dos puntos a la derecha (en el primer punto de “Z” e incluso al final) son el lugar donde los visitantes esperan tomar medidas. Así que no hay duda aquí sobre el lugar donde su exhortación está en términos de derecha o izquierda. Siempre debe estar en el lado derecho de la pantalla. Resumen de resultados En resumen, esto es lo que podemos recordar sobre la colocación de CTA:
Considere siempre AIDA (atención – interés – deseo – acción) antes de ingresar cualquier CTA en su página. Está bien colocarlo por encima del pliegue si ha creado una “mini experiencia” que ofrece toda la información que sus visitantes necesitan para hacer un decisión allí.

Está bien colocarlo debajo del redil si ha creado una historia en la que sus visitantes se sienten invertidos y querrán seguirla hasta el final.
También puede colocar CTA debajo del pliegue, siempre que use indicaciones direccionales para guiar a los visitantes.
Los usuarios móviles prefieren ejecutar menos, aunque solo si ha proporcionado todos los detalles relevantes que necesitan en el proceso de toma de decisiones.
La ley de Fitt dice que si desea que los visitantes interactúen con algo en su sitio, deben aparecer en su página. Por lo tanto, es mejor rastrear el flujo natural de sus usuarios de arriba a abajo y de izquierda a derecha.
Las exhortaciones a la acción son complicadas. Hay mucho que considerar cuando intenta ejecutarlos correctamente: tamaño, color, formulación, tipografía, espacio en blanco y ahora colocación.
Aunque los resultados anteriores ofrecen una guía clara y no clara, puede ser mejor hacer todo lo posible para colocar sus CTA dependiendo de lo que crea que reaccionará bien a sus visitantes. Luego prueba a/b. Hay una lógica en términos de cómo y por qué los CTA funcionan en diferentes lugares, pero no siempre sabe cómo reaccionará su audiencia, así que no lo obtenga.
Para usted: ¿Tu instinto te ha guiado mal al colocar un CTA?Te sorprendieron lo que te mostraron las etiquetas A/B:
botones
llamada a la acción
CTA