46
UX EN 30 MINUTOS laBITconf Hackathon 2 Diciembre 2016

UX en 30 Minutos

Embed Size (px)

Citation preview

Page 1: UX en 30 Minutos

UX EN 30 MINUTOS

laBITconf Hackathon 2 Diciembre 2016

Page 2: UX en 30 Minutos

Hola!

• 15+ años Product Manager de productos digitales (Argentina, Australia, USA)

• Directora de Estrategia de Producto en Kambrica

Page 3: UX en 30 Minutos

SOMOS UNA CONSULTORA DE UX, DISEÑO E

INNOVACIÓN

Page 4: UX en 30 Minutos

Algunos de nuestros Clientes

Asociaciones Profesionales

Retail & Consumer

Telecomunicaciones

Ingeniería y Tecnología

Banca y finanzas

Incubadoras y Aceleradoras

E-commerce

Educación

Gobierno y servicios públicos

Medios

Page 5: UX en 30 Minutos

QUÉ ES UX?

Page 6: UX en 30 Minutos

QUÉ ES UX?

Es el proceso de diseñar

productos útiles y fáciles de usar, que crean valor para el usuario

y ventajas competitivas

para la empresa

Page 7: UX en 30 Minutos

Diseño centrado en el usuario

Proceso de diseño que consiste en:

• Conocer a fondo a los usuarios finales reales.

• Diseñar un producto que resuelva sus necesidades y se ajuste a sus capacidades, expectativas y motivaciones.

• Poner a prueba lo diseñado.

Page 8: UX en 30 Minutos

POR QUÉ UX ES IMPORTANTE?

Page 9: UX en 30 Minutos

Es un factor de éxito

Impacta en el uso y adopción del producto

Evita la comoditización

Crea valor

Genera ventajas competitivas

Conversion, ventas, loyalty

Fuente de diferenciación e innovación

Para el usuario y la empresa

Page 10: UX en 30 Minutos

La usabilidad es un factor de éxito

Hello Ideas

Evita la comoditización

Page 11: UX en 30 Minutos

Por eso…

… esta presentación no tiene tips de

diseño visual, sino tips de diseño de

producto que los va a ayudar a

diseñar un producto usable y por lo

tanto, con más chances de éxito.

Page 12: UX en 30 Minutos

TRES ACLARACIONES IMPORTANTES

Page 13: UX en 30 Minutos

UX Y USABILIDAD

UX: orientado a experiencias

Lo que el usuario

siente al interactuar con

un producto

USABILIDAD: orientado a

tareas

La facilidad para operar un producto*

* Es una medida objetiva de efectividad, eficiencia y satisfacción

Page 14: UX en 30 Minutos

La usabilidad no es una opinión.

Es una medida objetiva de la

eficiencia, eficacia y satisfacción que genera un producto para sus usuarios

Page 15: UX en 30 Minutos

“La medida en que un producto puede ser utilizado por un grupo

específico de usuarios para alcanzar ciertos objetivos de forma eficiente, efectiva y

satisfactoria, en un contexto determinado de uso”

ISO 9241-11 [6] Ergonomics of Human System Interaction

Page 16: UX en 30 Minutos

UX, UI, IxD

Diseño de Experiencias (UX) Define la forma en que queremos que se sienta el usuario en contacto con el producto, sistema o servicio.

Diseño de Interacción (IxD) Define el modelo de operación.

Diseño de Interfaces (UI) Define los elementos concretos empleados en la interacción. También las decisiones estéticas y de layout.

NIVEL ESTRATÉGICO

NIVEL TÉCNICO

Page 17: UX en 30 Minutos

Hello Ideas

UX

IxD

UI

UI

IxD

UX

Page 18: UX en 30 Minutos

POR QUÉ LA MAYORÍA DE LOS PRODUCTOS TIENEN BAJO

NIVEL DE USABILIDAD?

Page 19: UX en 30 Minutos

En general los usuarios no forman parte del proceso de diseño del

producto

Idea Desarrollo Validación

Page 20: UX en 30 Minutos

Criterios de diseño usuales C

ost

o /

Esf

ue

rzo

Empatía con el usuario Sin intención

Autorreferencial

Basado en: • tecnología • requerimientos • competencia

Basado en tareas

Basado en la experiencia

Centrado en el usuario

Start-ups Empresas Innovación

