UX en e-Commerce

1. LA IMPORTANCIA DE LA UX (USER EXPERIENCE) EN EL DISEÑO DE SITIOS WEB PARA E-COMMERCE DG Lucas Mourelle @lucasmourelle | lucas@ombushop.com jueves 2 de agosto de 2012

2. eCommerce UX DG Lucas Mourelle Líder de Diseño - OmbuShop jueves 2 de agosto de 2012

3. #ELD2012 #UX #eCommerce jueves 2 de agosto de 2012

4. Lucas Mourelle Diseñador Front-end developer Docente Líder de Diseño de jueves 2 de agosto de 2012

5. COMPRA ONLINE LATINOAMÉRICA HOY: VENTA POR MENSAJES jueves 2 de agosto de 2012

6. BLOG ✔ Venta por mensajes ✔ Súper accesible ✔ Experiencia de uso: pobre ✔ Herramienta de marketing jueves 2 de agosto de 2012

7. FACEBOOK ✔ Millones de usuarios ✔ Venta por mensajes ✔ Promoción accesible ✔ Experiencia de uso: difícil jueves 2 de agosto de 2012

8. MERCADO LIBRE ✔ Marketplace ✔ Millones de visitantes ✔ Alta exposición ✔ Gran competencia ✔ Gateway de pagos: Mercado Pago jueves 2 de agosto de 2012

9. jueves 2 de agosto de 2012

10. ¿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... jueves 2 de agosto de 2012

11. ✔ 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. jueves 2 de agosto de 2012

12. ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? jueves 2 de agosto de 2012

13. ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Cliente: ¡Qué lindo! ¿Cuánto cuesta? ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Vendedor: $100 ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? ✔ Cliente: ¿Pesos o dólares? jueves 2 de agosto de 2012

14. VENTA POR MENSAJES ✔ Experiencia tediosa ✔ Pérdida de tiempo ✔ Pérdida de paciencia ✔ Diﬁcultad de compra ✔ Conversiones bajas jueves 2 de agosto de 2012

15. DISEÑAR LA UX ¿PODEMOS MEJORAR LA EXPERIENCIA QUE TIENEN NUESTROS USUARIOS? jueves 2 de agosto de 2012

16. ? UX User eXperience (experiencia de usuario) jueves 2 de agosto de 2012

17. UX EXPERIENCIA DE USUARIO 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. jueves 2 de agosto de 2012

18. UX Experiencia de Usuario jueves 2 de agosto de 2012

20. UX Experiencia de Usuario LLEGADA jueves 2 de agosto de 2012

21. UX Experiencia de Usuario LLEGADA ANÁLISIS jueves 2 de agosto de 2012

22. UX Experiencia de Usuario LLEGADA ANÁLISIS ELECCIÓN jueves 2 de agosto de 2012

23. UX Experiencia de Usuario LLEGADA ANÁLISIS ELECCIÓN COMPRA jueves 2 de agosto de 2012

24. UX Experiencia de Usuario LLEGADA ANÁLISIS ELECCIÓN COMPRA RECEPCIÓN jueves 2 de agosto de 2012

25. UX Experiencia de Usuario LLEGADA ANÁLISIS ELECCIÓN COMPRA RECEPCIÓN USO jueves 2 de agosto de 2012

26. UX Experiencia de Usuario LLEGADA ANÁLISIS ELECCIÓN COMPRA RECEPCIÓN USO POST jueves 2 de agosto de 2012

28. LLEGADA ANÁLISIS ELECCIÓN COMPRA RECEPCIÓN USO POST jueves 2 de agosto de 2012

39. UX Experiencia total jueves 2 de agosto de 2012

40. CUESTIONES TÉCNICAS INTERNET Y LA WEB jueves 2 de agosto de 2012

41. INTERNET jueves 2 de agosto de 2012

55. LA WEB (World Wide Web) jueves 2 de agosto de 2012

66. INTERNET jueves 2 de agosto de 2012

67. servidor INTERNET jueves 2 de agosto de 2012

68. servidor INTERNET cliente jueves 2 de agosto de 2012

