ux: responsabilidad creativa en ecommerce - luz de le³n

Download UX: Responsabilidad Creativa en Ecommerce - Luz de Le³n

Post on 04-Jul-2015

141 views

Category:

Technology

1 download

Embed Size (px)

TRANSCRIPT

  • 1. UX Responsabilidad creativa en ecommerce luz@diga-33.com www.diga-33.com @diga33

2. www.diga-33.com" luz@diga-33.com" @diga33 Un poco de (nuestra) historia Ao 1999, Banesto y CAP Gemini, los inicios Ao 2009, Ignacio Riesco nos encarga el primer comercio electrnico Ao 2007, nace Diga33! Pero llevamos toda la vida en esto 3. www.diga-33.com" luz@diga-33.com" @diga33 Crear experiencia de usuario en Banca genera ms opinin que resultado El usuario est cautivo del sistema 4. www.diga-33.com" luz@diga-33.com" @diga33 En el comercio electrnico, la matemtica no miente: o vendes o no vendes. 5. www.diga-33.com" luz@diga-33.com" @diga33 ENTONCES el diseador de experiencia lo tiene fcil. Facilitar los procesos barrera le suponen Ser able (plazos de envo y devolucin) Una poltica de precios competitiva Tener un producto atractivo 6. www.diga-33.com" luz@diga-33.com" @diga33 Disear para ecommerce No consiste en: ganar premios, ni escuchar literalmente al cliente, ni copiar otras tiendas 7. www.diga-33.com" luz@diga-33.com" @diga33 ZARA Marca con un recorrido (desde 1974) Producto con demanda 1808 tiendas en el mundo a 30 de octubre del 2013 S, y su tienda on-line mola! pero es usable? 8. www.diga-33.com" luz@diga-33.com" @diga33 Sed muy creativos = 3 insatisfechos 9. www.diga-33.com" luz@diga-33.com" @diga33 Momentos clave en el diseo de UX de una tienda on-line: 1. LA APROXIMACIN 1. LA APROXIMACIN 2. EL PROCESO DE COMPRA 3. E 10. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades de la aproximacin mirar: producto y precio moverse con libertad por la tienda encontrar aquello que se esta buscando 1. LA APROXIMACIN 11. www.diga-33.com" luz@diga-33.com" @diga33 Las herramientas Buscadores Filtros (LAYERED de Magento) Comparadores Opiniones vericadas de otros usuarios que han comparado el producto 1. LA APROXIMACIN 12. www.diga-33.com" luz@diga-33.com" @diga33 Las herramientas Buscadores 1. LA APROXIMACIN 13. www.diga-33.com" luz@diga-33.com" @diga33 Las herramientas Filtros (LAYERED de Magento) 1. LA APROXIMACIN 14. www.diga-33.com" luz@diga-33.com" @diga33 Las herramientas Comparadores 1. LA APROXIMACIN 15. www.diga-33.com" luz@diga-33.com" @diga33 Las herramientas Opiniones vericadas 1. LA APROXIMACIN 16. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades de la aproximacin Toma de decisin de compra: quiero este producto 1. LA APROXIMACIN mirar: producto y precio moverse con libertad por la tienda encontrar aquello que se esta buscando Buscadores Filtros Comparadores Opiniones vericadas 17. www.diga-33.com" luz@diga-33.com" @diga33 Momentos clave en el diseo de UX de una tienda on-line: 2. EL PROCESO DE COMPRA 1. LA APROXIMACIN 2. EL PROCESO DE COMPRA 3. E 18. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades del proceso de compra 2. EL PROCESO DE COMPRA AADIR AL CARRITO PAGAR REVISAR EL CARRITO COMPLETAR LA COMPRA 19. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades del proceso de compra 2. EL PROCESO DE COMPRA AADIR AL CARRITO PAGAR REVISAR EL CARRITO COMPLETAR LA COMPRA COMPRABILIDAD Ya esta, lo quiero, venga qu tengo que hacer? envamelo envamelo, quiero pagar este producto y tenerlo YA 20. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades del proceso de compra Elegir el producto (talla, u otra conguracin) y aadirlo al carro 2. EL PROCESO DE COMPRA 21. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades del proceso de compra Revisar mi compra 2. EL PROCESO DE COMPRA 22. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades del proceso de compra Completar mi compra Pagar 2. EL PROCESO DE COMPRA 23. www.diga-33.com" luz@diga-33.com" @diga33 Momentos clave en el diseo de UX de una tienda on-line: 3. EL RECUERDO 1. LA APROXIMACIN 2. EL PROCESO DE COMPRA 3. EL RECUERDO 24. www.diga-33.com" luz@diga-33.com" @diga33 Necesidades para ser recordados Hemos hecho el proceso de compra satisfactorio? El usuario esta contento? La compra respira marca? 3. EL RECUERDO 25. www.diga-33.com" luz@diga-33.com" @diga33 El nuevo paradigma del diseador 3. EL RECUERDO Quiero el botn comprar ms grande Quiero el logotipo mas grande VS 26. www.diga-33.com" luz@diga-33.com" @diga33 El nuevo paradigma del diseador Los proyectos ya NO empiezan en el Photoshop 3. EL RECUERDO 27. www.diga-33.com" luz@diga-33.com" @diga33 La realizacin de prototipos La clave para no pintar sino disear interaccin 3. EL RECUERDO 28. www.diga-33.com" luz@diga-33.com" @diga33 Y Dnde queda el papel del diseador de UX? 3. EL RECUERDO Una nueva responsabilidad: trabajar la funcionalidad 29. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 1 Omnicanal 3. EL RECUERDO 30. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 2 Fotos ms grandes 3. EL RECUERDO 31. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 3 Social 3. EL RECUERDO 32. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 4 Megamenus 3. EL RECUERDO 33. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 5 Fidelizacin: puntos y cupones 3. EL RECUERDO 34. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 6 Checkout sencillos 3. EL RECUERDO 35. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 7 Funcionalidades sorprendentes 3. EL RECUERDO 36. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 8 Minicarts funcionales 3. EL RECUERDO 37. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 9 Registros sencillos y atractivos 3. EL RECUERDO 38. www.diga-33.com" luz@diga-33.com" @diga33 Y las guidelines? 10 Test A/B 3. EL RECUERDO 39. www.diga-33.com" luz@diga-33.com" @diga33 MUCHAS GRACIAS! Diga33! creando experiencias desde el 2007