Como sabemos según el último estudio anual de ecommerce en España, el 71% de los españoles entre 16 y 65 años compran online. Por lo que priorizar la experiencia de usuarios en nuestra tienda online es imprescindible.

Del mismo modo que en una tienda offline, lo que buscamos cada vez que un usuario entra en nuestro ecommerce, es que éste se acabe convirtiendo en cliente, evitar el “No, solo estoy mirando”. Para esto, tiene que poder encontrar fácilmente lo que está buscando, así como poder realizar el proceso de compra del modo más ágil posible.

Es imprescindible analizar y observar a los usuarios para conocer su comportamiento y necesidades, ya sean clientes o no. Para saber qué buscan o necesitan ver cuando acceden a nuestro site y de este modo poder optimizar su experiencia. Observar a nuestros usuarios nos permite dos cosas:

• Impulsar aquello que vemos que nos está conduciendo a generar ventas y evita
• Corregir aquello que está frustrando o llevando a abandonar a los usuarios.

☝ Hablar sobre UX en eCommerce no es peccata minuta, así que como decía Jack el destripador  “vayamos por partes”, empezando por nuestra carta de presentación: La home de nuestra web. 

¿Cómo mejorar la home de nuestro eCommerce?

La home, como ya seguramente sabes, es la página principal de nuestro ecommerce, en la que la mayoría de los usuarios aterrizarán cuando nos buscan, por lo que tiene que ser una página en la que consigamos atraer, conseguir que se siga navegando . Debemos mostrar nuestra oferta, nuestro producto o servicio “insignia” nuestro producto importante y nuestra oferta de valor diferenciadora, debemos recordar que la home es el escaparate para que el usuario dé el paso y comience el proceso de compra, y que a veces apenas tenemos unos segundos para conseguir transmitir nuestro mensaje antes de que pierda el interés y se marche de nuestra web, por eso es tan importante esta primera impresión. 

Llamemos a la acción

Como decíamos, cuando un usuario llega a nuestra web, el tiempo que tenemos para convencerlo de que siga navegando es breve, por lo que es importante mostrar al usuario una llamada a la acción según entre a la web, ya que será el primer incentivo a continuar con la navegación. Ya sea para acceder a una oferta actual o para que navegue hacia la sección que está buscando.

¿Sliders?

Es un elemento muy común,  en los ecommerce especialmente, pero de un tiempo a esta parte, cada vez son menos aconsejables, además, en muy pocos casos están bien ejecutados. En algunas ocasiones el usuario puede confundirlos con banners promocionales, obviándolos por completo, ocupando así una gran cantidad de porcentaje de pantalla con algo que no nos conseguirá conversiones. Además, nos generará más tiempo de carga, algo muy importante en cualquier web hoy en día ya que este “pequeño detalle” puede marcar la diferencia en nuestra estrategia SEO e influenciar directamente la conversión de nuestras campañas Paid Media.

Si a pesar de todo esto quieres usar uno sí o sí, al menos ten en cuenta estos tips:

• No uses autoplay: Deja que sea el usuario el que controle el slider, evitando así que los mensajes desaparezcan en medio de la lectura o que generen cualquier tipo de frustración.
• Navegación intuitiva: Coloca flechas, puntos de navegación en desktop y haz que sea deslizante en mobile. Dale al usuario aquello a lo que está acostumbrado y es habitual para él.
• Mensaje corto y claro: Al fin y al cabo lo que buscamos con este slide es incitar al clic y comenzar la navegación, por lo que debemos evitar dar un exceso de información.

Que no haya que buscar el buscador

¿Buena paradoja no? Un buscador siempre visible puede ser un punto de inflexión en un ecommerce, si el usuario puede buscar desde el principio y de forma precisa el producto que está buscando, le ahorramos mucho tiempo y pasos (y seguramente muchas frustaciones, algo que impacta directamente en el customer jorney map de los usuarios). Cada vez más los compradores online. Hoy en día los usuarios están acostumbrados a buscar los productos directamente, por lo que, aunque tengamos una categorización muy precisa, una barra de búsqueda es imprescindible en nuestra web o eCommerce.o ecommerce.

Además, si queremos que la experiencia del usuario sea lo más óptima posible podemos tener en cuenta estos consejos:

• Muestra sugerencias de búsqueda: Mostrar al usuario términos relacionados con su búsqueda puede ayudarle a ser más preciso con su búsqueda, siendo esta más satisfactoria, intentando así minimizar la necesidad de generar nuevas búsquedas.
• Ten en cuenta el misspelling: Es común equivocarse al escribir, por eso es importante anticiparse a esto y mostrar resultados relacionados con la búsqueda aunque la palabra exacta no exista. Debemos evitar siempre mostrar páginas vacías.
• Recomienda productos: Mostrar productos relacionados en el propio área de búsqueda puede hacer que el usuario navegue directamente hacia el producto, saltándose así el paso de tener que buscar en los resultados de búsqueda. Además, podemos mostrarle productos relacionados que quizás no conocía y le gusten más que el que buscaba en un inicio.

