Post on 04-Jul-2015
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 2009, Ignacio Riesco nos encarga el primer comercio electrónico
Año 2007, nace Diga33! Pero llevamos toda la vida en esto
www.diga-33.com "luz@diga-33.com"@diga33Crear experiencia de usuario en Banca
genera más opinión que resultado
El usuario está cautivo del sistema
www.diga-33.com "luz@diga-33.com"@diga33En 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 barrera le suponen
Ser fiable (plazos de envío y devolución)
Una política de precios competitiva
Tener un producto atractivo
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…
www.diga-33.com "luz@diga-33.com"@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?
www.diga-33.com "luz@diga-33.com"@diga33Sed 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. LA APROXIMACIÓN
2. EL PROCESO DE COMPRA
3. E
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
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
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 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
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
www.diga-33.com "luz@diga-33.com"@diga33
Necesidades del proceso de compra2. EL PROCESO DE COMPRA
AÑADIR AL CARRITO
PAGAR
REVISAR EL CARRITO
COMPLETAR LA COMPRA
www.diga-33.com "luz@diga-33.com"@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…
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
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 COMPRA
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
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
www.diga-33.com "luz@diga-33.com"@diga33
El nuevo paradigma del diseñador3. EL RECUERDO
Quiero el botón “comprar” más grande
Quiero el logotipo mas
grande VS
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
www.diga-33.com "luz@diga-33.com"@diga33La realización
de prototipos
La clave para no “pintar” sino diseñar interacción
3. EL RECUERDO
www.diga-33.com "luz@diga-33.com"@diga33Y ¿Dónde queda el papel del
diseñador de UX?
3. EL RECUERDO
Una nueva responsabilidad: trabajar la funcionalidad
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