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
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. 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. 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. 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. 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. 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 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. 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. 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. www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Buscadores
1. LA APROXIMACIÓN

13. www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Filtros (LAYERED de Magento)
1. LA APROXIMACIÓN

14. www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Comparadores
1. LA APROXIMACIÓN

15. www.diga-33.com "
luz@diga-33.com"
@diga33
Las herramientas
Opiniones verificadas
1. LA APROXIMACIÓN

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. 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. 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. 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. 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. 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 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. 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 diseñador
3. EL RECUERDO
Quiero el botón
“comprar” más
grande
Quiero el
logotipo mas
grande
VS

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. 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. 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. 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 más 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 Fidelización: 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