Diseño de la experiencia de usuario

Emiliano Cosenza@ecosenza

¡Hola!# Senior User Experience Content Designer en MercadoLibre.

# Periodista. Comunicólogo.

# Más de 7 años de experiencia en proyectos digitales.

# Me gusta difundir la disciplina de Experiencia de Usuario (UX).

# Creo que el Diseño Centrado en el Usuario ayuda a cambiar el mundo.

Emiliano Cosenza

@ecosenza

Café

En algo extraordinarioFlickr -Germán Parra

# 3 principios conceptuales de la experiencia Starbucks

1. Todo es importante

1. Todo es importante

2. Sopresa y disfrute

1. Todo es importante

2. Sopresa y disfrute

3. Deje huella

1. Todo es importante

1. Todo es importante

➘ El detalle hace la diferencia

1. Todo es importante

➘ El detalle hace la diferencia

➘ Aún el que el cliente no

percibe

2. Sorpresa y disfrute

2. Sorpresa y disfrute

➘ El cliente quiere lo seguro

2. Sorpresa y disfrute

➘ El cliente quiere lo seguro

➘ También algo que no lo

aburra y lo saque de la rutina

3. Deje huella

3. Deje huella

➘ Una marca poderosa en las

comunidades

Chocolatines extraordinarios

Flickr - Anabel Vanoni

○ Valor con la sorpresa

○ Valor con la sorpresa

○ Recordabilidad

○ Valor con la sorpresa

○ Recordabilidad

○ Engagement

Fans

Experiencia de usuario,¿de qué se trata?

○ De emociones

○ De emociones

○ De placer

○ De emociones

○ De placer

○ De sensaciones

¿No se parece al amor?

El amor, un misterio que sucede

Diseñemos el amor

3 ejes para diseñar la experiencia(amorosa)

✔ Resolver problemas

✔ Resolver problemas

✔ Disciplina antropocéntrica

✔ Resolver problemas

✔ Disciplina antropocéntrica

✔ Actividad proyectual

O sea, diseñar la experiencia se trata de…

○ Personas

○ Personas

○ Diseño

○ Personas

○ Diseño

○ Funciones o tecnología

# Resolver problemas

“La tecnología sólo es una herramienta, inerte hasta que la tomamos e inerte de

nuevo cuando la soltamos”.

Nicholas Carr

Victor Bret

Victor Bret

Satisfacer necesidades

Victor Bret

Satisfacer necesidades

Aumentando nuestras habilidades

La herramienta bien diseñada conecta…

○ La necesidad

○ La necesidad

○ La capacidad de hacerlo

Victor Bret

Primero, definir bien el problema

# Disciplina antropocéntrica

Personas

Flickr - Mariarosa Delleani

Usuarios

Saturadas de informaciónFlickr - Margus Sootla

Navegando contextos

Flickr - Brad Frost

Un mar de contextos

Julio →

Atención limitada

Algo que llamó su atención →

Selectiva

Objetivo claro

Emociones

“Aprendí que la gente olvidará lo que dices, lo que haces, pero jamás olvidará

cómo los hiciste sentir”.

Maya Angelou

Con el problema definido, conozcamos a los usuarios reales.

○ Objetivos e intenciones

○ Objetivos e intenciones

○ Necesidades (latentes)

○ Objetivos e intenciones

○ Necesidades (latentes)

○ Modelos mentales

Jacques Carelman, “Cafetera para masoquistas”.

Qué dijo el usuario...

Qué dijo el usuario...¡Esto es

imposible de usar!

Qué dijo el diseñador...

Es diferente,

es cool.

Qué dijo el diseñador...

¿Cuál es el objetivo?

Servir té.

¿Cuál es el objetivo?

Decorar. Servir té.

¿Cuál es el objetivo?

“No se trata del diseño inspirado en

el capricho de un diseñador, y lo que

él cree que el usuario puede querer,

sino diseño que parte de métodos

de investigación”.

Mariana Salgado

# Actividad proyectual

Design thinking

1. Empatizar y aprender

1. Empatizar y aprender

2. Sintetizar

1. Empatizar y aprender

2. Sintetizar

3. Idear y prototipar

1. Empatizar y aprender

1. Empatizar y aprender

➘ Qué hace la gente

1. Empatizar y aprender

➘ Qué hace la gente

➘ Lo que dice y lo que no dice

1. Empatizar y aprender

➘ Qué hace la gente

➘ Lo que dice y lo que no dice

➘ Obtener insights

Cómo intentar loguearse en el e-mail de siempre, pero en una tablet.

María del Carmen. 1 min.

2. Sintetizar

2. Sintetizar

➘ Necesidades - Personas

2. Sintetizar

➘ Necesidades - Personas

➘ Explorar soluciones

2. Sintetizar

➘ Necesidades - Personas

➘ Explorar soluciones

➘ Historia a contar (Contenido)

Mapa de necesidades

Personas

Historia a contar

3. Prototipar

Prototipo como ensayo general

Flickr - MaViale

Simula cómo funciona

¿Para qué sirve?

Pensar visualmente

Testear una idea rápido

Discutir y mejorar

3. Prototipar

➘ Genera preguntas

3. Prototipar

➘ Genera preguntas

➘ Contesta y valida hipótesis

3. Prototipar

➘ Genera preguntas

➘ Contesta y valida hipótesis

➘ Permite fallar rápido (barato)

Repasemos…

1. Empatizar y aprender

2. Sintetizar

3. Idear y prototipar

¡A construir!

A no dormise en los laureles

Alcanzar la mejor experiencia de usuario lleva tiempo…

La perfección es celestial

Iterar, iterar, iterar, iterar…

Centrados en las personas

Si técnicamente funciona, da igual

Facilitar

Disfrutable

¡Gracias! :)Emiliano Cosenza@ecosenza | ecosenza@gmail.com