Page 21: UX en 30 Minutos

COMO HACEMOS UN PRODUCTO USABLE?

Page 22: UX en 30 Minutos

Hablando con usuarios para…

1. Entender modelos mentales

2. Entender modelo natural de operación

3. Validar nuestras ideas

Page 23: UX en 30 Minutos

1. Modelos mentales

2. Modelo natural de operación

3. Validar nuestras ideas

Page 24: UX en 30 Minutos

Modelos mentales

Es la representación mental que tiene el usuario sobre el producto: para qué sirve, cómo se usa. Si el producto no respeta el modelo mental de los usuarios, el sistema va a ser difícil de usar, afectando el uso, adopción, compra y satisfacción.

Page 25: UX en 30 Minutos

Cómo descubrimos los modelos mentales?

Hablando con los usuarios para entender… • Qué expectativas tiene? • Qué valor espera recibir? • Cómo resuelve hoy ese problema (que

nuestro producto resuelve)? • Qué es importante, qué es secundario?

Page 26: UX en 30 Minutos

Si quisiéramos comprar entradas para el cine on-line…

Page 28: UX en 30 Minutos

1. Modelos mentales

2. Modelo natural de operación

3. Validar nuestras ideas

Page 29: UX en 30 Minutos

Modelos natural de operación

Es la secuencia natural de pasos para completar una tarea. Si el producto no respeta el modelo natural de operación el usuario va a tener dificultad para completar la tarea, afectando el uso, adopción y satisfacción con el sistema.

Page 30: UX en 30 Minutos

Modelos natural de operación

Hablar con los usuarios para entender… • Cuál es el mapa conceptual del proceso? • Cuál es la secuencia natural de pasos? • Cuál es la lógica del usuario?

Page 31: UX en 30 Minutos

Si quisiéramos hacer una transferencia bancaria…

Page 32: UX en 30 Minutos

Modelo natural de operación

Transferir $100

A Joaquín De la

Cuenta Corriente

Page 33: UX en 30 Minutos

Modelo natural vs modelo de datos

De la Cuenta Corriente

A Joaquín Transferir

$100

Page 34: UX en 30 Minutos

1. Modelos mentales

2. Modelo natural de operación

3. Validar nuestras ideas

Page 35: UX en 30 Minutos

Prototipos en papel

Foto: http://www.johnhrogers.com/project/ridebuddy/

• Tiene las características básicas del producto

• Sirven para comunicar la idea general y testear el concepto

• Permiten descubrir problemas de operación de alto nivel

• Ponen el foco en el uso vs. el diseño

• Permiten hacer cambios rápidamente

Page 36: UX en 30 Minutos

Prototipos en papel

Page 37: UX en 30 Minutos

Prototipos en papel

Page 38: UX en 30 Minutos

Prototipo del producto

Foto: http://www.johnhrogers.com/project/ridebuddy/ https://www.nngroup.com/articles/mozilla-paper-prototype/

Page 39: UX en 30 Minutos

Prototipo del producto

Foto: http://www.johnhrogers.com/project/ridebuddy/ https://www.nngroup.com/articles/mozilla-paper-prototype/

Page 40: UX en 30 Minutos

https://www.nngroup.com/articles/mozilla-paper-prototype/

Page 41: UX en 30 Minutos

Cuántos usuarios son suficientes para testear?

Page 43: UX en 30 Minutos

Y ahora?

Page 44: UX en 30 Minutos

1. Diseñar prototipos en papel

• Home • 1 o 2 tareas principales del producto

• Ej. Buscador:

– pantalla de búsqueda – Pantalla de resultados

• Ej. Compra on-line:

– Home o catálogo – Página de producto

• Ej. Compra on-line:

– Página de producto – Carrito – Pago – Confirmación

Page 45: UX en 30 Minutos

2. Validar los prototipos

Consigan 3 - 5 usuarios para validar:

• Modelos mentales: – “mirando la home, para qué pensás que sirve el

producto?”

– Cómo resolvés hoy este problema?

• Modelo de operación: – pedir que realice la/s tarea/s críticas del producto

(ej. compra, búsqueda, pago)

– Ver dónde se traban, qué preguntas hacen

• Ajustar el diseño en función de lo aprendido

Page 46: UX en 30 Minutos

MUCHAS SUERTE!

Sol Mesz [email protected]