Optimización de landing pages. Eye tracking

In General by OnetecLeave a Comment

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

Leave a Comment