Kuombo

Kit digital

Tips de usabilidad que afectan tu tasa de conversión

Contar con un gran número de visitas podrá parecerte excelente, y no me malinterpretes, siempre es preferible lidiar con muchas visitas en vez de lidiar con la situación contraria, pero si debes tener en mente que no solo se trata del tráfico de tu web sino de tu tasa de conversión.

Como ejemplo podemos tomar una tienda en pleno centro de la ciudad, a la cual seguramente entra una muy buena cantidad de gente por su excelente localización, el verdadero reto está en lograr que la gente visite esa parte de la ciudad únicamente para llegar a esa tienda.

¿Y cómo logro eso? Te preguntarás…

Si tu sitio web usualmente tiene una buena cantidad de usuarios, pero eso no se ve reflejado en las conversiones, pues al pasar algunos minutos en tu web simplemente se dan la vuelta y se van, es porque seguramente hay algún elemento de tu página web que no está funcionando como debería. Siguiendo con el ejemplo de la tienda en la ciudad, podemos pensar que por estar llena es exitosa, pero que pensarías si te dijera que la gente entra y entra pero no compra absolutamente nada, pues que algo anda mal ¿No es así?

Primero que nada hay que tener algo muy en claro, y si, podrá ser muy obvio, pero al final muchos sitios webs terminan por ignorarlo. ¡Lo más importante es la experiencia del usuario!

Un gran parte de las veces, al igual que en la tienda céntrica, los usuarios entran simplemente por curiosidad o para pasar el rato, por lo que debes de concentrar todos tus esfuerzos en lograr que los usuarios atraviesen tu funel de conversión, dándoles los motivos necesarios para realizar ciertas acciones.

El primer para para lograr que tu usuario se mueva a través del funel de conversión, es ofrecerles algo interesante en tu web, y mejor aún si logras hacerlos pensar “¡Wow, esto es justo lo que buscaba!”,  en realidad esto no es tan complicado, simplemente hay que saber en dónde buscar. Con esto en mente fue que en la actualidad se han desarrollado diferentes herramientas como los Scroll Heatmaps y los ClickMaps, sin embargo hay otras herramientas que cumplen funciones similares.

Cuando la usabilidad y la optimización web trabajan juntas, lograrás indudablemente incrementar la tasa de conversión en tu tienda web, o landing page.

La optimización de conversión web trata sobre cómo ayudar al negocio a lograr sus objetivos de negocio, mientras que la optimización de usabilidad está enfocada en el usuario y en ayudarlo con su experiencia de usuario, tratando de ofrecer la manera más eficiente y atractiva para que el usuario interactúe con el sitio web.

Usabilidad entonces es trazarles un camino a tus usuarios, donde el objetivo es facilitar lo más posible el camino mientras atraviesan el funel de conversión.

Por lo que aquí te van los tips para mejorar tu conversión:

Tip #1 El tope de página

Hay quien dice por allí que esta es la parte más importante de toda tu web, y es por eso que deberías de enfocar todos tus recursos en ella. De acuerdo con el grupo Nielsen Norman, si tan solo subes tan solo 100 pixeles arriba del tope de página, podrías mejorar hasta en un 102% el nivel de atención que el usuario te da.

Lo que no se considera en ese estudio es que la manera en que los usuarios navegan ha cambiado radicalmente desde hace 10 años para acá, pues ahora estamos rodeados de pantallas, con celulares, computadoras y tabletas que han vuelto muy común hacer un scroll infinito, volviendo el área debajo del tope de página, algo muy valioso también.

De acuerdo con un tweet de Luke Wroblewski, cerca de los 50% de los usuarios móviles se desplazan hasta 250 píxeles incluso antes de que la página termine de cargar.

“Esto quiere decir que muchos usuarios no están viendo lo que se encuentra en el tope de página”.

Source: nngroup.com

En el artículo “There is no fold” o “No existe el Tope de página” en español, por lo que el autor nos cuenta que no basta con tener (CTA) call to action muy grandes y visibles al inicio de la página, esperando que hagan su magia por si solos.

Tip #2 Con o sin Captchas

Valentine Boyeb – Dribbble.com

Si no tenemos ningún filtro, el Spam puede volverse un auténtico dolor de cabeza. Por ello se inventaron los captchas, sin embargo, según un estudio realizado por MoZ, cuando los captchas son activados, el SPAM se reduce en un 88%, mientras que el 7.3% del total de las conversiones no logran pasar al momento de enfrentarse a los captchas. Lo interesante aquí es que al desactivar los captchas, pues allí las conversiones fallidas se reducen a cero.

Tip #3 Agrega tus llamados a la acción de manera efectiva

