Diseño de Interacción - Experiencia de usuario y negocios
-
Upload
santiago-bustelo -
Category
Design
-
view
135 -
download
0
description
Transcript of Diseño de Interacción - Experiencia de usuario y negocios
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