04/12/2017

Plantilla Style: Si mejora la experiencia de usuario ¡mejoran las ventas!

Plantilla Tienda Nube

Para lograr un mejor producto es importante analizar, modificar y medir las interfaces y los comportamientos de las usuarios para poder alcanzar mejores resultados.

Internet es una plataforma dinámica en constante evolución, es por eso que en Tienda Nube tenemos un equipo de especialistas en productos digitales que trabajan en mejorar las plantillas para que siempre estén performando lo mejor posible.

¡Bienvenidos los cambios!

Esta vez aplicamos cambios en la plantilla Style y sus variantes Trend, Hall y Strech. El personaje principal en toda tienda son los productos, por lo cual todos los cambios están orientados a que los objetos tomen el rol protagónico de la tienda.

En el catálogo de producto se achicaron los espacios entre las grillas de producto para agrandar el tamaño de las imágenes y también se achicaron los tamaños del nombre y precio. Según identificamos en pruebas de usuarios, las personas compran por las fotos.

Notamos que los clientes de Tienda Nube utilizan mucho los banners para dar información útil a sus clientes, sin embargo, por como estaban diseñados, en mobile empujaban la lista de productos por debajo del scroll.

Como ya sabés,  la tendencia mobile va creciendo de manera exponencial mes a mes. Para que tengas una idea, en los últimos 3 meses las visitas desde dispositivos móviles fue 69% en septiembre, 71% en septiembre y 72,6% en noviembre. La tendencia es muy clara, por eso estamos realizando cambios para hacer que quienes compran en tiendas Nube puedan tener la mejor experiencia posible desde sus celulares.

Otra modificación que hicimos fue sobre la lista desplegable de categorías en el menú. Para que se entienda de manera sencilla que la lista de categorías depende de la pantalla de productos, modificamos el panel por un componente que depende del botón del menú.

New dropdown

Nos dimos cuenta de que los filtros estaban interfiriendo en la manera de descubrir los productos, por lo tanto decidimos llevarlos a un panel externo.

Con respecto a los detalles de producto notamos que las personas que compran quieren ver fotos, (¡muchas fotos del producto y lo más grande que se pueda!) Por lo tanto convertimos esta necesidad en una realidad y agrandamos la foto de los productos al 100% de la pantalla de su celular.

Se juntó el nombre del producto con el precio y se agregó el porcentaje de descuento en cada producto Sabemos que alos compradores les encantan los beneficios y los descuentos, por lo tanto ahora podrán ver exactamente el porcentaje de descuento que están recibiendo.

Product Tienda Nube

El botón principal del detalle de un producto, sin dudas, debe ser el botón de compra. Como teníamos el botón para calcular el envío compitiendo a nivel visual, decidimos rediseñar el componente ya que sabemos la importancia que tiene. Tiene que entenderse con claridad  cuál es el botón de acción principal.

También alineamos los botones de las redes sociales al estilo de cada marca: ahora se podrán ver del color que cada uno diseñe.

Por último, prestamos muchísima atención al carrito de compras. ¿Sabías que muchas personas van agregando al carrito  los productos les gustan a medida que navegan la tienday recién ahí deciden qué compran y qué no?

Por eso decidimos cambiar el botón de “volver” para que los usuarios se queden en el carrito y decidan comprar. Porque en definitiva eso es lo que queremos, ¡que compren! 🙂

Y como bonus, aumentamos el tamaño del botón para finalizar la compra al 100% de la pantalla.

¿Qué te parecen estos cambios?

Fecha de la última actualización: 02/01/2018


¿Te gustó el contenido?


Rocío Diez

Rocío es diseñadora de productos digitales. Trabaja en Tienda Nube en el área de Storefronts. Es adicta a las papas fritas y le encanta hacer CrossFit.


    Ecommerce por Expertos

    Conversaciones exclusivas con especialistas en comercio electrónico. ¡Llevá tu negocio a otro nivel!

    plantilla-style-si-mejora-la-experiencia-de-usuario-mejoran-las-ventas