![Page 1: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/1.jpg)
M E M B E R
Diseño de InteracciónExperiencia de usuario y negocios
Santiago BusteloDirector de diseño, KambricaIxDA Buenos Aires
![Page 2: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/2.jpg)
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
![Page 3: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/3.jpg)
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
![Page 4: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/4.jpg)
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
![Page 5: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/5.jpg)
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
![Page 6: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/6.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
1. Toma de pedido
2. Entrega
3. La cuenta
Restaurante tradicional
6
![Page 7: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/7.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
1. Toma de pedido y pago
2. Entrega
Restaurante de comida rápida
7
![Page 8: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/8.jpg)
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
![Page 9: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/9.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
Sillas anti-sobremesaDiseñando el entorno, influenciamos el comportamiento
9
![Page 10: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/10.jpg)
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
![Page 11: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/11.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
Diseño de Interacción
11
![Page 12: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/12.jpg)
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
![Page 13: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/13.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
Optimización de tareas
13
![Page 14: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/14.jpg)
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
![Page 15: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/15.jpg)
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
![Page 16: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/16.jpg)
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
![Page 17: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/17.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
Proceso deDiseño de Interacción
17
![Page 18: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/18.jpg)
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
![Page 19: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/19.jpg)
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
![Page 20: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/20.jpg)
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
![Page 21: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/21.jpg)
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
![Page 22: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/22.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
Resultados
22
![Page 23: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/23.jpg)
Santiago Bustelo (@sbustelo) •M E M B E R
aburrimiento
control
Experiencia Óptima
desa
fío
habilidad
frustración
activación
Experiencia
23
![Page 24: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/24.jpg)
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
![Page 25: Diseño de Interacción - Experiencia de usuario y negocios](https://reader031.vdocumento.com/reader031/viewer/2022020105/557acabdd8b42a2c0f8b4aa6/html5/thumbnails/25.jpg)
M E M B E R
¡Muchas gracias!Santiago Bustelo • kambrica.com