UX: Responsabilidad Creativa en Ecommerce - Luz de León
-
Upload
meet-magento-spain -
Category
Technology
-
view
148 -
download
1
Transcript of UX: Responsabilidad Creativa en Ecommerce - Luz de León
![Page 2: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/2.jpg)
www.diga-33.com "[email protected]"@diga33
Un poco de (nuestra) historia
Año 1999, Banesto y CAP Gemini, los inicios
Año 2009, Ignacio Riesco nos encarga el primer comercio electrónico
Año 2007, nace Diga33! Pero llevamos toda la vida en esto
![Page 3: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/3.jpg)
www.diga-33.com "[email protected]"@diga33Crear experiencia de usuario en Banca
genera más opinión que resultado
El usuario está cautivo del sistema
![Page 4: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/4.jpg)
www.diga-33.com "[email protected]"@diga33En el comercio electrónico, la matemática no
miente: o vendes o no vendes.
![Page 5: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/5.jpg)
www.diga-33.com "[email protected]"@diga33
ENTONCES el diseñador de experiencia lo
tiene fácil.
Facilitar los procesos barrera le suponen
Ser fiable (plazos de envío y devolución)
Una política de precios competitiva
Tener un producto atractivo
![Page 6: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/6.jpg)
www.diga-33.com "[email protected]"@diga33
Diseñar para ecommerce
No consiste en: ganar premios, ni escuchar literalmente al cliente, ni copiar otras tiendas…
![Page 7: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/7.jpg)
www.diga-33.com "[email protected]"@diga33
ZARAMarca 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?
![Page 8: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/8.jpg)
www.diga-33.com "[email protected]"@diga33Sed muy creativos = 3 insatisfechos
![Page 9: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/9.jpg)
www.diga-33.com "[email protected]"@diga33
Momentos clave en el diseño de UX de una tienda on-line:
1. LA APROXIMACIÓN
1. LA APROXIMACIÓN
2. EL PROCESO DE COMPRA
3. E
![Page 10: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/10.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades de la aproximación
mirar: producto y precio
moverse con libertad por la tienda
encontrar aquello que se esta buscando
1. LA APROXIMACIÓN
![Page 11: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/11.jpg)
www.diga-33.com "[email protected]"@diga33
Las herramientas
✓ Buscadores
✓ Filtros (LAYERED de Magento)
✓ Comparadores
✓ Opiniones verificadas de otros usuarios que han comparado el producto
1. LA APROXIMACIÓN
![Page 13: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/13.jpg)
www.diga-33.com "[email protected]"@diga33
Las herramientas
Filtros (LAYERED de Magento)
1. LA APROXIMACIÓN
![Page 15: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/15.jpg)
www.diga-33.com "[email protected]"@diga33
Las herramientas
Opiniones verificadas
1. LA APROXIMACIÓN
![Page 16: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/16.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades de la aproximación
Toma de decisión de compra: “quiero este producto”
1. LA APROXIMACIÓN
mirar: producto y precio
moverse con libertad por la tienda
encontrar aquello que se esta buscando
Buscadores
Filtros
Comparadores
Opiniones verificadas
![Page 17: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/17.jpg)
www.diga-33.com "[email protected]"@diga33
Momentos clave en el diseño de UX de una tienda on-line:
2. EL PROCESO DE COMPRA
1. LA APROXIMACIÓN
2. EL PROCESO DE COMPRA
3. E
![Page 18: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/18.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra2. EL PROCESO DE COMPRA
AÑADIR AL CARRITO
PAGAR
REVISAR EL CARRITO
COMPLETAR LA COMPRA
![Page 19: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/19.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra2. EL PROCESO DE COMPRA
AÑADIR AL CARRITO
PAGAR
REVISAR EL CARRITO
COMPLETAR LA COMPRA
COMPRABILIDAD
Ya esta, lo quiero, venga ¿qué tengo que hacer? envíamelo envíamelo, quiero pagar este producto y tenerlo
YA…
![Page 20: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/20.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra
Elegir el producto (talla, u otra configuración) y añadirlo al carro
2. EL PROCESO DE COMPRA
![Page 21: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/21.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra
Revisar mi compra
2. EL PROCESO DE COMPRA
![Page 22: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/22.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra
Completar mi compra
Pagar
2. EL PROCESO DE COMPRA
![Page 23: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/23.jpg)
www.diga-33.com "[email protected]"@diga33
Momentos clave en el diseño de UX de una tienda on-line:
3. EL RECUERDO
1. LA APROXIMACIÓN
2. EL PROCESO DE COMPRA
3. EL RECUERDO
![Page 24: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/24.jpg)
www.diga-33.com "[email protected]"@diga33
Necesidades para ser recordados
¿Hemos hecho el proceso de compra satisfactorio? ¿El usuario esta contento? ¿La compra respira marca?
3. EL RECUERDO
![Page 25: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/25.jpg)
www.diga-33.com "[email protected]"@diga33
El nuevo paradigma del diseñador3. EL RECUERDO
Quiero el botón “comprar” más grande
Quiero el logotipo mas
grande VS
![Page 26: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/26.jpg)
www.diga-33.com "[email protected]"@diga33
El nuevo paradigma del diseñador
Los proyectos ya NO empiezan en el Photoshop
3. EL RECUERDO
![Page 27: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/27.jpg)
www.diga-33.com "[email protected]"@diga33La realización
de prototipos
La clave para no “pintar” sino diseñar interacción
3. EL RECUERDO
![Page 28: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/28.jpg)
www.diga-33.com "[email protected]"@diga33Y ¿Dónde queda el papel del
diseñador de UX?
3. EL RECUERDO
Una nueva responsabilidad: trabajar la funcionalidad
![Page 33: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/33.jpg)
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
5 Fidelización: puntos y cupones
3. EL RECUERDO
![Page 35: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/35.jpg)
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
7 Funcionalidades sorprendentes
3. EL RECUERDO
![Page 36: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/36.jpg)
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
8 Minicarts funcionales
3. EL RECUERDO
![Page 37: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/37.jpg)
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
9 Registros sencillos y atractivos
3. EL RECUERDO
![Page 39: UX: Responsabilidad Creativa en Ecommerce - Luz de León](https://reader033.fdocuments.es/reader033/viewer/2022052622/55978ae41a28ab6d5a8b47a6/html5/thumbnails/39.jpg)
www.diga-33.com "[email protected]"@diga33
¡MUCHAS GRACIAS!Diga33! creando experiencias desde el 2007