M E M B E R

Diseño de InteracciónExperiencia de usuario y negocios

Santiago BusteloDirector de diseño, KambricaIxDA Buenos Aires

Santiago Bustelo (@sbustelo) •M E M B E R

Diseño de Interacción

•Define el modelo de operación de productos interactivos para lograr mejores experiencias para la mayor cantidad de usuarios.

2

Santiago Bustelo (@sbustelo) •M E M B E R

Economía de las ExperienciasB. Joseph Pine II y James H. Gilmore, The Experience Economy (1999)

3

Santiago Bustelo (@sbustelo) •M E M B E R

Economía de las ExperienciasB. Joseph Pine II y James H. Gilmore, The Experience Economy (1999)

• En la creación de estas experiencias entran en juego la visión, innovación, reconocimiento de la oportunidad, y pasión por el cambio.

• Estas experiencias positivas, memorables y convocantes, resultan en diferenciación respecto a grandes y pequeños competidores.

4

Santiago Bustelo (@sbustelo) •M E M B E R

El usuario en rol activo

5

diseño de laExperiencia

del usuario

diseño de laOperación

del usuario

Modelo del negocio

Santiago Bustelo (@sbustelo) •M E M B E R

1. Toma de pedido

2. Entrega

3. La cuenta

Restaurante tradicional

6

Santiago Bustelo (@sbustelo) •M E M B E R

1. Toma de pedido y pago

2. Entrega

Restaurante de comida rápida

7

Santiago Bustelo (@sbustelo) •M E M B E R

Modelo de negocios de comida rápida:bajo costo, alta rotación

• Optimización de procesos

• Oferta limitada

• Usuarios como parte del sistema

• Autoservicio

• No sobremesa

8

Santiago Bustelo (@sbustelo) •M E M B E R

Sillas anti-sobremesaDiseñando el entorno, influenciamos el comportamiento

9

Santiago Bustelo (@sbustelo) •M E M B E R

Un solo entorno, varias consecuencias

• Distintos usuarios

• Distintos momentos de un usuario

• El todo es más que la suma de las partes

10

Santiago Bustelo (@sbustelo) •M E M B E R

Diseño de Interacción

11

Santiago Bustelo (@sbustelo) •M E M B E R

Web 2.0

• Optimización de tareas

• Oferta limitada: aplicaciones que hacen pocas cosas bien

• Usuarios aportan valor y contenidos

12

Santiago Bustelo (@sbustelo) •M E M B E R

Optimización de tareas

13

Santiago Bustelo (@sbustelo) •M E M B E R

Mensaje:

Nombre y apellido:

Email:

Mensaje:

ENVIAR MENSAJE

recibir en mi email copia del mensaje enviado

Nombre:

Apellido:

Email:

Confirmar mail:

BORRAR ENVIAR

Quiere recibir información de promociones?

Verificación: K98LQ1

¿Cómo llegó al sitio? Seleccione...

Sí No

Optimización de tareas

14

Santiago Bustelo (@sbustelo) •M E M B E R

Optimización de tareas

15

Mensaje:

Nombre y apellido:

Email:

Mensaje:

ENVIAR MENSAJE

recibir en mi email copia del mensaje enviado

Nombre:

Apellido:

Email:

Confirmar mail:

BORRAR ENVIAR

Quiere recibir información de promociones?

Verificación: K98LQ1

¿Cómo llegó al sitio? Seleccione...

Sí No

Evolución en Experiencia de Usuario •M E M B E R

Web 2.0

Oferta limitada:pocas funciones bien desarrolladas

Usuarios aportan valor y contenidos

16

Santiago Bustelo (@sbustelo) •M E M B E R

Proceso deDiseño de Interacción

17

Santiago Bustelo (@sbustelo) •M E M B E R

Etapas del proceso deDiseño de Interacción

1. Objetivos y análisis inicial

2. Decisiones de diseño

iteraciones

3. Mantenimiento y validación

18

Santiago Bustelo (@sbustelo) •M E M B E R

1. Objetivos y Análisis inicial

• Definición de objetivos, responsables, plazos

Brief de proyecto

• Entrevistas con usuariosPersonas

Escenarios

• AnálisisEvaluación cualitativa

Evaluación competitiva

Evaluación cuantitativa

19

Santiago Bustelo (@sbustelo) •M E M B E R

2. Decisiones de diseño

• FuncionalidadPrototipos

iteraciones y pruebas con usuarios

Casos de usoiteraciones

• Estructura y elementosWireframes

iteraciones y pruebas

Descripción de pantallasiteraciones

• Lenguaje visualMockups

iteraciones y pruebas

20

Santiago Bustelo (@sbustelo) •M E M B E R

3. Mantenimiento y validación

• Lenguaje visual yde interacción

Guías de estilo

• AnálisisEvaluación cualitativa

Evaluación competitiva

Evaluación cuantitativa

21

Santiago Bustelo (@sbustelo) •M E M B E R

Resultados

22

Santiago Bustelo (@sbustelo) •M E M B E R

aburrimiento

control

Experiencia Óptima

desa

fío

habilidad

frustración

activación

Experiencia

23

Santiago Bustelo (@sbustelo) •M E M B E R

Resultado comercial

PÚBLICO POTENCIAL

x

% GENTE QUE LLEGA AL SITIO

x

% CONVERSIONES

x

% VISITAS RECURRENTES

x

$ POR OPERACIÓN

Mercado potencial

= Visitas

= Usuarios

= Operaciones

= RESULTADO COMERCIAL

24

M E M B E R

¡Muchas gracias!Santiago Bustelo • kambrica.com