0
M E M B E R
Diseño de Interacción
Experiencia de usuario y negocios
Santiago Bustelo
Director de diseño, Kambrica
IxDA Bue...
Santiago Bustelo (@sbustelo) •M E M B E R
Diseño de Interacción
•Define el modelo de operación de
productos interactivos p...
Santiago Bustelo (@sbustelo) •M E M B E R
Economía de las Experiencias
B. Joseph Pine II y James H. Gilmore, The Experienc...
Santiago Bustelo (@sbustelo) •M E M B E R
Economía de las Experiencias
B. Joseph Pine II y James H. Gilmore, The Experienc...
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
Ope...
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...
Santiago Bustelo (@sbustelo) •M E M B E R
Sillas anti-sobremesa
Diseñ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 ...
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...
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 c...
Santiago Bustelo (@sbustelo) •M E M B E R
Optimización de tareas
15
Mensaje:
Nombre y apellido:
Email:
Mensaje:
ENVIAR MEN...
Evolución en Experiencia de Usuario •M E M B E R
Web 2.0
Oferta limitada:
pocas funciones bien
desarrolladas
Usuarios apor...
Santiago Bustelo (@sbustelo) •M E M B E R
Proceso de
Diseño de Interacción
17
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. D...
Santiago Bustelo (@sbustelo) •M E M B E R
1. Objetivos y Análisis inicial
• Definición de objetivos,
responsables, plazos
...
Santiago Bustelo (@sbustelo) •M E M B E R
2. Decisiones de diseño
• Funcionalidad
Prototipos
iteraciones y pruebas
con usu...
Santiago Bustelo (@sbustelo) •M E M B E R
3. Mantenimiento y validación
• Lenguaje visual y
de interacción
Guías de estilo...
Santiago Bustelo (@sbustelo) •M E M B E R
Resultados
22
Santiago Bustelo (@sbustelo) •M E M B E R
aburrimiento
control
Experiencia Óptima
desafío
habilidad
frustración
activación...
Santiago Bustelo (@sbustelo) •M E M B E R
Resultado comercial
PÚBLICO POTENCIAL
x
% GENTE QUE LLEGA AL SITIO
x
% CONVERSIO...
M E M B E R
¡Muchas gracias!
Santiago Bustelo • kambrica.com
Upcoming SlideShare
Loading in...5
×

Diseño de Interacción - Experiencia de usuario y negocios

151

Published on

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.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
151
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Diseño de Interacción - Experiencia de usuario y negocios"

  1. 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. 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. 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. 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. 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. 6. Santiago Bustelo (@sbustelo) •M E M B E R 1. Toma de pedido 2. Entrega 3. La cuenta Restaurante tradicional 6
  7. 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. 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. 9. Santiago Bustelo (@sbustelo) •M E M B E R Sillas anti-sobremesa Diseñando el entorno, influenciamos el comportamiento 9
  10. 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. 11. Santiago Bustelo (@sbustelo) •M E M B E R Diseño de Interacción 11
  12. 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. 13. Santiago Bustelo (@sbustelo) •M E M B E R Optimización de tareas 13
  14. 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. 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. 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. 17. Santiago Bustelo (@sbustelo) •M E M B E R Proceso de Diseño de Interacción 17
  18. 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. 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. 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. 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. 22. Santiago Bustelo (@sbustelo) •M E M B E R Resultados 22
  23. 23. Santiago Bustelo (@sbustelo) •M E M B E R aburrimiento control Experiencia Óptima desafío habilidad frustración activación Experiencia 23
  24. 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. 25. M E M B E R ¡Muchas gracias! Santiago Bustelo • kambrica.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×