Ivanna escribiendo blog

Eyetracking: 5 TIPS para mejorar tu sitio web

Las primeras impresiones no siempre son igual de importantes, excepto cuando se trata de tu página web. Tienes 8 segundos para generar una buena impresión, no solo debes tener en cuenta factores de diseño, sino también de funcionalidad. Gracias a los estudios realizados con eyetracking aplicado a web, recolectamos 5 tips que puedes aplicar a tu página web y mejorar el user experience

El estudio realizado por Neil Patel, experto en posicionamiento web, muestra tips utilizando eyetracking. Aquí 5 tips importantes traducidos al español. 

1. El contenido más importante en el área superior del sitio web.

Kurl Web Design Foto

Recordemos que tenemos 8 segundos para llamar la atención de nuestros usuarios, por eso lo más importante debe saltar a la vista. Esto es ponerlo en above the fold como se muestra en la imagen. Sin embargo, no intentes poner excesiva información que pueda saturar. Trabaja en un mensaje claro y atractivo.

2. Call to action en la parte inferior de la página

Los call to action (llamad a la acción) son los botones o enlaces que tiene tu pagina para generar respuestas o ventas inmediatas. Estos son, por ejemplo:

  • Botón para registrarse
  • Botón para suscribirse
  • Botón para “comenzar”

Puede parecer contradictorio, que la llamada a la acción vaya en la parte inferior si es algo tan importante. Sin embargo, son las personas realmente interesadas en realizar una acción las que van hasta la parte inferior a apretar el botón. Según el estudio comparativo realizado por Neil Patel, se apretó 39% más veces en los botones situados en la parte inferior a los que se encontraban en el header.

Eyetracking página web

3. Titulares grandes y en negrita

Este TIP puede resultar algo evidente, los titulares siempre deben ser atractivos para llamar la atención. Muchas páginas, sin embargo ponen los títulos solo en negritas, alineándolas al tamaño de letra del texto. Esto genera que no se diferencie y no resalte.

Eyetracking página web
Ejemplo de formato del blog. Caso “Cita a ciegas

4. El espacio en blanco es muy necesario

Los conceptos que consideramos cuando decoramos nuestro cuarto o casa también se aplican a nuestro diseño de pagina web. El descanso visual entre tanta información, paneles e imágenes es necesario por dos razones. Por un lado, te ayuda a enfocar el contenido primordial, por otro te lleva por el buen camino de no saturar y espantar a tus visitas.

Imagen del buscador Google. Limpio y sencillo

5. Bloques de información > Páginas interminables

Cuando el contenido resulta muy extenso puede resultar difícil de leer. En cambio, neurólogicamente, se hace más fácil procesar información al tener una estructura de bloques.

Estos tips básicos sobre la distribución de información en tu sitio web, al estar basados en un estudio de eyetracking permiten obtener insights sobre la mirada general de los visitantes a sitios web. Saber cómo los visitantes interactúan con el contenido es importante para planear el proceso de diseño.

En Neurometrics, aplicamos eyetracking para detectar los distractores que se tienen que ajustar en tu aplicación o página web para facilitar la usabilidad y así mejorar la experiencia del usuario.

Te brindamos información precisa como qué es lo que mira y lo que no mira el usuario en tu aplicación, cuánto se demora el usuario en encontrar los puntos clave en tu aplicación o cómo este interactúa con tu aplicación en diferentes dispositivos móviles con el objetivo de optimizar su experiencia.

Isabella Bustamante
Isabella Bustamante

Community Engagement


También te puede interesar: