Sorprendentes patrones de HeatData en el diseño web móvil

En HeatData hemos explorado comportamiento del usuario móvil mucho. Han surgido patrones en varios tipos de productos que deberían informar cómo diseñamos las propiedades web móviles. Específicamente, hemos descubierto que en sitios móviles como Pandora, Pinterest y la NHL, algunos comportamientos de los usuarios están frenando las tasas de conversión más altas y las interacciones esperadas.

Descubrimos que las páginas intersticiales que promocionan descargas pueden disuadir las descargas con sus diseños. Descubrimos que los usuarios tienden a interactuar con ciertas áreas «calientes» de las páginas web móviles en función del contexto y el factor de forma, y ​​las llamadas a la acción se pueden optimizar en torno a este comportamiento. Además, descubrimos que los siempre populares carruseles móviles a veces pueden ser menos atractivos de lo que mucha gente cree.

Estudios de caso

Pandora: Haga que las páginas intersticiales sean atractivas pero no distraigan

Arriba está la página que Pandora muestra a los visitantes de su sitio web móvil. Muchas empresas tienen esta página intersticial antes de permitirle ingresar a su sitio móvil, promocionando sus aplicaciones nativas. La llegada de los banners de aplicaciones inteligentes puede reducir la necesidad de estos, pero en este momento prevalecen estos intersticiales de descarga de aplicaciones.

Lo fascinante de Pandora.com en el iPhone fue con lo que los usuarios no se involucraron: el llamado a la acción principal ‘Descargar ahora’ (CTA).

La gente tocaba y pasaba el dedo por todas las atractivas imágenes de teléfonos inteligentes, pero apenas tocaba el botón «Descargar ahora». Sin embargo, esas imágenes no fueron objetivos de clics.

Esas imágenes no iniciaron una descarga. Pero sin HeatData, ningún rastreador de eventos u otro conjunto de análisis habría sugerido convertir esas imágenes en un objetivo de clic que también lanzó una descarga, atenuando las imágenes u otros cambios como curso de acción. Con un cambio tan alineado con el comportamiento del usuario, el sitio web móvil de Pandora podría aumentar su métrica clave: las descargas.

Pinterest: enfoca tus acciones más valiosas en áreas con las que las personas se involucran naturalmente

El móvil es muy importante para Pinterest. A finales de 2012, Pinterest aumentó un 1,698% en el uso de aplicaciones móviles (el siguiente crecimiento más alto fue Twitter + 134%) y un enorme 4,225% en la web móvil ‘.

Así que estábamos interesados ​​en ver qué pasaría si recopilamos HeatData en el sitio web móvil de Pinterest. Lo que descubrimos fue que Pinterest ha posicionado con éxito su llamado a la acción más importante donde las personas están tomando otras acciones relevantes pero no capturadas.

En otras palabras, ‘Repin’ es la acción más importante (genera un mejor ciclo de participación por menos costo para el usuario que Comentar o Dar Me gusta). La gente se desplaza, toca y hace zoom alrededor de ‘Repin’ más que en cualquier otro lugar de la página. El comportamiento continúa en esas áreas incluso cuando ‘Repin’ no está presente. Tiene sentido colocar la acción más importante cerca de donde esta otra actividad ocurre naturalmente a un ritmo elevado.

Es cierto que aquí no podemos desentrañar la correlación y la causalidad. Es posible que las personas realicen acciones que no sean ‘Repin’ en torno a ‘Repin’ independientemente de la posición, por lo que no importaría dónde se colocara. También es posible que Pinterest supiera que las personas tienden a realizar acciones en el lado que corresponde a su mano derecha y simplemente optimizadas para la mano dominante (aproximadamente el 90% de las personas son diestras).

Sin embargo, ahora tenemos datos empíricos para respaldar este diseño. Además, para los desarrolladores y diseñadores que no tienen los números o la investigación que tiene Pinterest, esta sigue siendo una lección importante: averigüe dónde están mirando y actuando sus usuarios de forma natural, y considere colocar acciones importantes cerca.

NHL: Separar el carrusel y el indicador del carrusel puede disminuir el compromiso con el carrusel

En el caso del sitio móvil de la NHL, estábamos interesados ​​en ver si la gente realmente se involucró con el carrusel / presentación de diapositivas en el área de contenido principal. No desencadena eventos únicos o cargas de página, por lo que HeatData fue realmente la única herramienta para el trabajo. Si las personas no interactúan mucho con él, puede valer la pena considerar un diseño diferente. Este contenido ocupa casi la mitad de la pantalla de los teléfonos inteligentes, por lo que es importante comprenderlo.

Según los HeatData que recopilamos, parece como si el contenido del texto estuviera realmente involucrado con mucho más que el carrusel. Y cuando la presentación de diapositivas estaba realmente activa, era alrededor de sus componentes de texto (por ejemplo, «Rompevientos»). Observe cómo apenas se toca el indicador de progreso del carrusel. Si bien es raro que las personas realmente lo toquen de todos modos, solo podemos especular que el contenido del carrusel no requiere interacción física, no era atractivo o la gente no podía decir que era una presentación de diapositivas con la que se podía interactuar.

Lo ideal sería ejecutar una prueba A / B en la que hubiera flechas superpuestas en el carrusel o algún otro indicador de que el elemento principal era de hecho un carrusel con el que un visitante podría interactuar. Nuestra prueba buscaría ver si podemos mover métricas de nivel superior como el compromiso, así como métricas locales como la cantidad de veces que las personas interactúan con el carrusel. Esta es la única forma en que podríamos probar si la gente entiende suficientemente el carrusel o no.

Resumiendo

Entonces, ¿dónde nos lleva esto? Sería un error generalizar ciegamente lo que aprendemos de Pandora, Pinterest y la NHL a todos los demás sitios móviles que existen.

Sin embargo, al usar HeatData, descubrimos que priorizar las llamadas a la acción frente al resto del diseño, aprovechar los comportamientos naturales de los usuarios para mejorar la conversión y explorar suposiciones en torno a diseños móviles comunes son patrones útiles.

¿Qué pasa con su sitio móvil? ¿Puede aprender de estos productos líderes?