UX
Responsabilidad creativa
en ecommerce
luz@diga-33.com
www.diga-33.com 
@diga33
www.diga-33.com "
luz@diga-33.com"
@diga33
Un poco de (nuestra) historia
Año 1999,
Banesto y CAP
Gemini, los
inicios
Año 2...
www.diga-33.com "
luz@diga-33.com"
@diga33
Crear experiencia de usuario en Banca
genera más opinión que resultado
El usuar...
www.diga-33.com "
luz@diga-33.com"
@diga33
En el comercio electrónico, la matemática no
miente: o vendes o no vendes.
www.diga-33.com "
luz@diga-33.com"
@diga33
ENTONCES 

el diseñador de
experiencia lo
tiene fácil.
Facilitar los
procesos
b...
www.diga-33.com "
luz@diga-33.com"
@diga33
Diseñar para ecommerce
No consiste en: ganar premios, ni escuchar
literalmente ...
www.diga-33.com "
luz@diga-33.com"
@diga33
ZARA

Marca con un recorrido
(desde 1974)
Producto con demanda
1808 tiendas en ...
www.diga-33.com "
luz@diga-33.com"
@diga33
Sed muy creativos = 3 insatisfechos
www.diga-33.com "
luz@diga-33.com"
@diga33
Momentos clave en el diseño de UX 

de una tienda on-line:
1. LA APROXIMACIÓN
1...
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades de la aproximación
mirar:
producto y
precio
moverse con libertad
po...
www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
✓ Buscadores
✓ Filtros (LAYERED de Magento)
✓ Comparadores
✓ O...
www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Buscadores
1. LA APROXIMACIÓN
www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Filtros (LAYERED de Magento)
1. LA APROXIMACIÓN
www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Comparadores
1. LA APROXIMACIÓN
www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Opiniones verificadas
1. LA APROXIMACIÓN
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades de la aproximación
Toma de decisión
de compra: “quiero
este product...
www.diga-33.com "
luz@diga-33.com"
@diga33
Momentos clave en el diseño de UX 

