Uno de los aspectos que más influyen en nuestras landing pages es sin duda la disposición de los elementos en la misma, la claridad visual. Todos los que nos dedicamos a esto sabemos que las llamadas a la acción deben de estar claramente diferenciadas del resto del contenido.

Dependiendo del diseño de nuestra landing podemos redireccionar la visión de los visitantes a donde queramos, que por lo general serán nuestras llamadas a la acción. Para eso os dejo unas reglas que seguro os ayudan a aumentar vuestra claridad visual, y consecuentemente… Las conversiones del sitio.

• Usar fuertes contrastes de colores. Podemos colocar un formulario que queremos que rellenen en la columna derecha, con un diseño monocromático o con un color mínimo comparado con el resto del diseño.
• Si es así, prueba a colocar un fondo sombreado para hacer resaltar el formulario.
• Usar una imagen poderosa o considerar la colocación de la misma. Los usuarios no prestan atención a las imágenes de estilos de vida (ejecutivos, etc…) Mejor es usar imágenes del rostro de personas, ya que llaman más la atención de los usuarios, y si están encima de la llamada a la acción deberían de estar mirando la acción o contenido que queremos que miren los usuarios. El sujeto de la imagen nuca debe de mirar a los ojos del usuario, les distrae.
• Si no hay barra izquierda de navegación dejar el suficiente espacio en blanco desde el navegador para que los usuarios puedan recolocar su visión.
• Usar texto grande para titulares y versiones alargadas para los elementos clave visuales. Asegurarnos de que el texto tiene el formato para ser ojeado. Hacer titulares y subtitulares cerca del texto del cuerpo.
• Información de contacto es necesaria en cada página.
• Los testimonios son más efectivos a la derecha de la página, que es dónde el ojo está entrenado para buscar esta información.
• El área central de la página es el primer lugar donde presentaremos nuestros contenidos que atraerán el interés y motivarán a los usuarios a continuar con el proceso de compra.
• El lado derecho de la pantalla también es importante para comunicar confidencialidad. Mensajes, garantías y políticas de protección de datos, etc…
• Cuando se evalúa el proceso de un carrito de la compra deberemos de comprobar si existen indicadores de progreso y llamadas claras a la acción que expliquen lo que cada paso implica. El diseño debe de ser amigable y la información mínima posible.
• Los formularios deben de ser agradables, concisos y preguntar solo la información necesaria.
• Los visitantes muestran unas pautas definidas al ojear una página web.
• Empiezan arriba a la izquierda para comprobar que están en el sitio adecuado.
• Recorren y scanean a lo largo de la parte superior hasta llegar al centro, después la parte izquierda y después a la derecha.

Generalmente:

• La información general aparece en la parte superior de la página.
• La parte central es donde la vista se dirige de forma natural, será el area activa y ahí es donde debe de centrarse el proceso de compra y venta.
• La parte izquierda se usará para reenganchar al usuario y ofrecer una navegación comprensiva. El principal objetivo es hacer volver al usuario a la parte activa de la página.
• En el lado derecho, aunque el usuario no presta mucha atención, es un lugar recomendado para ofrecer información sobre garantías, llamadas a la acción (boletines de noticias, comunidades, opciones de registro y llamadas a la acción en páginas de productos y en general.

¿Qué preguntarnos?

• ¿Está la información bien presentada visualmente?
• ¿Hay elementos animados (banners, gifs, etc) que disminuyen la atención del usuario y lo alejan de la conversión de los objetivos?
• ¿Hay otros elementos de diseño que reducen la claridad visual?
• ¿Emplea eficazmente el sitio el espacio disponible?
• ¿La colocación de los elementos da sensación de desorden?
• ¿Están colocados inapropiadamente?
• Están los grupos de elementos colocados de manera que refuercen el seguimiento nativo de la visión del usuario.
• Tenemos la función de superposición de Google Analytics disponible?

Espero que os haya servido…

Saludos!!

Fuente: A/B testing