Presentación en el evento "Diseño de Interacción y Usabilidad: El retorno de la inversión" organizado por IxDA BA el 15/10/2009 en la Facultad de Ciencias Económicas, Universidad de Palermo.

1. M E M B E R
Diseño de Interacción
Experiencia de usuario y negocios
Santiago Bustelo
Director de diseño, Kambrica
IxDA Buenos Aires

2. 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

3. Santiago Bustelo (@sbustelo) •M E M B E R
Economía de las Experiencias
B. Joseph Pine II y James H. Gilmore, The Experience Economy (1999)
3

4. Santiago Bustelo (@sbustelo) •M E M B E R
Economía de las Experiencias
B. 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

5. Santiago Bustelo (@sbustelo) •M E M B E R
El usuario en rol activo
5
diseño de la
Experiencia
del usuario
diseño de la
Operación
del usuario
Modelo del negocio

6. Santiago Bustelo (@sbustelo) •M E M B E R
1. Toma de pedido
2. Entrega
3. La cuenta
Restaurante tradicional
6

7. Santiago Bustelo (@sbustelo) •M E M B E R
1. Toma de pedido y pago
2. Entrega
Restaurante de comida rápida
7

8. 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

9. Santiago Bustelo (@sbustelo) •M E M B E R
Sillas anti-sobremesa
Diseñando el entorno, influenciamos el comportamiento
9

10. 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

11. Santiago Bustelo (@sbustelo) •M E M B E R
Diseño de Interacción
11

12. 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

13. Santiago Bustelo (@sbustelo) •M E M B E R
Optimización de tareas
13

14. 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

15. 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

16. 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

17. Santiago Bustelo (@sbustelo) •M E M B E R
Proceso de
Diseño de Interacción
17

18. Santiago Bustelo (@sbustelo) •M E M B E R
Etapas del proceso de
Diseño de Interacción
1. Objetivos y análisis inicial
2. Decisiones de diseño
iteraciones
3. Mantenimiento y validación
18

19. 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 usuarios
Personas
Escenarios
• Análisis
Evaluación cualitativa
Evaluación competitiva
Evaluación cuantitativa
19

20. Santiago Bustelo (@sbustelo) •M E M B E R
2. Decisiones de diseño
• Funcionalidad
Prototipos
iteraciones y pruebas
con usuarios
Casos de uso
iteraciones
• Estructura y elementos
Wireframes
iteraciones y pruebas
Descripción de pantallas
iteraciones
• Lenguaje visual
Mockups
iteraciones y pruebas
20

21. Santiago Bustelo (@sbustelo) •M E M B E R
3. Mantenimiento y validación
• Lenguaje visual y
de interacción
Guías de estilo
• Análisis
Evaluación cualitativa
Evaluación competitiva
Evaluación cuantitativa
21

22. Santiago Bustelo (@sbustelo) •M E M B E R
Resultados
22

23. Santiago Bustelo (@sbustelo) •M E M B E R
aburrimiento
control
Experiencia Óptima
desafío
habilidad
frustración
activación
Experiencia
23

24. 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

25. M E M B E R
¡Muchas gracias!
Santiago Bustelo • kambrica.com