El mejor escaparate de una tienda online es su página de inicio ya que en un breve vistazo tus clientes sabrán qué es lo que ofreces en tu tienda. Pero, sabes ¿qué es lo que miran tus clientes cuando visitan tu web? O ¿qué es lo que llama la atención a los visitantes de tu tienda online?
Pues bien, tal vez nunca habrás escuchado hablar sobre una herramienta que te permite conocer qué información de tu sitio web logra ser vista por los usuarios y qué parte de la misma consigue captar su atención y es revisada de nuevo, esta se llama Heatmap o Mapas de calor. Hoy te explicaremos en qué consiste esta técnica y qué aspectos deberíamos tener en cuenta cuando diseñamos nuestra web. La clave está en la organización de la información!
¿Qué son los Heatmaps o Mapas de Calor?
Como su palabra indica los mapas de calor son gráficos que te permiten identificar los puntos calientes de tu web, es decir, la zona en la que se concentra la atención de los visitantes de tu tienda online y por consiguiente favorecerá a la conversión (ventas). Imagina tu página de inicio como un catálogo virtual en el que deberá estar creado de forma tal que los contenidos relevantes capturen toda nuestra atención y por tanto sea eficiente navegar en ella.
Te preguntarás cómo esta herramienta permite conocer cuáles son los "puntos calientes" de tu web. Pues se basa en una técnica llamada EyeTracking que identifica dónde está mirando el usuario en todo momento a través de un seguimiento de los movimientos oculares que realizamos al interactuar con un sitio web ya que sin darnos cuenta el puntero del ratón acompaña nuestra mirada.
Un dato a considerar, es que actualmente no solemos leer todo el contenido que un sitio web ofrece. Es más, ni siquiera leemos una parte del mismo ya que en primer momento actuamos como robots escaneándola en busca de la información que queremos encontrar y es aquí cuando esta herramienta hace "magia".
Ventajas de los Heatmaps
Podemos destacar dos grandes ventajas de utilizar los mapas de calor:
- Administrar nuestro "escaparate": en todo momento podrás conocer el comportamiento del cliente que aterriza en tu web. Esto te ayuda a tomar decisiones a la hora de crear contenidos relevantes que capturen la atención de tu cliente, encontrando el balance de un diseño óptimo y atractivo. Al tiempo te permite, ordenar tus productos de forma adecuada ya que sabrás cuales son los productos que llaman más la atención y será más sencillo saber cuáles son las mejores zonas de la tienda para hacer una promoción o colocar un determinado artículo.
- Detectar puntos débiles (o fríos) de nuestra web: es decir, aquellos que distraen completamente a nuestros clientes y hace que abandonen en cuestión de segundos (3 segundos exactamente) nuestra web.
Desventaja de los mapas de calor
Seguramente cuando comiences a utilizar estas herramientas puedes quedar impresionado de los datos que te da y pasarás visitando cada enlace de tu tienda pero un factor a tener en cuenta es la representatividad de los datos ya que es proporcional al número de visitas que recibe tu sitio web. Por lo que, funciona muy bien a webs que tienes un gran volumen de visitas o sino verás solo pequeñas manchas de color y no se formará una imagen global con datos relevantes.
Tipos de Heatmaps
1. Click Heatmaps (mapa de clicks): En palabras simples, muestra las zonas donde los usuarios hacen click y en donde no. Informa sobre qué links y botones llaman más la atención (colores cálidos, rojos y naranjas), pero también de zonas al que el visitante no puede acceder al hacer click. Con este tipo de heatmap se puede hacer una interpretación directa de las conversiones ya que incluyen datos como el comportamiento del visitante, referenciados con el número de click exactos, el número de visitantes únicos, etc. En nuestra tienda online es de gran utilidad ya que nos muestra información exacta sobre que producto es el más atractivo para nuestros clientes.
2. Mouse Movement Heatmaps (mapas de movimiento de ratón): Como su nombre lo indica, nos muestra el movimiento del ratón, es decir, la trayectoria ocular del visitante. Esta modalidad de mapas de calor web nos ayuda a determinar las zonas más actividad y en las que se concreta la navegación del usuario.
3. Scroll Heatmaps (mapas de scroll): Es recomendado para páginas especialmente largas ya que te informa de hasta dónde leen los usuarios, si se van a la mitad o llegan hasta el final. Para este tipo de mapa debe diseñarse la página de tal forma que los elementos más importantes se sitúen en la zona superior y bajando de nivel por orden de importancia.
Herramientas para utilizar los mapas de calor
Los más eficaces y que aportan datos más significativos debido a las funcionalidades que ofrecen, son los de pago aunque te sorprendería que existe dos opciones gratuitas (que incluso no se considera heatmaps) que puede proporcionar información relevante. De igual forma, vale la pena invertir por tener un negocio online de éxito. A continuación te las mencionamos:
Todas son muy fáciles de usar. Tan solo necesitas abrir una cuenta, y te darán un código que deberás bajarte y pegarlo en las páginas que se quieren analizar.
- Google Analytics: en principio no realiza mapas de calor pero desde la sección Comportamiento > Analítica de página (zona lateral izquierda). Los puntos que muestran, te informan del porcentaje de clics que recibe cada link o botón de la página. Lo único malo es que no separa datos. Es decir, si tienes 3 links que van al mismo sitio, suma los datos de los tres links pero no puedes saber cuál de los tres capta más interés y cuál menos.
- SumoMe: Es una suite de widgest (o apps) que además de permitirnos conseguir suscriptores ofrece entre otras aplicaciones mapas de calor gratuitos y muy simples. Para poder hacer uso de esta aplicación (que ya tenemos incluida en nuestra plataforma), debes crear una cuenta gratuita, hacer click en el badge de SumoMe en la parte derecha de tu página web, acceder con tu usuario y contraseña, hacer click "Sumome store" para descargarte la aplicación Heatmap gratuitamente y finalmente puedas comenzar a utilizarla.
- Crazy Egg: Es la herramienta por excelencia que la mayoría de ecommerce suelen usar. Es una herramienta de analítica web orientada a la usabilidad que realiza mapas de calor del movimiento del ratón, del scroll de página y de clics. Te brinda una prueba gratuita de 30 días en el que posteriormente puedes elegir dentro de sus 4 planes. El plan más económico, es el plan básico por 9€ el cual te permite analizar hasta 10 páginas y 10.000 visitas al mes.
- ClickTale: es una herramienta que nos permite observar qué realiza el usuario en nuestra web y detectar aquellos aspectos de la misma que no están funcionando correctamente. Es muy parecido a Crazy Egg pero para usuarios avanzados, con la información más segmentada, más detallada, enriquecida y un análisis más profundo de los embudos de conversión, entre otras funcionalidades. Es gratuito para las primeras 400 páginas vistas, sin limitación de tiempo pero no tendrás la gama completa de las funcionalidades. No publican precios ya que tal vez no sean los más baratos pero puedes pedir una demo.
- Lucky Orange: Nos permite medir la cantidad de tiempo que pasan nuestros visitantes en nuestro sitio. Realiza distintos tipos de mapas que analiza y brinda recomendaciones sobre el comportamiento de nuestros usuarios como son mapas de clicks, de movimiento y de scroll. Ofrece 7 días gratis y el plan más económico es el básico por 10€ el cual te permite analizar 25.000 visitas al mes.
- Attention Wizard: Útil para analizar una página antes de lanzarla. De esta manera puedes diseñar tu página de forma que pueda ser óptima para tu cliente. Realiza una previsión de qué zonas recibirán más o menos clicks, es decir, no analiza el comportamiento del usuario sino que hace una previsión. Ofrecen un periodo de prueba de 1 mes y 10 heatmaps por 1 céntimo. Tres planes a partir de 27€/mes.
Recomendaciones al diseñar la página de inicio
- Atrapa al instante: Tendrás que ser capaz de estructurar tu página de inicio, de forma tal que en el primer click tus clientes conozcan qué es lo que vendes y cuál es el valor añadido que ofrece ese producto/servicio. Recuerda contenidos relevantes que sea visible desde el inicio ya que no nos gusta hacer scrolling.
- Refuerza la zona izquierda de tu página de inicio: La parte izquierda de un sitio web es el que inmediatamente miramos ya que leemos de izquierda a derecha, y de arriba a abajo, por lo que tiene sentido que los ojos de nuestros visitantes se centren en esa parte.
- Cuida las imágenes de tus productos: Elige una buena imagen que acompañe y refuerce tu marca corporativa. Por lo tanto, ofrece a tus clientes imágenes de calidad pero que además contenga elementos básicos de navegación para que el tráfico de visitas fluya correctamente hacia las otras páginas de contenido específico.
- Califica tu página de inicio: Finalmente, califica tu landing page ya que no hay nada mejor que ser autocríticos. Imagina que le diría un cliente a un amigo suyo sobre tu tienda online, es importante que seas lo más sincero posible y que la calificación sea acorde incluso a tu propia experiencia como usuario de Internet. Una muy buena opción es que preguntes a tus familiares y amigos ya que te darán información valiosa sobre la impresión que tienen de tu tienda online. Si en este proceso observas que en el global de las respuesta no se tiene una visión clara sobre qué es lo que ofreces, pues es tiempo de realizar las modificaciones oportunas ya que algo debe estar fallando.
Ahora que ya sabes la importancia de los heatmaps para tu página de inicio, toma un tiempo para reflexionar y determinar que mejoras puedes implementar en tu tienda online a través del uso de estas fantásticas herramientas las cuales te ayudaran a interpretar el rendimiento y la rentabilidad de tus acciones.
Comentarios
Deja un Comentario