mejorar el ux en tu elementos clave para
TRANSCRIPT
Elementos clave para mejorar el UX en tu
ecommerce
¡Hola!
Hoy vamos a compartir consejos, ideas, herramientas y tips sobre los puntos que consideramos prioridad para una buena experiencia de usuario en tu ecommerce.
Tiempos de entrega y costos excesivos.
Estatus del envío.
Fotos poco reales al producto final
Proceso de compra complicado
[email protected]@bambu-mobile.com
Poca descripción del producto
EVALUACIÓN COMPRA RETENCIÓN REFERENCIADESCUBRIMIENTO
¿Cómo descubre que existimos?
¿Cómo hacemos que el cliente nos compre?
¿Cómo hacemos que el cliente vuelva, use más nuestro producto o servicio y se quede con nosotros?
¿Cómo le ayudemos a que comparta su alegría y nos referencie a nuevos clientes?
Necesidad
Publicidad
Boca a Boca
¿Cómo evalúa nuestro producto o servicio?
Gamificación
Servicio post venta
Encuestas de satisfacción
Promociones
Testimonios
Redes socialesLanding de Producto
HomePage
Reseñas de producto
Costos de envío
Tiempos de entrega
Carrito
Check out
Atención personalizada
Búsqueda, categorías y filtros
Paula Rosales
EVALUACIÓN COMPRA RETENCIÓN REFERENCIADESCUBRIMIENTO
Boca a BocaPublicidadNecesidad
Búsqueda(Home ecommerce)
Landing de Producto
Reseñas de producto
Check out
Rastreo y entrega del paquete
Carrito
Atención personalizada
Encuestas de satisfacción
PromocionesTestimoniosRedes Sociales
Costos de envío y tiempos de entrega
Encuestas de satisfacción
● Apuesta por los elementos visuales.
● Que sea muy evidente de tipos de producto ofreces.
● Búsqueda, categorías y carrito rápido acceso.
● Destaca productos populares, de temporada, promociones.
● Personaliza:○ Recomendados para tí ○ Vistos recientemente○ Relacionados a tus compras
● Inspirar confianza. [email protected]
HomeLa primera impresión es la que cuenta
● Autocompletado
● Gestión de errores ortográficos y sinónimos.Crea equivalencias entre diferentes términos de búsqueda. Palabras vinculadas entre sí.
Buscador inteligentePredictivo, dinámico, rápido e intuitivo.
● Permite a tus usuarios refinar las búsquedas de los productos con filtros y atributos tales como el precio, el color, el tamaño, la marca, etc.
● Aprende del comportamiento de los usuarios.
Buscador inteligente
Categorías y filtros
Estructura clara, lo más sencillo y rápido posible
● El menú principal necesita pocas categorías, pero globales y tener un sentido lógico.
● Más de tres niveles de profundidad bajando por categorías en una tienda en línea no es recomendado.
(evitar sub-sub categorías)
● Estructura básica:
○ Categoría de producto
■ Subcategoría de producto
1. Producto
● Si no se puede evitar tener una estructura de
categorías profunda, utiliza un mega menú.
● Apóyate en la información que te brinden usuarios utilizando técnicas como el card sorting, cuyos resultados te ayudarán a evaluar la organización y jerarquías del árbol de categorías.
Ejemplos
Ejemplos
Categorías y filtros
Estructura clara, lo más sencillo y rápido posible
● Si mis categorías tienen bastantes productos, debo apoyarme en uno o varios filtros avanzados.
Carrito
● Ofrece feedback cuando el producto se ha añadido al carrito.Para escritorio muestra un modal lateral sin overlay y para versión móvil una interacción simulando que la imagen del producto entra al icono de carrito.
Pero sin obstruir la experiencia del usuario.
¿Cuántas veces has dado clic en el botón de “Añadir al carrito” y has tenido la sensación de que no ha pasado nada?
Carrito
● Ofrece feedback cuando el producto se ha añadido al carrito.Para escritorio muestra un modal lateral sin overlay y para versión móvil una interacción simulando que la imagen del producto entra al icono de carrito.
Pero sin obstruir la experiencia del usuario.
¿Cuántas veces has dado clic en el botón de “Añadir al carrito” y has tenido la sensación de que no ha pasado nada?
● Ofrecer productos adicionales o una venta cruzada
● Persuadir al usuario a añadir más productos para obtener un envío gratis
CarritoAprovecha el carrito para vender más
Carrito
● Ofrecer una vista rápida ya sea con hover para escritorio y para versión móvil muestra el total fijo en la parte inferior de la pantalla.
Solo quiero ver ¿cuánto dinero llevo en mi carrito? y después seguir añadiendo productos
Carrito
● Ofrecer una vista rápida ya sea con hover para escritorio y para versión móvil muestra el total fijo en la parte inferior de la pantalla.
Solo quiero ver ¿cuánto dinero llevo en mi carrito? y después seguir añadiendo productos
Check out
● Permite que tus futuros clientes compren sin la necesidad de crear una cuenta.
● Ofrece un acceso sutil y visible para que tus clientes con cuenta puedan acceder.
¡Quiero comprar! No registrarme
Check out
Deja en claro tu propuesta de valor.
● Persuade al usuario a crear una cuenta mientras te está dando su correo electrónico para la entrega del pedido.
● Hazlo muy fácil, con solo pedir correo y contraseña es más que suficiente.
...Y...es FORZOSO que tenga una cuenta?
Check out
● Debe quedar muy claro lo que se está comprando, incluyendo las fotografías, precios por producto y descuentos, hay que evitar que el usuario salga del proceso para buscar esta información.
● También en móvil mantén visible esta información.
¿Si eché la camisa naranja al carrito? Resumen siempre visible
Check out
● Si hemos logrado que nuestro cliente llegue hasta este punto, no hay que darle motivos para que salga del proceso.
● Elimina barra de navegación, footer y cualquier link que pueda distraerlo.
● Si intenta salir confirma la acción ¿Que tal y clickeo el logo por equivocación? y pierde toda su información ingresada.
Evita los puntos de fuga.
Check out
● Ayuda a tu usuario a llenar la menor cantidad de campos.
● Ofrece autollenado a partir del código postal, para que solo llenen calle y número.
● Solicita su nombre y apellido(s) en un solo campo.
¡Ay! que flojera llenar mi dirección
Check out
● Muestra a tus clientes que pueden obtener ayuda en su proceso de compra.
● Chats que se abran cuando el usuario ya se tardó en realizar la acción, preguntando ¿Tienes alguna duda con tu compra? ¿En qué te puedo ayudar?
● Teléfono de emergencia para mantener al usuario seguro con su transacción.
Proporciona chat o teléfono de ayuda
Check out
● Información clara de la compra● Número de pedido● Resumen de pedido● Teléfonos de ayuda● Si hubo un descuento en la compra hay
que resaltarlo● Envía una confirmación por correo con
los datos del pedido● Sobre todo dar las gracias
Ya pagué y ¿ahora qué?
Servicio al cliente - post venta
● Correo o SMS de confirmación: En cuanto el cliente realice la compra, es conveniente que reciba lo antes posible una respuesta automatizada de confirmación, conforme el pedido ha sido recibido correctamente.
● Comunicar el momento en el que se realiza el envío hacia la dirección de entrega.
● Tracking de mi pedido(elige bien a tu aliado de paquetería)
Consigue fidelizar a los cliente, generar lealtad de marca y además, incrementar las ventas.
Servicio al cliente - post venta
Consigue fidelizar a los cliente, generar lealtad de marca y además, incrementar las ventas.
● Asesoramiento incluso después de la compra.
● Dentro del servicio post-venta del e-commerce podemos pedir opiniones, sugerencias o ideas a los clientes.
En esta encuesta se deben contemplar aspectos como: el estado del pedido, el tiempo de entrega, la atención al cliente y la experiencia de compra en general.
● Actuar ante la disconformidad de un cliente, tu sitio debe estar preparado para el proceso de devolución o solicitud de garantía de un producto.
Ejemplos
Ejemplos
El servicio post venta de tu e-commerce debe
enamorar.
El e-commerce perfecto no existe,
todo siempre es mejorable.
Pruebas de usabilidad
Para que un producto esté realmente centrado en el usuario, debe involucrar a los usuarios en el proceso de diseño.Realizar una prueba de usabilidad, entre otras cosas, lo ayudará a:
1. Medir la satisfacción de los usuarios con su producto.
2. Identificar si los usuarios pueden completar tareas
específicas con éxito.
3. Identificar los cambios en el diseño que se podrían
necesitar para abordar cualquier deficiencia y para mejorar
el rendimiento.
4. Recibir comentarios útiles sobre cómo se puede mejorar su
sitio.
¿Mi ecommerce funciona de manera efectiva?¿Les gusta a los usuarios usar mi plataforma?
Focus con contact center
Mapas de calor
Form behaviour
Pruebas de usabilidad
First click testing
A/B Testing
Pero no es el único factor para mejorar la
experiencia de compra en tu e-commerce
CX UX
Experiencia de cliente Experiencia de usuario
Customer eXperience User eXperience
CX UX
● Investigación del usuario
● Arquitectura de la Información
● Usabilidad● Diseño interactivo● Diseño Visual● Estrategia de contenido
Experiencia de usuario
CX UX● Servicio al cliente● Publicidad● Estrategias de precios● Envío y logística
Experiencia de cliente
Bambú Mobile tu aliado tecnológico
www.bambu-mobile.com
MUCHAS GRACIAS
@bambumobile
@bambu_mobile Bambú Mobile