25 Ejemplos de botones convincentes de llamada a la acción

January 13|3 Vistas|

Resumen: A pesar de lo que mucha gente le dirá, no hay reglas duras y rápidas cuando se trata de botones de llamada a la acción. Sí, es cierto que los botones grandes y coloridos, rodeados por un montón de espacio suelen ser los más exitosos, pero es importan

Advertisement

A pesar de lo que mucha gente le dirá, no hay reglas duras y rápidas cuando se trata de botones de llamada a la acción. Sí, es cierto que los botones grandes y coloridos, rodeados por un montón de espacio suelen ser los más exitosos, pero es importante que cada botón se adapte a la tarea principal de la página web en cuestión, ya sea para Registrarse, Checkout, Registro o cualquier cosa más. Como diseñador, es su trabajo para que sea lo más fácil posible para los visitantes para lograr estas tareas y la llamada a los botones de acción son las herramientas más poderosas a su disposición, por lo que utilizarlos sabiamente.

En general, los botones de llamada a la acción deben ser simples y claros. Deben destacarse y llamar la atención del usuario. Todo debe ser cuidadosamente considerado, desde las palabras gatillo utilizado para los colores, tamaños, formas y posicionamiento. Estos botones deben ser muy visibles, pero no tan chillones que hacen su sitio feo o desequilibrado.

A continuación, examinamos de cerca los 25 botones de convocatoria más convincentes que se encuentran en la web. Examinamos por qué cada botón individual es tan exitoso. Con suerte, te darán una idea de algunos básicos hace y no hacer y ayudar a inspirar sus propios diseños.

1. WordPress e-Commerce

25 Ejemplos de botones convincentes de llamada a la acción

Es importante dejar que el botón se destaque utilizando el color. Si puede elegir un color que se vincule con la paleta de su sitio, como éste, los resultados son mucho más atractivos.

2. Skype

25 Ejemplos de botones convincentes de llamada a la acción

Este botón "Descargar ahora" es bastante simple. No es particularmente grande o de colores brillantes. Sin embargo, está rodeado por un montón de espacio en blanco, lo que lo hace aún más notable para los usuarios.

3. Picsengine

25 Ejemplos de botones convincentes de llamada a la acción

Picsengine se basa en la colocación para el éxito de su botón "Ver en acción". El botón está pegado justo en el centro de la página, sin ningún otro texto que distrae, enlaces o botones que lo rodean.

4. Mozilla Firefox

25 Ejemplos de botones convincentes de llamada a la acción

El botón "Descarga gratuita" de Mozilla Firefox ha estimulado mucho debate. La mayoría de las personas, incluido yo mismo, creen que su diseño grande, de forma irregular, vívidamente coloreado es verdaderamente revolucionario en términos de gráficos de llamada a la acción. Una pequeña minoría, sin embargo, argumenta que es confuso y no se asemeja a un botón en absoluto.

5. CakePHP

25 Ejemplos de botones convincentes de llamada a la acción

El botón "Descargar" de CakePHP se ha creado con un tamaño grande y una forma inusual en mente. Su claridad, sin embargo, no ha llegado a expensas de la estética general del sitio. Se sienta cómodamente en el fondo gracias a su esquema de color a juego.

6. Crazyegg

25 Ejemplos de botones convincentes de llamada a la acción

Crazyegg ha diseñado su sitio alrededor de su botón de llamada a la acción, que se sienta orgulloso en el medio de la página principal, rodeado de un montón de espacio en blanco. Su color amarillo brillante es reflejado solamente por el otro botón de la llamada-a-acción en la página - el botón mucho más pequeño de la "conexión" en el derecho superior.

7. Litmus

25 Ejemplos de botones convincentes de llamada a la acción

Litmus no ha exagerado con su botón de llamada a la acción; Sin embargo, es muy claro, gracias en gran parte al espacio vacío que lo rodea y su forma redondeada, que no se repite en ningún otro lugar de la página.

8. StumbleUpon

25 Ejemplos de botones convincentes de llamada a la acción

Tener un objetivo de función principal por página hace que sea más fácil para los usuarios localizar los botones de llamada a la acción, pero a veces esto simplemente no es posible. Hay cargas para hacer clic en la página de inicio de StumbleUpon, pero el botón "Start Stumbling" realmente se destaca, gracias a su uso de color en un ajuste por lo demás monótono

9. Recuerde la leche

25 Ejemplos de botones convincentes de llamada a la acción

Recuerde que la leche ofrece a los visitantes varias opciones en su página principal, pero la más importante: "¡Regístrese ahora!" - es, con mucho, la más clara, colocada en el centro de la página, rodeada por una caja de color y capitalizada. No hay necesidad de colores llamativos, brillantes aquí.

10. Creatividad de Lifetree

25 Ejemplos de botones convincentes de llamada a la acción

Lifetree Creative ha conseguido que su botón de llamada a la acción sea realmente grande, incluso más grande que el logotipo de la empresa, sin hacer que la página aparezca desequilibrada. El color, la forma, el tamaño y el espacio se han utilizado con gran efecto aquí.

11. Dailymile

25 Ejemplos de botones convincentes de llamada a la acción

Dailymile ha hecho algo bastante inusual con su botón de llamada a la acción. Se presenta encima de todo lo demás en la página, con una sutil sombra detrás de ella. Ayudado también por el hecho de que es verde, el botón realmente sobresale.

12. Carsonificado

25 Ejemplos de botones convincentes de llamada a la acción