70. servidor INTERNET cliente jueves 2 de agosto de 2012

71. servidor PEDIDO INTERNET cliente jueves 2 de agosto de 2012

72. servidor PEDIDO INTERNET RESPUESTA cliente jueves 2 de agosto de 2012

73. servidor PEDIDO INTERNET cliente jueves 2 de agosto de 2012

74. servidor PEDIDO INTERNET HTML cliente jueves 2 de agosto de 2012

75. servidor PEDIDO INTERNET HTML CSS cliente jueves 2 de agosto de 2012

76. servidor PEDIDO INTERNET HTML CSS JS cliente jueves 2 de agosto de 2012

77. servidor PEDIDO INTERNET HTML CSS JS JPEG cliente jueves 2 de agosto de 2012

78. servidor PEDIDO INTERNET HTML CSS JS JPEG GIF cliente jueves 2 de agosto de 2012

79. servidor PEDIDO INTERNET HTML CSS JS JPEG GIF PNG cliente jueves 2 de agosto de 2012

80. servidor PEDIDO INTERNET HTML CSS JS JPEG GIF PNG cliente etc... jueves 2 de agosto de 2012

81. servidor PEDIDO INTERNET HTML CSS JS JPEG GIF PNG cliente etc... jueves 2 de agosto de 2012

82. HTML jueves 2 de agosto de 2012

83. HTML Estándar mundial jueves 2 de agosto de 2012

84. ESTÁNDARES WEB IMPORTANTES PARA LA UX EN eCOMMERCE jueves 2 de agosto de 2012

85. W3C World Wide Web Consortium jueves 2 de agosto de 2012

86. W3C + WHATWG World Wide Web Consortium Web Hypertext Application Technology Working Group jueves 2 de agosto de 2012

87. HTML CSS JavaScript CONTENIDO PRESENTACIÓN COMPORTAMIENTO Estructurado Descripción del Programación de la semánticamente diseño interacción jueves 2 de agosto de 2012

88. HTML CSS JavaScript CONTENIDO PRESENTACIÓN COMPORTAMIENTO Estructurado Descripción del Programación de la semánticamente diseño interacción jueves 2 de agosto de 2012

90. ¿Por qué la tecnlogía es importante para la UX? jueves 2 de agosto de 2012

91. ¿Por qué la tecnlogía es importante para la UX? ✔ Comportamiento predecible de los navegadores web jueves 2 de agosto de 2012

92. ¿Por qué la tecnlogía es importante para la UX? ✔ Comportamiento predecible de los navegadores web ✔ SEO (Search Engine Optimization) jueves 2 de agosto de 2012

93. ¿Por qué la tecnlogía es importante para la UX? ✔ Comportamiento predecible de los navegadores web ✔ SEO (Search Engine Optimization) ✔ Accesibilidad jueves 2 de agosto de 2012

94. ¿Por qué la tecnlogía es importante para la UX? ✔ Comportamiento predecible de los navegadores web ✔ SEO (Search Engine Optimization) ✔ Accesibilidad ✔ Usabilidad jueves 2 de agosto de 2012

95. LA TECNOLOGÍA ES IMPORTANTE PARA LA UX jueves 2 de agosto de 2012

96. DISEÑAR LA UX ¿CÓMO MEJORAR LA EXPERIENCIA DE COMPRA DE NUESTROS USUARIOS? jueves 2 de agosto de 2012

97. PLATAFORMA ELEGIR LA PLATAFORMA DE VENTAS ADECUADA jueves 2 de agosto de 2012

98. PLATAFORMA ELEGIR LA PLATAFORMA DE VENTAS ADECUADA ✔ 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 jueves 2 de agosto de 2012

99. PLATAFORMA ELEGIR LA PLATAFORMA DE VENTAS ADECUADA ✔ 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 jueves 2 de agosto de 2012

100. PLATAFORMA ELEGIR LA PLATAFORMA DE VENTAS ADECUADA ✔ Tienda en Facebook ✔ Tienda con dirección propia (as-a-service) ✔ Tienda con dirección propia a medida jueves 2 de agosto de 2012