de una tienda on-line:
2. EL PROCESO DE COM...
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades del proceso de compra
2. EL PROCESO DE COMPRA
AÑADIR AL
CARRITO
PAG...
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades del proceso de compra
2. EL PROCESO DE COMPRA
AÑADIR AL
CARRITO
PAG...
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades del proceso de compra
Elegir el producto (talla, u
otra configuració...
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades del proceso de compra
Revisar mi compra
2. EL PROCESO DE COMPRA
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades del proceso de compra
Completar mi
compra
Pagar
2. EL PROCESO DE CO...
www.diga-33.com "
luz@diga-33.com"
@diga33
Momentos clave en el diseño de UX 

de una tienda on-line:
3. EL RECUERDO
1. LA...
www.diga-33.com "
luz@diga-33.com"
@diga33
Necesidades para ser recordados
¿Hemos hecho el proceso de compra
satisfactorio...
www.diga-33.com "
luz@diga-33.com"
@diga33
El nuevo paradigma del diseñador
3. EL RECUERDO
Quiero el botón
“comprar” más
g...
www.diga-33.com "
luz@diga-33.com"
@diga33
El nuevo paradigma del diseñador
Los proyectos ya
NO empiezan en
el Photoshop
3...
www.diga-33.com "
luz@diga-33.com"
@diga33
La realización
de prototipos
La clave para no
“pintar” sino diseñar
interacción...
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿Dónde queda el papel del
diseñador de UX?
3. EL RECUERDO
Una nueva
responsab...
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
1 Omnicanal
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
2 Fotos más grandes
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
3 Social
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
4 Megamenus
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
5 Fidelización: puntos y cupones
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
6 Checkout sencillos
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
7 Funcionalidades sorprendentes
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
8 Minicarts funcionales
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
9 Registros sencillos y atractivos
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
Y ¿las guidelines?
10 Test A/B
3. EL RECUERDO
www.diga-33.com "
luz@diga-33.com"
@diga33
¡MUCHAS GRACIAS!
Diga33! creando experiencias desde el 2007
Próxima SlideShare
Cargando en…5
×

UX: Responsabilidad Creativa en Ecommerce - Luz de León

382 visualizaciones

Publicado el

Publicado en: Tecnología
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
382
En SlideShare
0
De insertados
0
Número de insertados
38
Acciones
Compartido
0
Descargas
7
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

UX: Responsabilidad Creativa en Ecommerce - Luz de León

  1. 1. UX Responsabilidad creativa en ecommerce luz@diga-33.com www.diga-33.com  @diga33
  2. 2. www.diga-33.com " luz@diga-33.com" @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
  3. 3. www.diga-33.com " luz@diga-33.com" @diga33 Crear experiencia de usuario en Banca genera más opinión que resultado El usuario está cautivo del sistema
  4. 4. www.diga-33.com " luz@diga-33.com" @diga33 En el comercio electrónico, la matemática no miente: o vendes o no vendes.
  5. 5. www.diga-33.com " luz@diga-33.com" @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
  6. 6. www.diga-33.com " luz@diga-33.com" @diga33 Diseñar para ecommerce No consiste en: ganar premios, ni escuchar literalmente al cliente, ni copiar otras tiendas…
  7. 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. 8. www.diga-33.com " luz@diga-33.com" @diga33 Sed muy creativos = 3 insatisfechos
  9. 9. www.diga-33.com " luz@diga-33.com" @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
  10. 10. www.diga-33.com " luz@diga-33.com" @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
  11. 11. www.diga-33.com " luz@diga-33.com" @diga33 Las herramientas ✓ Buscadores ✓ Filtros (LAYERED de Magento) ✓ Comparadores ✓ Opiniones verificadas de otros usuarios que han comparado el producto 1. LA APROXIMACIÓN
  12. 12. www.diga-33.com " luz@diga-33.com" @diga33 Las herramientas Buscadores 1. LA APROXIMACIÓN
  13. 13. www.diga-33.com " luz@diga-33.com" @diga33 Las herramientas Filtros (LAYERED de Magento) 1. LA APROXIMACIÓN
  14. 14. www.diga-33.com " luz@diga-33.com" @diga33 Las herramientas Comparadores 1. LA APROXIMACIÓN
  15. 15. www.diga-33.com " luz@diga-33.com" @diga33 Las herramientas Opiniones verificadas 1. LA APROXIMACIÓN
  16. 16. www.diga-33.com " luz@diga-33.com" @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
  17. 17. www.diga-33.com " luz@diga-33.com" @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
  18. 18. www.diga-33.com " luz@diga-33.com" @diga33 Necesidades del proceso de compra 2. EL PROCESO DE COMPRA AÑADIR AL CARRITO PAGAR REVISAR EL CARRITO COMPLETAR LA COMPRA
  19. 19. www.diga-33.com " luz@diga-33.com" @diga33 Necesidades del proceso de compra 2. 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…
  20. 20. www.diga-33.com " luz@diga-33.com" @diga33 Necesidades del proceso de compra Elegir el producto (talla, u otra configuración) y añadirlo al carro 2. EL PROCESO DE COMPRA
  21. 21. www.diga-33.com " luz@diga-33.com" @diga33 Necesidades del proceso de compra Revisar mi compra 2. EL PROCESO DE COMPRA
  22. 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. 23. www.diga-33.com " luz@diga-33.com" @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
  24. 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. 25. www.diga-33.com " luz@diga-33.com" @diga33 El nuevo paradigma del diseñador 3. EL RECUERDO Quiero el botón “comprar” más grande Quiero el logotipo mas grande VS
  26. 26. www.diga-33.com " luz@diga-33.com" @diga33 El nuevo paradigma del diseñador Los proyectos ya NO empiezan en el Photoshop 3. EL RECUERDO
  27. 27. www.diga-33.com " luz@diga-33.com" @diga33 La realización de prototipos La clave para no “pintar” sino diseñar interacción 3. EL RECUERDO
  28. 28. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿Dónde queda el papel del diseñador de UX? 3. EL RECUERDO Una nueva responsabilidad: trabajar la funcionalidad
  29. 29. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 1 Omnicanal 3. EL RECUERDO
  30. 30. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 2 Fotos más grandes 3. EL RECUERDO
  31. 31. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 3 Social 3. EL RECUERDO
  32. 32. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 4 Megamenus 3. EL RECUERDO
  33. 33. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 5 Fidelización: puntos y cupones 3. EL RECUERDO
  34. 34. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 6 Checkout sencillos 3. EL RECUERDO
  35. 35. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 7 Funcionalidades sorprendentes 3. EL RECUERDO
  36. 36. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 8 Minicarts funcionales 3. EL RECUERDO
  37. 37. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 9 Registros sencillos y atractivos 3. EL RECUERDO
  38. 38. www.diga-33.com " luz@diga-33.com" @diga33 Y ¿las guidelines? 10 Test A/B 3. EL RECUERDO
  39. 39. www.diga-33.com " luz@diga-33.com" @diga33 ¡MUCHAS GRACIAS! Diga33! creando experiencias desde el 2007

×