horrores de diseño web en ecommerce
DESCRIPTION
Los errores más comunes a la hora de hacer tiendas online y cómo remediarlos.TRANSCRIPT
![Page 1: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/1.jpg)
Horrores de Diseño Web en eCommerce
DG Lucas MourelleLíder de Diseño - OmbuShop
@lucasmourelle
![Page 2: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/2.jpg)
#ELD2013#UX
#eCommerce
![Page 3: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/3.jpg)
Lucas MourelleDiseñadorFront-end developerDocente
Líder de Diseño de
•••
•
![Page 4: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/4.jpg)
HORRORESCÓMO NO VENDER ONLINE
![Page 5: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/5.jpg)
FOTOGRAFÍAS
![Page 6: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/6.jpg)
FOTOGRAFÍAS
Un bolso
![Page 7: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/7.jpg)
FOTOGRAFÍAS
Un bolso
![Page 8: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/8.jpg)
![Page 9: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/9.jpg)
![Page 10: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/10.jpg)
FOTOGRAFÍAS
![Page 11: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/11.jpg)
FOTOGRAFÍAS
![Page 12: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/12.jpg)
FOTOGRAFÍAS
![Page 13: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/13.jpg)
FOTOGRAFÍAS
![Page 14: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/14.jpg)
FOTOGRAFÍAS
![Page 15: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/15.jpg)
INFORMACIÓN
![Page 16: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/16.jpg)
INFORMACIÓNSelmer ParisModelo MARK VI Laqueado-Campana Grabadanúmero de serie 195XXX- Año 1971
![Page 17: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/17.jpg)
INFORMACIÓNSelmer ParisModelo MARK VI Laqueado-Campana Grabadanúmero de serie 195XXX- Año 1971
Este es un increíble soprano Mark VI de los “mágicos”, los que tienen algo más que otros excelentes instrumentos. Un plus que es difícil definir. Habitualmente se describen los instrumentos en términos de lo que se escucha, el lado de un oyente: el "afuera".La otra dimensión que se puede tomar en cuenta es la del músico: lo que siente el músico al soplar un instrumento excepcional.
La emisión es puramente libre, sin resistencia. Uno siente ser todo sonido al soplarlo. La emisión es sin freno. La potencia no se acaba. Y esto se percibe en cualquier rango del instrumento. El otro
![Page 18: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/18.jpg)
INFORMACIÓN
![Page 19: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/19.jpg)
INFORMACIÓN
![Page 20: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/20.jpg)
INFORMACIÓN
![Page 21: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/21.jpg)
INFORMACIÓN
![Page 22: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/22.jpg)
CHECKOUT
![Page 23: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/23.jpg)
CHECKOUT
![Page 24: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/24.jpg)
CHECKOUT
![Page 25: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/25.jpg)
CHECKOUT
![Page 26: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/26.jpg)
CHECKOUT
![Page 27: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/27.jpg)
CHECKOUT
![Page 28: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/28.jpg)
CHECKOUT
![Page 29: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/29.jpg)
¿VENTA POR MENSAJES?✔ 1. Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ 2. Vendedor: $100
✔ 3. Cliente: ¡Genial! ¿Me envían dos a Palermo?
✔ 4. Vendedor: Sí, te va a salir $120.
✔ 5. Cliente: ¡Dale! ¿Cómo te pago?
✔ 6. Vendedor: Se hace pago contra entrega...
![Page 30: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/30.jpg)
✔ 1. Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ 2. Vendedor: $100
✔ 3. Cliente: ¿Pesos o dólares?
✔ 4. Vendedor: Pesos argentinos.
✔ 5. Cliente: ¿Te puedo pagar $50 y te dejo el modelo XYZ como parte de pago?
✔ 6. Vendedor: Acepto sólo efectivo.
✔ 7. Cliente: $80, es todo lo que puedo acercarme.
✔ 8. Vendedor: No. El precio es $100.
![Page 31: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/31.jpg)
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
![Page 32: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/32.jpg)
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
✔ Vendedor: $100
✔ Cliente: ¿Pesos o dólares?
✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta?
![Page 33: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/33.jpg)
VENTA POR MENSAJES
✔ Experiencia tediosa
✔ Pérdida de tiempo
✔ Pérdida de paciencia
✔ Dificultad de compra
✔ Conversiones bajas
![Page 34: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/34.jpg)
NAVEGACIÓN DE PRODUCTOS
✔ Zapatos
✔ Zapatillas
✔ Valijas
✔ Carteras
✔ Bolsos
x Producto
![Page 35: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/35.jpg)
NAVEGACIÓN DE PRODUCTOS
✔ Zapatos
✔ Zapatillas
✔ Valijas
✔ Carteras
✔ Bolsos
x Producto
✔ Para Hombre
✔ Calzado Joven
✔ Calzado Formal
✔ Valijas y Bolsos
✔ Para Mujer
✔ Calzado Joven
✔ Calzado Formal
x Usuario
![Page 36: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/36.jpg)
PENSANDO EN EL USUARIODANDO FIN AL DISEÑO AUTO-REFERENCIAL
![Page 37: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/37.jpg)
PENSANDO EN EL USUARIO
![Page 38: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/38.jpg)
PENSANDO EN EL USUARIO
?
![Page 39: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/39.jpg)
![Page 40: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/40.jpg)
![Page 41: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/41.jpg)
![Page 42: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/42.jpg)
![Page 43: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/43.jpg)
![Page 44: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/44.jpg)
![Page 45: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/45.jpg)
PRUEBEN CON USUARIOS!
![Page 46: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/46.jpg)
DISEÑAR LA UX¿PODEMOS MEJORAR LA EXPERIENCIA QUE TIENEN
NUESTROS USUARIOS?
![Page 47: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/47.jpg)
UXUser eXperience
(experiencia de usuario)
?
![Page 48: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/48.jpg)
Percepción del usuario, que resulta de los factores y situaciones que surgen en la interacción de dicho usuario con un producto o servicio.
UXEXPERIENCIA DE USUARIO
![Page 49: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/49.jpg)
UXExperiencia de Usuario
![Page 50: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/50.jpg)
UXExperiencia de Usuario
![Page 51: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/51.jpg)
UXExperiencia de Usuario
LLEGADA
![Page 52: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/52.jpg)
UXExperiencia de Usuario
ANÁLISISLLEGADA
![Page 53: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/53.jpg)
UXExperiencia de Usuario
ELECCIÓNANÁLISISLLEGADA
![Page 54: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/54.jpg)
UXExperiencia de Usuario
COMPRAELECCIÓNANÁLISISLLEGADA
![Page 55: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/55.jpg)
UXExperiencia de Usuario
RECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 56: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/56.jpg)
UXExperiencia de Usuario
USORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 57: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/57.jpg)
UXExperiencia de Usuario
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 58: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/58.jpg)
UXExperiencia de Usuario
![Page 59: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/59.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 60: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/60.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 61: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/61.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 62: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/62.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 63: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/63.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 64: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/64.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 65: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/65.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 66: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/66.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 67: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/67.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 68: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/68.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 69: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/69.jpg)
POSTUSORECEPCIÓNCOMPRAELECCIÓNANÁLISISLLEGADA
![Page 70: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/70.jpg)
UXExperiencia total
![Page 71: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/71.jpg)
CUESTIONES TÉCNICASINTERNET Y LA WEB
![Page 72: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/72.jpg)
W3CWorld Wide Web Consortium
![Page 73: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/73.jpg)
W3C + WHATWGWeb Hypertext Application Technology
Working GroupWorld Wide Web Consortium
![Page 74: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/74.jpg)
HTMLCONTENIDO
CSSPRESENTACIÓN
JavaScriptCOMPORTAMIENTO
Estructurado semánticamente
Descripción del diseño
Programación de la interacción
![Page 75: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/75.jpg)
HTMLCONTENIDO
CSSPRESENTACIÓN
JavaScriptCOMPORTAMIENTO
Estructurado semánticamente
Descripción del diseño
Programación de la interacción
![Page 76: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/76.jpg)
![Page 77: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/77.jpg)
¿Por qué la tecnología es importante para la UX?
![Page 78: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/78.jpg)
✔ Comportamiento predecible de los navegadores web
¿Por qué la tecnología es importante para la UX?
![Page 79: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/79.jpg)
✔ Comportamiento predecible de los navegadores web
✔ SEO (Search Engine Optimization)
¿Por qué la tecnología es importante para la UX?
![Page 80: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/80.jpg)
✔ Comportamiento predecible de los navegadores web
✔ SEO (Search Engine Optimization)
✔ Accesibilidad
¿Por qué la tecnología es importante para la UX?
![Page 81: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/81.jpg)
✔ Comportamiento predecible de los navegadores web
✔ SEO (Search Engine Optimization)
✔ Accesibilidad
✔ Usabilidad
¿Por qué la tecnología es importante para la UX?
![Page 82: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/82.jpg)
LA TECNOLOGÍAES IMPORTANTE
PARA LA UX
![Page 83: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/83.jpg)
PLATAFORMAELEGIR LA PLATAFORMA DE VENTAS ADECUADA
![Page 84: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/84.jpg)
PLATAFORMA
✔ Blog / Facebook (venta por mensajes)
✔ Marketplace de diseño
✔ Tienda en Facebook
✔ Tienda con dirección propia (as-a-service)
✔ Tienda con dirección propia a medida
ELEGIR LA PLATAFORMA DE VENTAS ADECUADA
![Page 85: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/85.jpg)
PLATAFORMA
✔ Blog / Facebook (venta por mensajes)
✔ Marketplace de diseño
✔ Tienda en Facebook
✔ Tienda con dirección propia (as-a-service)
✔ Tienda con dirección propia a medida
ELEGIR LA PLATAFORMA DE VENTAS ADECUADA
![Page 86: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/86.jpg)
PLATAFORMAELEGIR LA PLATAFORMA DE VENTAS ADECUADA
✔ Tienda en Facebook
✔ Tienda con dirección propia (as-a-service)
✔ Tienda con dirección propia a medida
![Page 87: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/87.jpg)
PLATAFORMAELEGIR LA PLATAFORMA DE VENTAS ADECUADA
✔ Tienda en Facebook
✔ Tienda con dirección propia (as-a-service)
✔ Tienda con dirección propia a medida
HTMLCONTENIDO
CSSPRESENTACIÓN
JavaScriptCOMPORTAMIENTO
![Page 88: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/88.jpg)
PRESENCIA ONLINEINCREMENTAR LAS VISITAS AL SITIO
![Page 89: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/89.jpg)
PRESENCIA ONLINEINCREMENTAR LAS VISITAS AL SITIO
✔ Uso de estándares web
✔ Marcado semántico
✔ Links en otros sitios
✔ Uso inteligente de las redes sociales
✔ Campañas virales
✔ Newsletter (no hacer SPAM)
![Page 90: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/90.jpg)
SEO
PRESENCIA ONLINEINCREMENTAR LAS VISITAS AL SITIO
✔ Uso de estándares web
✔ Marcado semántico
✔ Links en otros sitios
✔ Uso inteligente de las redes sociales
✔ Campañas virales
✔ Newsletter (no hacer SPAM)
![Page 91: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/91.jpg)
JERARQUÍASEXPLICITAR CLARAMENTE LOS NIVELES DE LECTURA
![Page 92: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/92.jpg)
![Page 93: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/93.jpg)
![Page 94: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/94.jpg)
![Page 95: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/95.jpg)
#1
#2
#3
![Page 96: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/96.jpg)
![Page 97: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/97.jpg)
CALL TO ACTIONLLAMADO A LA ACCIÓN
![Page 98: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/98.jpg)
CALL TO ACTIONLLAMADO A LA ACCIÓN
![Page 99: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/99.jpg)
CALL TO ACTIONLLAMADO A LA ACCIÓN
![Page 100: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/100.jpg)
CALL TO ACTIONLLAMADO A LA ACCIÓN
![Page 101: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/101.jpg)
CHECKOUTCONCRETAR LA COMPRA, PAGO, ENVÍO
![Page 102: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/102.jpg)
CHECKOUTCONCRETAR LA COMPRA, PAGO, ENVÍO
✔ Call to action
![Page 103: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/103.jpg)
CHECKOUTCONCRETAR LA COMPRA, PAGO, ENVÍO
✔ Call to action
✔ Carrito
![Page 104: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/104.jpg)
CHECKOUTCONCRETAR LA COMPRA, PAGO, ENVÍO
✔ Call to action
✔ Carrito
✔ Checkout
![Page 105: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/105.jpg)
CHECKOUTCALL TO ACTION
![Page 106: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/106.jpg)
CHECKOUTCARRITO
![Page 107: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/107.jpg)
CHECKOUT
![Page 108: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/108.jpg)
CHECKOUTSIN OBSTÁCULOS
![Page 109: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/109.jpg)
CHECKOUTSIN OBSTÁCULOS
✔ Datos de contacto
![Page 110: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/110.jpg)
CHECKOUTSIN OBSTÁCULOS
✔ Datos de contacto
✔ Medio de envío
![Page 111: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/111.jpg)
CHECKOUTSIN OBSTÁCULOS
✔ Datos de contacto
✔ Medio de envío
✔ Medio de pago
![Page 112: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/112.jpg)
CHECKOUTSIN OBSTÁCULOS
✔ Datos de contacto
✔ Medio de envío
✔ Medio de pago
✔ Confirmación (datos de la compra)
![Page 113: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/113.jpg)
CHECKOUTSIN OBSTÁCULOS
✔ Datos de contacto
✔ Medio de envío
✔ Medio de pago
✔ Confirmación (datos de la compra)
✔ Factura (feedback de éxito al usuario)
![Page 114: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/114.jpg)
ONE MORE THING…
![Page 115: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/115.jpg)
DISPOSITIVOS MÓVILESPOSIBILIDADES TÉCNICAS
![Page 116: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/116.jpg)
MEDIA QUERIESDISEÑO LÍQUIDO
![Page 117: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/117.jpg)
MEDIA QUERIESDISEÑO LÍQUIDO
![Page 118: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/118.jpg)
MEDIA QUERIESDISEÑO LÍQUIDO
![Page 119: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/119.jpg)
MEDIA QUERIESDISEÑO LÍQUIDO
![Page 120: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/120.jpg)
MEDIA QUERIESDISEÑO LÍQUIDO
![Page 121: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/121.jpg)
MEDIA QUERIESDISEÑO LÍQUIDO
![Page 122: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/122.jpg)
![Page 123: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/123.jpg)
¡Muchas gracias!
Lucas Mourelle
![Page 124: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/124.jpg)
¿Preguntas?
Lucas Mourelle@lucasmourelle
![Page 125: Horrores de Diseño Web en eCommerce](https://reader038.vdocumento.com/reader038/viewer/2022110120/55807767d8b42a925c8b5101/html5/thumbnails/125.jpg)
Chau!
Lucas Mourelle@lucasmourelle