101. PLATAFORMA ELEGIR LA PLATAFORMA DE VENTAS ADECUADA HTML CSS JavaScript CONTENIDO PRESENTACIÓN COMPORTAMIENTO ✔ Tienda en Facebook ✔ Tienda con dirección propia (as-a-service) ✔ Tienda con dirección propia a medida jueves 2 de agosto de 2012

102. PRESENCIA ONLINE INCREMENTAR LAS VISITAS AL SITIO jueves 2 de agosto de 2012

103. PRESENCIA ONLINE INCREMENTAR 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) jueves 2 de agosto de 2012

104. PRESENCIA ONLINE INCREMENTAR LAS VISITAS AL SITIO ✔ Uso de estándares web ✔ Marcado semántico SEO ✔ Links en otros sitios ✔ Uso inteligente de las redes sociales ✔ Campañas virales ✔ Newsletter (no hacer SPAM) jueves 2 de agosto de 2012

105. FOTOGRAFÍA EL USUARIO DEBE VER CLARAMENTE EL PRODUCTO jueves 2 de agosto de 2012

108. JERARQUÍAS EXPLICITAR CLARAMENTE LOS NIVELES DE LECTURA jueves 2 de agosto de 2012

112. #1 #2 #3 jueves 2 de agosto de 2012

116. CALL TO ACTION LLAMADO A LA ACCIÓN jueves 2 de agosto de 2012

120. CHECKOUT CONCRETAR LA COMPRA, PAGO, ENVÍO jueves 2 de agosto de 2012

121. CHECKOUT CONCRETAR LA COMPRA, PAGO, ENVÍO ✔ Call to action jueves 2 de agosto de 2012

122. CHECKOUT CONCRETAR LA COMPRA, PAGO, ENVÍO ✔ Call to action ✔ Carrito jueves 2 de agosto de 2012

123. CHECKOUT CONCRETAR LA COMPRA, PAGO, ENVÍO ✔ Call to action ✔ Carrito ✔ Checkout jueves 2 de agosto de 2012

124. CHECKOUT CALL TO ACTION jueves 2 de agosto de 2012

125. CHECKOUT CARRITO jueves 2 de agosto de 2012

126. CHECKOUT jueves 2 de agosto de 2012

127. CHECKOUT SIN OBSTÁCULOS jueves 2 de agosto de 2012

128. CHECKOUT SIN OBSTÁCULOS ✔ Datos de contacto jueves 2 de agosto de 2012

129. CHECKOUT SIN OBSTÁCULOS ✔ Datos de contacto ✔ Medio de envío jueves 2 de agosto de 2012

130. CHECKOUT SIN OBSTÁCULOS ✔ Datos de contacto ✔ Medio de envío ✔ Medio de pago jueves 2 de agosto de 2012

131. CHECKOUT SIN OBSTÁCULOS ✔ Datos de contacto ✔ Medio de envío ✔ Medio de pago ✔ Conﬁrmación (datos de la compra) jueves 2 de agosto de 2012

132. CHECKOUT SIN OBSTÁCULOS ✔ Datos de contacto ✔ Medio de envío ✔ Medio de pago ✔ Conﬁrmación (datos de la compra) ✔ Factura (feedback de éxito al usuario) jueves 2 de agosto de 2012

133. MOBILE POSIBILIDADES TÉCNICAS PARA DISPOSITIVOS MÓVILES jueves 2 de agosto de 2012

134. MEDIA QUERIES DISEÑO LÍQUIDO jueves 2 de agosto de 2012

141. ¡Muchas gracias! Lucas Mourelle jueves 2 de agosto de 2012

142. ¿Preguntas? Lucas Mourelle @lucasmourelle lucas@ombushop.com jueves 2 de agosto de 2012

143. Chau! Lucas Mourelle @lucasmourelle lucas@ombushop.com jueves 2 de agosto de 2012

UX en e-Commerce

Recommandé

Recommandé

Contenu connexe

Similaire à UX en e-Commerce

Similaire à UX en e-Commerce (20)

Dernier

Dernier (20)

UX en e-Commerce