Todo aquel que tenga un Ecommerce tiene en mente 4 parámetros que son los que definen el éxito o el fracaso de tu negocio: Tráfico, Conversion Rate, Frecuencia de compra y Valor medio del pedido.
Hoy vamos a centrarnos en uno de ellos el CONVERSION RATE (CR ) , y en como podemos incrementarlo a través del UX/UI.
Pero antes de empezar, hagamos un repaso muy breve a las definiciones o siglas:.
CR. Conversion rate o tasa de conversión. Se mide en % y nos da el numero de pedidos que se generan vs las visitas que recibe tu web
UX: User Experience, o experiencia de usuario. Se engloban todos los pasos y la experiencia global de tu usuarios en tu web
UI: User Interface. Diseño del entonces que se engloba dentro de UX y que definen “los botones” u opciones para navegar por tu propuesta
Ahora que ya no nos perdemos veamos alguna de las palancas que podemos implementar para mejorar el CR de nuestro negocio.
✍️ LOS TEXTOS
Algunos se hacen llamar Copywriter, otros periodistas y otros lingüistas, pero todos ellos son los responsables de decidir como se cuentan las cosas en tu web.
Os suena “Bienvenido a la república independiente de tu casa”? Es un claro ejemplo de como un COPY te puede cambiar una percepción, ayudarte o incentivarte en el proceso de compra.
Si quieres conocer mas sobre este mundo, lo mejor es que visites la web de MAIDER TOMASENA, es la persona que esta detrás de miles de textos que has visto en tu día a día ( pero no te voy a desvelar más )
Un mensaje claro, preciso, amable, objetivo y sin lugar a interpretaciones puede ayudar al usuario en el viaje por nuestra “web”.
Antes de seguir, veamos la segunda gran palanca de la que se habla muchísimo y que rápidamente todo el mundo intenta modificar cuando tiene que implementar mejoras de CR: Los COLORES
🌈 COLORES
Hace tiempo escribí un articulo sobre la importancia y el significado de colores en las ventas online. ( si quieres conocer en detalle mas sobre este aspecto te invito a repasarlo en detalle ), pero hoy quiero resaltar el uso de los colores cono DISPARADOR de las ventas o como facilitador en el proceso de compra.
Algunos de los insights que nos comparte Neil Paten al respecto en su artículo sobre la psicología del color:
O las percepciones que tenemos en base al color:
Revisando casos de éxito, se pueden apreciar mejoras en conversión simplemente cambiando el color del botón de “añadir al carrito” o el fondo de color del stock disponible. Son variaciones sutiles que denotan la importancia de este área.
Pero antes de seguir démosle una nueva visión a estas dos palancas: cuál es más fácil de implementar, cuál es más importante, por cuál empezaríamos? Necesitamos un experto en colores?
📣 Cuál es más importante?
No soy un especialista en UX/UI o CR y sólo puedo dar mi opinión personal, pero antes de hacerlo os quiero aportar un punto de vista. Que en mi caso había pasado completamente inadvertido hasta la fecha y que gracias a un post que publicó Melissa Saucedo, me ha hecho replantearme todo lo aprendido en este área hasta ahora.
Rojo mas agresivo, urgencia, poco stock, Azul o Verde para llevar al usuario al carrito, webs con poco contraste para no desviar al usuario de los botones de acción, pero :
Qué pasa con la gente que tiene problemas para identificar colores? Los daltónicos.
Antes de seguir una pequeña prueba visual. Eres capaz de identificar los números de cada circulo?
Os imagináis no poder distingir los colores de un semáforo, el color de una comiseta cuando vas a comprarla o el color de la bandera de la playa para saber si hay medusas en un día tranquilo?
El daltonismo afecta a mas de 2 Mill de personas en España y mas de 350Mill a nivel mundial. Hay 3 tipos de daltonismo:
Y todo esto como se refleja en el mundo online? Lo tenemos presente? Pensad en vuestro negocios y en esas señales visuales que tanto trabajamos si están acompañadas de textos o símbolos que ayuden en este sentido. Tenemos CTA ( Call To Action ) claros y definidos en todos los puntos de nuestra web?
Este artículo tiene un único fin: hacer pensar y reflexionar que siempre hay un punto de vista, que casi con total seguridad, no hemos tenido en cuenta y que debemos intentar abordarlo desde nuestros recursos.
La solución no es obvia, pero ya hay propuestas en marcha como COLORADD para abordar este tema. Se trata de un código de símbolos específicos para cada color que ayuda a los Daltónicos a identificarlos.
En España La playa de la Arena en Sta Cruz de Tenerife ya tiene instauradas las banderas específicas para daltónicos (Abajo tienes los enlaces)
📣 RESUMIENDO
Para un ecommerce, la conversión lo es todo. Los textos que usemos junto con el color son dos de los aspectos mas fáciles de implementar, modificar y evaluar en este proceso de conversión.
Dentro del análisis que hagamos de nuestro cliente y de su Funnel por nuestra web debemos pensar en todos los usuarios que podemos mejorar. Si ya has trabajado el color y los textos mi pregunta es sencilla: tuviste en cuenta a la gente con falta de colorimetría?
Si aún estas en la fase inicial, espero que este artículo te ayude a darle una vuelta de tuerca más y ver un nuevo enfoque para ayudar a nuestros clientes a conseguir la mejor experiencia de usuarios posible.
Autor: Carlos Garijo González
🔗 Fuentes:
https://neilpatel.com/es/blog/elegir-mejor-color-conversiones/
https://neilpatel.com/es/blog/la-psicologia-del-color-como-usar-colores-para-aumentar-la-tasa-de-conversion-2/
https://www.truconversion.com/infographics/how-to-use-colors-to-increase-your-conversion-rate/
https://carlosgarijo.substack.com/p/como-afectan-los-colores-a-las-ventas
https://www.freepik.com/blog/es/la-importancia-color-diseno-ux-ui/
https://brands.elconfidencial.com/sociedad/2018-06-27/daltonicos-simbolos-colores-abecedario-bra_1584172/
https://www.maidertomasena.com
http://colorlitespana.com/es/
https://verne.elpais.com/verne/2017/10/08/articulo/1507468141_020732.html
https://www.tododisca.com/la-primera-playa-en-espana-con-banderas-apta-para-las-personas-daltonicas/
http://www.coloradd.net