Cuando estés decidiendo donde ubicarlos, es importante mantenerte abierto a realizar algunos ajustes en algún futuro. Los llamados a la acción deben estar diseñados para atrapar la atención de tus visitantes, y ofrecerles algunas acciones que los motiven a seguir interactuando con tu sitio web.

Cuando estés en el proceso de diseño de tu web, te recomiendo que utilices diferentes herramientas como los Heatmaps y Click Maps, pues de esta manera podrás ver gráficamente a tus usuarios y como es que se comportan cuando interactúan con tu web.

Si utilizas un Scroll Heatmap junto con un Click Heatmap, podrás descubrir que es lo que más les gusta a tus usuarios, qué elementos les parecen interesantes y cuales simplemente es mejor evitar.

Si logras conocer mejor a tus usuarios, tendrás la oportunidad de recopilar más información acerca de ellos, y podrás tomar mejores decisiones a la hora de tomar decisiones de diseño.

Tip #4 UI llamativas

En los comienzos de internet, las animaciones eran un elemento de adorno para las mejores webs, pero en la actualidad se han convertido en un elemento angular para el diseño de la experiencia del usuario. Si tu sitio los tiene, le darás la impresión al usuario de que tu sitio es vivo y actual.

He aquí algunas de las razones por las que deberías animar tu web:

  • Ayuda a crear jerarquías
  • Incrementa las respuestas por parte de los usuarios
  • Da la sensación de que las esperas son más cortas
  • Genera que los usuarios pasen más tiempo en tu web

¿Pero qué tipo de animación requerimos y en qué momento?

Existen principalmente 2 tipos de  animaciones: En tiempo Real y en no Real, y dependiendo de la situación deberías de utilizar el tipo de animación correcta.

En tiempo real:

Significa que el usuario está recibiendo información en tiempo real de la interfaz, y esta se va actualizando por si misma sin necesidad de que el usuario tome alguna acción. Generalmente el usuario tiene control total sobre la UX y podrá decidir los elementos que desea que se desplieguen y cuáles no.

By Selecto – Dribbble

En tiempo no real:

Este tipo de animaciones pertenecen a las interfaces que no reaccionan a los inputs del usuario, esta función es muy útil cuando algún elemento debe de cargar y para retrasar un poco al usuario, se le muestra una animación.

Johny Vino – Dribbble

Tip #5 El carrito de compras:

Una de las cosas más comunes y que más confunden a los administradores de sitios web, especialmente de aquellos que administran tiendas online, es cuando un visitante se pasea por todo tu sitio web, y hasta agrega objetos a su carrito de compras, pero al momento de terminar su compra simplemente se esfuma. A esto se le llama el “Síndrome del carrito abandonado”. Este efecto se debe a varias causas, una de las principales es que tus usuarios se sientan confundidos a la hora de hacer Check-Out, o que alguno de los elementos de tu web les genere desconfianza, por lo que debes de generar un ambiente seguro para que los usuarios te confíen sus datos y su dinero.

Para maximizar tus posibilidades aquí te dejo los siguientes consejos:

  • Ubica tus botones de acción en diferentes lugares, mientras menos tiempo pase tu usuario descifrando como comprar en tu página será mucho mejor.
  • Toma muy seriamente la seguridad y privacidad de los usuarios. Añade filtros, certificados y logos de seguridad en tu sitio web. Haz que tu usuario note que estas tomando todas las precauciones a tu alcance para evitar cualquier tipo de estafa.
  • Permíteles continuar con sus compras luego, asegúrate de crearles un usuario único que recuerde sus gustos y en donde se quedaron, tal vez la próxima vez que visiten tu web decidan completar la compra.
  • Sin prisas, dales la libertad de explorar, no les pongas tiempos límites ni restricciones al estar manipulando sus carritos de compra.

Tip Extra

Convierte el registro de tu página en un verdadero plus, no en una obligación. Permíteles comprar sin tener que estar registrados en tu web, pero otórgales beneficios si se toman el tiempo de hacerlo. Con esto lograras que tu base de datos esté poblada de usuarios realmente interesados en tu producto, y que los usuarios primerizos tengan la vida más sencilla en tu web.

Conclusión

Contar con buenos niveles de tráfico es positivo, pero la idea es generar visitas de calidad a tu página web, con usuarios dispuestos a invertir su tiempo (y dinero) en tus productos. Para lograrlo existen varias técnicas como las que tocamos en este artículo, las cuales son, El tope de página, las animaciones interactivas, los botones call to action y la experiencia del usuario. Para ayudarte a decidir cuál es  el mejor uso y ubicación de ellos no hay nada mejor que los Scroll y los Heat Maps, las cuales son herramientas que te permitirán tener una interfaz viva y amigable con el usuario.