Diseño de Paginas Web

Cómo crear diseños que llamen a la acción

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (11 votos, promedio: 4,18 de 5)
Cargando...

Son muchos los sitio web que optan por utilizar estructuras con grandes espacios en blanco, lo que permite al usuario concentrar su atención en tan sólo unas cuantas actividades; aquellas que son consideradas las más relevantes del sitio y que generalmente llaman a la acción principal.

Llamar a la acción (o call to action en inglés) es un término que muy probablemente hayamos escuchado o leído en distintos artículos de diseño web, pero que en nuestra mente puede no tener mucho contexto.

¿Qué es una llamada a la acción o call to action?

Éste conjunto de palabras se utiliza para referirse al hecho de que los elementos de una página deben solicitar un tipo de acción por parte del usuario y de esa manera lograr un tipo de respuesta a tu contenido.

Los elementos a utilizarse para realizar esta función pueden variar según el tipo de página y el contenido, pero generalmente se utilizan botones para lograr este efecto.

Una vez que el usuario ha establecido la interacción con alguno de dichos elementos, se realiza alguna acción como por ejemplo una compra, suscripción a una lista de correo, registro de cuenta o descargas de archivos.

Llamada a la acción: caja de suscripción


Es por esto que resulta de alta importancia la elaboración y diseño de los elementos visuales que harán la llamada.

Una llamada a la acción es el punto de inflexión entre el rebote y la conversión; es decir, es la diferencia entre que un usuario deje el sitio o realice la actividad a la que lo estamos tratando de incitar.

Muchos diseñadores pasan por alto esta parte y terminan tratando a los botones como un elemento cualquiera del sitio.

Llamada a la acción o call to action

Además de darle un diseño atractivo que encaje con el sitio, los elementos que llaman a la acción deben idearse de tal manera que sean efectivos, recordemos que esta acción es la que marcará la diferencia.

El área de colocación, su tamaño, color y elementos adyacentes juegan un papel vital en la consecución de objetivos de la web.

Botones como llamada a la acción

El diseño del botón es la ayuda visual necesaria para que los visitantes se sientan atraídos, mientras que el texto que contiene el botón es la parte que inclinará la balanza para que terminen o no haciendo clic en él, ya que se encarga de decir por qué realizar dicha acción.

Un buen texto que incite a la conversión

La primera palabra es recomendable que sea un verbo, por ejemplo “Llama ahora” o “Comprar en Amazon”.

Una cosa que debemos evitar al redactar el texto del botón, es utilizar palabras que den la impresión de que se está dando una orden, trata de ponerte en el lugar del visitante y pregúntate qué es lo que desearías ver. Trata de añadir valor y relevancia a tu botón, en lugar de utilizar frases como “Compra ya tu camiseta”, las cuales son totalmente imperativas, utiliza otras como “Obtén tu camiseta aquí”.

Ubicación de tus call to action

Un botón entregará resultados en base a la posición donde se le coloque, si lo ubicamos de manera errónea las conversiones por parte de los visitantes serán pocas o nulas.

La gran mayoría de los diseñadores comete el error de colocar los botones de acción después de una gran cantidad de texto e información, esta clase de zonas se consideran saturadas, por lo que la atención del usuario se pierde fácilmente.

Trata de utilizar el espacio en blanco para hacer del botón un elemento más visible.

Sin embargo, utilizar demasiado espacio en blanco alrededor de un botón puede hacer que éste parezca no relacionado con el contenido que se presenta, algo que también puede afectar al rendimiento del call to action, ya que el usuario puede llegar a pensar que el botón es para algún otro tipo de acción distinta a lo que acaba de leer.

Es importante tratar de colocar el botón en una sección superior de la página, esto puede llevar a un mayor número de conversiones.

Incluso se puede optar por colocarlo en dos lugares a la vez, al inicio y al final, de esa manera el usuario no tendrá la necesidad de regresar.

Importancia del diseño limpio

Son muchos los sitio web que optan por utilizar estructuras con grandes espacios en blanco, lo que permite al usuario concentrar su atención en tan sólo unas cuantas actividades; aquellas que son consideradas las más relevantes del sitio y que generalmente llaman a la acción principal.

Generalmente utilizamos el término “limpio” para describir a una clase de sitio web que opta por utilizar un espaciado amplio, alineaciones simétricas y colores que promueven la amplitud.

