ux: responsabilidad creativa en ecommerce - luz de león

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