Documentos de Académico
Documentos de Profesional
Documentos de Cultura
FEATUR
ES
OPTIMIZATION
UX/UI
AI
Tiendas e-commerce en Chile
Usabilidad y Experiencia del Usuario
Informe 2014
Estudio Contexto
2
Metodología
3
Metodología Muestra de 40 sitios
4
Metodología Distribución por sector de los 40 sitios analizados
Venta de cupones
10%
Tecnología
Home Center
18%
8%
Otros Retail generalista
Retail generalista 8% Tecnología
Moda
15% Supermercados y venta alimentos
Venta de entradas
Venta de cupones
Home Center
Otros
5
Metodología Elementos analizados
Para el estudio comparativo, la pauta de evaluación se elaboró en base a buenas prácticas en usabilidad, principios
universales de diseño y criterios validados como siendo parte de una buena experiencia de usuario en interfaces digitales.
https://developers.google.com/speed/pagespeed/insights/
Para estos fines, se consideró como tarea la búsqueda y la compra de un producto de tamaño pequeño, como un hervidor, una
lámpara de escritorio, un cojín, etc. - según el tipo de sitio y el stock de productos disponibles.
Cuando el sitio tenía una versión adaptada para smartphones, además de la versión escritorio, se analizó el flujo de venta en línea a
través de un dispositivo móvil. 6
FEATUR
ES
OPTIMIZATION
Top 5
UX/UI
AI
7
Top 5 Top 5 sitios experiencia global (escritorio + mobile)
1. dafiti.cl
2. fundoexpedito.cl
3. lider.cl
+ 4. ripley.cl & 3mstore.cl
8
Top 5 Top 5 sitios experiencia m-commerce
E-Commerce en mobile
1. dafiti.cl
2. fundoexpedito.cl
3. 3mstore.cl & lider.cl
4. wados.cl
9
App Móvil Marcas que tienen una aplicación para Android o iOS
Sin app
Con iOS/Android app
FEATUR
ES
OPTIMIZATION
Hallazgos
UX/UI
AI
11
Estudio Hallazgos
#1
MODA
12
Estudio Hallazgos
13
Estudio Hallazgos
14
Estudio Hallazgos
15
Estudio Hallazgos
PERMITEN COMPRAR
MERCADO MUESTRA % FUENTE
COMO INVITADO
Costo de despacho
Un sitio web, cualquier sea su objetivo de conversión (vender, informar, relacionarse con
clientes, etc.) debería ser accesible al escribir el nombre de dominio con o sin www. Para ello,
es relevante tener un redireccionamiento 301, tal como lo hace el 43% de los sitios
analizados.
El manejo de errores es otro elemento importante y una forma de hacerlo es contemplar una
página 404 personalizada, para compensar por las páginas eliminadas o errores de tipeo a la
hora de escribir la URL. Para saber más, visitar nuestro blog: usabilitychefs.com/blog/
El tiempo de carga de la página también afecta la experiencia del usuario. Una página que
contiene código fuente e imágenes poco optimizadas será más difícil de acceder por el
navegador, lo que generará la percepción de lentitud pudiendo ser frustrante para el usuario.
17
Estudio Hallazgos
Características de la interfaz
Para facilitar la lectura en pantalla se recomienda ocupar una fuente de mínimo 16 pixeles.
En el estudio realizado por UsabilityChefs, se tomó como muestra el texto que constituye el cuerpo (<body>) de la
página de presentación / ficha de cada producto, donde se encontró que la mitad de las interfaces analizadas no
facilitan la lectura en pantalla. Así mismo, se observó que gran parte de los sitios e-commerce tienden a dar más
espacio a la imagen de producto que a la descripción de sus características.
22: A a B b C c D d E e F f G g
3%
20: A a B b C c D d E e F f G g
47% 50%
18: A a B b C c D d E e F f G g
16: A a B b C c D d E e F f G g
14: A a B b C c D d E e F f G g
12: A a B b C c D d E e F f G g
Menos de 12 px
10: A a B b C c D d E e F f G g Entre 12 y 15 px
16 px y +
18
FEATUR
ES
OPTIMIZATION
19
Brechas por sector
Supermercados
Sectores con
mejor resultado
1. Moda
2. Supermercado
3. Retail generalista
21
Resultados por sector Supermercado y venta de alimentos
www.lider.cl
www.tottus.cl www.fundoexpedito.cl
www.jumbo.cl Dos de los 6 supermercados en
www.ensucasa.cl línea ofrecen envío gratuito en la
RM para compras mayores a un Es el sitio que ofrece la
www.telemercados.cl monto determinado ($10.000, mejor experiencia de
$18.000 respectivamente para
www.fundoexpedito.cl ensucasa.cl y fundoexpedito.cl). compra en la categoría.
22
Resultados por sector Tecnología
www.dell.com/cl
www.wei.cl
www.linio.cl
El costo de despacho para un
store.sony.cl objeto pequeño
www.hponline.cl (ej: notebook) en una comuna de la
www.maconline.cl Región Metropolitana varía desde
los $2.000 hasta los $5.898.
www.pcfactory.cl
23
Resultados por sector Moda
www.adidas.cl
www.bataclub.cl www.dafiti.cl
www.dafiti.cl Dos de los 6 supermercados en
www.fashionspark.com línea ofrecen envío gratuito en la
RM para compras mayores a un Es el sitio que ofrece la
www.viaunochile.com monto determinado ($10.000, mejor experiencia de
$18.000 respectivamente para
www.wados.cl ensucasa.cl y fundoexpedito.cl). compra en la categoría.
24
¿Qué tipo de error penalizamos?
25
Precio del producto difícil de identificar a primera vista
26
Control y manejo de errores
Imposible registrarse, sin que el sistema comunique la razón.
27
Sobrecarga de información y ruido visual
Demasiados elementos compitiendo a nivel visual
28
Sobrecarga de información y ruido visual
En una pantalla como la que sigue , es complejo encontrar un elemento determinado como el carro de
compras o el login.
29
Ruido visual
El exceso de alineaciones genera una percepción de desorden que hace la lectura en la pantalla, más
compleja.
30
Información insuficiente sobre el producto
Ficha del producto limitada.
31
Formularios complejos con falta de alineamientos
Más allá de la gran cantidad de campos, que puede ser un elemento de desmotivación para un usuario, un
formulario de fácil uso debiese tener un alineamiento de los campos que facilite la lectura y, que cuando
corresponde, una agrupación de campos en sus secciones (ej: Datos Personales, Dirección, etc).
32
Formularios excesivamente largos
Considerando que el usuario está a un clic de cerrar la página y continuar navegando en otro sitio web, es
muy probable que al encontrar formularios con una cantidad excesiva de campos, abandone el proceso y no
vuelva más.
33
Relevancia del contenido en el contexto de la búsqueda
En la siguiente pantalla se filtró por “Electrodomésticos” y los primeros resultados siguen siendo los
smartphones.
34
Navegación poco intuitiva
La interfaz no usa patrones de diseño que apuntan a lo que el usuario ya sabe o está acostumbrado a hacer,
dado que navega en otras interfaces.
En la siguiente pantalla, la ubicación del mensaje de bienvenida (que permite saber si el login funcionó o no y
si el usuario está identificado enel sistema) es poco intuitiva. Este debería estar ubicado arriba a la derecha.
35
Cambio de navegación
El menú es un elemento importante de la navegación que debería ser constante en el sitio.
36
Buscador deficiente o que no indexa toda la información relevante del sitio
37
¿Qué valoramos?
38
Formularios claramente estructurados y con un flujo visual claro
39
Página de error 404 personalizada
40
Información transparente y flexibilidad
41
Interfaz de compra clara, sin ruido visual
42
Flujo visual indicando los pasos necesarios para comprar
43
Tácticas para aumentar la conversión
El uso de cupones de descuento o el envío gratuito para compras de un valor superior a un monto
determinado son sólo dos de las tácticas utilizadas por las tiendas online para aumentar la conversión.
44
Tácticas para aumentar la conversión
Hacer uso del sentido de urgencia, creando una percepción de rareza (“queda un sólo producto”), es otra
táctica común.
45
Tácticas para aumentar la conversión
Envío de alertas personalizadas cuando un producto que ya no se encuentra en stock, volverá a estar
disponible.
46
Tácticas para aumentar la conversión
Cuando el usuario puede ser identificado, enviar un recordatorio de carro de compras abandonado no debería
ser una tarea muy complicada
47
Buenas prácticas
48
2