Este tipo de estructuración promueve cierta sensación de profesionalidad y calidad, por lo que su uso en la comunidad de diseñadores ha venido en constante incremento.

Un diseño web limpio tiene la ventaja de ser simple y funcional, por lo que al aplicarlo en un sitio, esto mejora la experiencia de usuario.

Limpio no es lo mismo que minimalista

Comúnmente, cuando se habla de diseño web limpio, la mayoría de las personas piensan en minimalismo.

La confusión entre ambos términos es algo muy frecuente y fácil de cometer. Si bien hay algunas similitudes y coincidencias de los principios de diseño entre los dos términos, existen diferencias fundamentales.

  • El diseño minimalista tiende a centrarse en remover lo superfluo y los elementos no esenciales, para de esa manera permitir que el mensaje principal del sitio sea el centro de atención, es por eso que cada elemento que utilicemos debe tener un propósito totalmente justificable.
  • El diseñar de manera limpia nos lleva a refinar lo que ya exponemos, en vez de eliminar todo lo que se pueda. Esto llevará a que el diseño general sea equilibrado, permitiendo que la información fluya y sea fácil de consumir.

¿Cómo crear un diseño limpio?

Un diseño desordenado, lleno de elementos innecesarios, con un mal flujo y con saturación de espacios, representa un muy mala experiencia para el usuario.

Es por eso que se debe buscar un balance entre el contenido y los elementos gráficos que conforman la página, para que de esa manera disminuyamos la cantidad de elementos sobrecargados.

Diseño web limpio: balance

El uso del espacio en blanco en nuestros diseños, representa un área de descanso para la vista de nuestros visitantes, además de que proporciona un contraste entre el contenido y los elementos de diseño que conforman la página, ayudando al usuario a encontrar exactamente lo que está buscando y de esa manera disminuye la posibilidad de que abandone el sitio rápidamente.

Diseño web limpio: espacio en blanco

Es muy importante que busquemos dirigir la atención del visitante hacia donde deseemos mediante el uso de imágenes y gráficos.

Diseño web limpio: elementos gráficos

Combinar todos estos factores es lo que te llevará a crear un diseño visual armonioso y efectivo que centre al usuario en lo que te interesa más.

Al proporcionar un espacio adecuado entre los elementos de un sitio web se genera una sensación de amplitud, de calma y de elegancia.

8 respuestas

  1. Muy buen artículo. Antes de publicar cualquier diseño, ya sea un diseño web o cualquier otra cosa siempre hay que revisar bien todo, la composición, tipografía, etc. No es bueno que al publicar la página los usuarios puedan tener problemas al acceder a la página web desde el primer momento. Estos consejos son muy útiles para evitarlo y optimizar el diseño web.

  2. Muy buenos consejos para tener un buen mantenimiento de las páginas web y su diseño web. A veces pueden surgir errores que tenemos que solucionar para evitar que moleste a la navegación de los usuarios, sino perderemos la calidad de nuestro sitio web.

  3. La gran ventaja de tener una pagina web con estética profesional es la presencia de marca que demostramos de nuestra pagina y le damos mas importancia a la hora de demostrar la seriedad de nuestros servicios o productos, hoy día esto es el futuro y lo que busca la gente. Marcar presencia.

  4. Ricardo, estoy contigo, pero creo más en que el contenido prima sobre el diseño, ya que he visto numerosas web bien posicionadas con diseños espantosos. Yo creo en que las mejores ideas son aquellas que funcionan con pocos recursos.

    Saludos y gracias

  5. Gracias me ayudaron tus puntos de vista, es que en realidad soy novato y es la primera pagina web que voy a hacer pero mis ideas eran que una pagina con muchas imagenes y efectos visuales eran lo mas importante pero me has dado una mejor perspectiva acerca del tema. Gracias de antemano

  6. La coherencia entre diseño y contenido juega un rol de primer orden a la hora de crear una web. En buena medida, de ello depende el éxito o fracaso de los distintos proyectos web.

  7. Un artículo muy correcto, comparto tus consejos, yo mismo los tengo siempre presentes a la hora de construir una página. Es cierto que a veces te tienes que desviar un poco de ellos, principalmente porque hay clientes que tienen una idea fija sobre lo que quieren y te tienes que adaptar a ellos, aunque nunca sin comentarles antes tu punto de vista como profesional del medio.

    Saludos.

Deja una respuesta