ux: responsabilidad creativa en ecommerce - luz de león
TRANSCRIPT
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
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
www.diga-33.com "[email protected]"@diga33En el comercio electrónico, la matemática no
miente: o vendes o no vendes.
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
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…
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?
www.diga-33.com "[email protected]"@diga33Sed muy creativos = 3 insatisfechos
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
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
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
www.diga-33.com "[email protected]"@diga33
Las herramientas
Filtros (LAYERED de Magento)
1. LA APROXIMACIÓN
www.diga-33.com "[email protected]"@diga33
Las herramientas
Opiniones verificadas
1. LA APROXIMACIÓN
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
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
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
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…
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
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra
Revisar mi compra
2. EL PROCESO DE COMPRA
www.diga-33.com "[email protected]"@diga33
Necesidades del proceso de compra
Completar mi compra
Pagar
2. EL PROCESO DE COMPRA
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
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
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
www.diga-33.com "[email protected]"@diga33
El nuevo paradigma del diseñador
Los proyectos ya NO empiezan en el Photoshop
3. EL RECUERDO
www.diga-33.com "[email protected]"@diga33La realización
de prototipos
La clave para no “pintar” sino diseñar interacción
3. EL RECUERDO
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
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
5 Fidelización: puntos y cupones
3. EL RECUERDO
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
7 Funcionalidades sorprendentes
3. EL RECUERDO
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
8 Minicarts funcionales
3. EL RECUERDO
www.diga-33.com "[email protected]"@diga33
Y ¿las guidelines?
9 Registros sencillos y atractivos
3. EL RECUERDO
www.diga-33.com "[email protected]"@diga33
¡MUCHAS GRACIAS!Diga33! creando experiencias desde el 2007