Si conoces al usuario, personaliza la experiencia

Cuando vamos a una tienda física a comprar, es en raro que nos paremos a ver los productos que no nos gustan, sobre todo en el caso de productos como ropa o zapatos. Si sabemos que una usuaria nos visita para ver ropa de mujer, podemos mostrarle, la próxima vez que nos visita productos relacionados con sus búsquedas o sus compras, así como personalizar la hero image (si la tenemos) para que se muestren ofertas o productos destacados relacionados con sus gustos. En una tienda física no tenemos la opción de que ésta cambie y le muestre solo los productos que le gustan a cada usuario, pero en un ecommerce sí podemos hacerlo.

Otra opción que podríamos hacer, sería, generar una redirección desde la home a la categoría que visita cada usuario conocido, es decir, si ya sabemos que es una mujer que cuando entra navega al área de mujer, podemos redireccionar directamente aquí, evitando que así ya que aterrice en la homepage y ahorrándole un paso intermendio entre la búsqueda y la compra (crucial reducir los pasos para la conversión). Esto mejora la experiencia del usuario, ya que le damos lo que verdaderamente necesita, no debemos olvidar que el usuario siempre debe de estar en el centro de cualquier estrategia.

Estamos en 2020, mobile first

(Es cierto que cada web ecommerce es diferente y no para todas en todos es prioritaria una versión mobile, pero para un gran porcentaje es así). El móvil sigue y sigue creciendo como dispositivo de compra online, por lo que la optimización de nuestro site en dispositivos móviles debe ser prioridad máxima.

Cuando queremos optimizar nuestro site para mobile debemos tener en cuenta puntos clave como:

• Tiene que cargar a la velocidad de la luz: Como decíamos todos ya debemos de saber, el tiempo de carga tiene que ser una de nuestras mayores preocupaciones. A día de hoy ya deberíamos de intentar posicionarnos por debajo de los 2 segundos, según Google. Cuanto antes se muestra la página al usuario y pueda navegar, menos posibilidades tenemos de perderlo, y sobre todo pensando en los dispositivos móviles, en lo que el usuario puede estar en cualquier parte, y tiene, por lo general, menos tiempo para navegar. En elogia lo sabemos de primera mano, ya que hemos trabajado con ratios de mejora en la conversión de hasta el 190% para clientes como Oxfam intermon solamente reduciendo el peso de sus webs.

Debemos tener en cuenta el First Contentfu Paint, es decir, el tiempo que nuestra web empieza a pintarse, ya que cuando antes ocurra esto, menos tiempo está el usuario viendo una pantalla en blanco.

Además, es importante mantener una web con un peso que no sea excesivo, pensando también en la navegación desde el móvil, porque tampoco queremos dejar a la gente sin sus preciados datos.

• En el móvil no usamos ratón ni teclado: El modo de navegar en móvil es muy diferente, usamos normalmente solo el dedo pulgar para hacer todo, por lo que el site debe de estar optimizado para este tipo de navegación. No hay hovers, por lo que todo debe de de estar a un tap de distancia; los teclados deben de estar optimizados para mejorar la experiencia, si queremos escribir nuestro número de teléfono, ¿para qué mostrar letras en el teclado? Debemos de darle al usuario las herramientas necesarias para cada acción.

Este tipo de navegación nos puede dar datos también de si debemos, por ejemplo, dejar el menú superior siempre fijo, ya que facilitaría la vida y nos evitaría tener que realizar un scroll de nuevo hasta la zona superior cada vez que queramos navegar por el site.

• Muestra lo más importante: La pantalla del móvil es pequeña, y se usa generalmente en vertical, por lo que debemos de tener esto en cuenta a la hora de estructurar la información. Por ejemplo, una imagen muy grande nos puede generar mucho scroll y movernos información importante below the fold. Por lo que, debemos de tener muy en cuenta qué se va a ver y qué no.

En conclusión ...

La primera imagen que tenga un usuario de nuestra web o eCommerce o ecommerce puede ser la diferencia entre seguir navegando o irse y no volver. Por ello, debemos analizar a los visitantes usuarios, testar y aprender de su navegación para optimizar la experiencia de los usuarios, colocándolos siempre en el centro de la estrategia.

Pero como todo, esto es solamente la punta del iceberg, el campo de trabajo de UX dentro de una estrategia de CRO es muy amplio, y muchas veces se pasa por alto, por lo que además de todas estas consideraciones hay muchos más aspectos que se pueden trabajar y mejorar gracias a herramientas como los mapas de calor, test A/B de creatividades etc ...pero esa ya es otra historia ;)