La página de inicio de Carsonified contiene mucha información, sin embargo, el botón "Buy Your Tickets" brilla a través de su uso de mayúsculas y color. Las letras blancas se destacan muy bien contra el rojo.

13. planHQ

25 Ejemplos de botones convincentes de llamada a la acción

PlanHQ ha utilizado el poder del espacio en blanco para acentuar sus botones de llamada a la acción. Ni de colores brillantes ni de gran tamaño, estos botones son claros gracias a los bloques de blanco que se sientan.

14. Cosas

25 Ejemplos de botones convincentes de llamada a la acción

Things tiene dos botones de llamada a la acción en su página principal, los cuales son de importancia similar a la de la empresa. Por esta razón, tienen una forma, tamaño y color idénticos, pero ambos se destacan bien contra el azul claro y el gris.

15. Livestream

25 Ejemplos de botones convincentes de llamada a la acción

El rojo es un excelente color para usar cuando quieres llamar la atención sobre algo. Se destaca mejor contra un fondo blanco y negro, como el utilizado en la página principal de Livestream. La forma de flecha del botón "Broadcast Now", en la esquina superior derecha, insta a los usuarios a hacer clic en adelante.

16. Ncover

25 Ejemplos de botones convincentes de llamada a la acción

Ncover es otro sitio con dos botones de llamada a la acción en su página principal. Al usar el color verde contra un fondo azul, Ncover ha logrado priorizar un botón más importante sobre el otro.

17. Cuadro de instrumentos

25 Ejemplos de botones convincentes de llamada a la acción

El rojo contra un fondo blanco y negro ofrece otra vez aquí. Además de su color, el botón "Try it Free!" De Dashboard es muy visible gracias a su tamaño, que ofrece suficiente espacio para el logotipo y "Inscribirse en 60 segundos" para ser incluido.

18. Personas libres

25 Ejemplos de botones convincentes de llamada a la acción

Esta página podría parecer bastante estándar, pero le sorprendería la cantidad de sitios de comercio electrónico que se equivocan cuando se trata de sus botones "agregar al carrito / cesta". El botón Free People es obvio sin ser desagradable, gracias a su color y tamaño grande pero modesto.

19. ClickFormant

25 Ejemplos de botones convincentes de llamada a la acción

Por lo general, es mejor utilizar palabras activas estándar de la industria para los botones de llamada a la acción. Para una lista de correo, el botón debe leer normalmente "Registrarse" o "Unirse". Ocasionalmente, sin embargo, variar estas palabras puede realmente añadir a la imagen de marca de una empresa. Esto es lo que ClickFormant ha hecho usando la palabra "Inform".

20. Kalculator

25 Ejemplos de botones convincentes de llamada a la acción

Los botones de llamada a la acción grandes y de gran tamaño suelen tener mucho éxito, pero pueden parecer feos y, a veces, un poco desesperados. Consciente de esto, Koombea ha utilizado posicionamiento, color, espacio y forma, en lugar de tamaño, para hacer brillar su botón.

21. Basecamp

25 Ejemplos de botones convincentes de llamada a la acción

Basecamp está dirigido por un grupo muy inteligente, por lo que no es ninguna sorpresa que su botón de llamada a la acción es tan inteligente. Muchos sitios cometen el error de colocar un botón en la parte superior de la página, lo cual es genial, hasta que el usuario se desplaza hacia abajo y se oscurece. El botón de Basecamp aparece dos veces: una vez en la parte superior y de nuevo en la parte inferior.

22. Spotify

25 Ejemplos de botones convincentes de llamada a la acción

El botón "Comprar ahora" de Spotify es un excelente ejemplo de cómo utilizar el color y el espacio de manera óptima. Verde brillante y rodeado de blancura, el botón es evidente para todos.

23. Dropbox

25 Ejemplos de botones convincentes de llamada a la acción

El diseño de la página de inicio de Dropbox es tan lógico y simple como Dropbox (una herramienta fantástica, que realmente deberías probar si no lo has hecho ya!). Los visitantes no tienen ilusiones de lo que deberían hacer aquí. Pueden "Ver un video" o "Descargar Dropbox" - es tan simple como eso.

24. 280 Diapositivas

25 Ejemplos de botones convincentes de llamada a la acción

El botón "Try it now ..." en 280 Slides es grande ... muy grande! No hay forma de que un visitante pueda perderse. Es azul, del mismo color que el fondo, así que no parece tan desagradable como podría fácilmente.

25. FlockDraw

25 Ejemplos de botones convincentes de llamada a la acción

El botón "Inicio de dibujo" de FlockDraw es uno de los más atractivos de esta lista. Además de su gran color, que lo distingue del fondo silenciado, está sutilmente iluminado y subrayado con pinceladas multicolores.

Conclusión

Si un tipo de botón de llamada a la acción tuvo más éxito que cualquier otro, puede estar seguro de que cada sitio web lo usaría. Si bien es posible identificar similitudes entre los botones de arriba, hay claramente muchas diferencias también. Es vital que pruebe diferentes combinaciones de botones de llamada a la acción en su sitio, para ver cómo afecta cada uno a las tasas de conversión. Puede hacerlo fácilmente utilizando el Optimizador de sitios web de Google. Sea cual sea su apariencia de botones de llamada a la acción, sin embargo, asegúrese de que se ajusten a su diseño general del sitio web.

Etiqueta:

Artículos relacionados

Popular

Último