0dcuuxixdusabilidad aplicada
DESCRIPTION
0dcuuxixdusabilidadTRANSCRIPT
listadopelículas
alquiler
listadoclientes
detalle película
listado copias
Seleccionar copia
Copias + Cliente =
Ficha Cliente
Seleccionar
película
Buscar peliculas o clientes
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
Santiago BusteloDirector de diseño, KeikendoIxDA Central and South America Regional Coordinator
Universidad de la Cuenca del Plata19 de abril, 2013
MEMBER
Presentación bajo licencia Creative CommonsAtribución 2.5 Argentinahttp://creativecommons.org/licenses/by/2.5/ar
@sbustelo
Santiago Bustelo (@sbustelo) •MEMBER
Esta presentación está publicada en
keikendo.com
3
Santiago Bustelo (@sbustelo) •MEMBER
Me presento…
4
• Santiago Bustelo, diseñador de interacción.
• Director de diseño, Keikendo.
• Coordinador IxDA Buenos Aires y Coordinador Regional de IxDA en Latinoamérica. Fundador Movimiento de Diseño Inclusivo.
• Desde 1997 he participado en proyectos de diseño y desarrollo para Microsoft, Staples, Coca-Cola, HP, TetraPak, MetLife, Banco Santander, HSBC, Techint, Mercado Libre, Grupo Clarín, Molinos, Bumeran.com y Universidad de Stanford, entre otros.
• He dictado presentaciones y talleres sobre Usabilidad, Diseño de Interacción y Diseño Centrado en el Usuario en CAI, UBA, UTN, UP y UAI desde el año 2001.
Santiago Bustelo (@sbustelo) •MEMBER
IxDA (Interaction Design Association)
• Organización abierta, voluntaria y gratuita, con la misión de liberar a la condición humana de las malas experiencias que la desafían, avanzando la disciplina de Diseño de Interacción.
• Foro global, más de 50.000 miembros, 142 grupos locales, 32 grupos en América Latina.
• En Argentina:• Buenos Aires: ixda.com.ar
• Córdoba: ixdaCba.com.ar• Tucumán: ixdaTucuman.com.ar• La Plata: ixdaLaPlata.com.ar• Rosario: ixdaRosario.com.ar
5
ixda.org
Santiago Bustelo (@sbustelo) •MEMBER
¿Cuál es el rol del diseñador en elSiglo XXI?
6
Santiago Bustelo (@sbustelo) •MEMBER
Leer el diario1993 2013
7
Santiago Bustelo (@sbustelo) •MEMBER
1993 2013
Buscar trabajo
8
Santiago Bustelo (@sbustelo) •MEMBER
1993 2013
Trabajo administrativo
9
Santiago Bustelo (@sbustelo) •MEMBER
1993 2013
Hacer las compras
10
Santiago Bustelo (@sbustelo) •MEMBER
1993 2013
Reencontrarse con compañeros de escuela
11
Santiago Bustelo (@sbustelo) •MEMBER
El mundo digital que nosotros construimos
12
• En un mundo cada vez más conectado e interdependiente, los diseñadores y desarrolladores tenemos la llave para lograr que cada producto o servicio interactivo sea usable y accesible para todas las personas, sin importar el nivel de alfabetización digital y las capacidades físicas, sensoriales, e intelectuales que tengan.
Santiago Bustelo (@sbustelo) •MEMBER
Diseño Centrado en el Usuario
• Filosofía de diseño:
• Creación de productos que resuelvan necesidades concretas de sus usuarios finales, consiguiendo la mayor satisfacción y mejor experiencia de uso posible con el mínimo esfuerzo de su parte.
• Proceso de diseño:
• Conocer a fondo a los usuarios finales reales.
• Diseñar un producto que resuelva sus necesidades y se ajuste a sus capacidades, expectativas y motivaciones.
• Poner a prueba lo diseñado.
13
Santiago Bustelo (@sbustelo) •MEMBER
User Experience (UX)
“Inventé el término porque pensé que interfaz y usabilidad eran demasiado limitados. Quise cubrir todos los aspectos de la experiencia de una persona con un sistema, incluyendo el diseño industrial, gráficos, la interfaz, la interacción física, y el manual. Don Norman
14
Santiago Bustelo (@sbustelo) •MEMBER
• Diseño de Experiencias (UX)• Dirigir la forma en que se siente una persona usando un producto, sistema o
servicio.• Diseño de Servicios
• Planificar y organizar personas, infraestructura, comunicación y componentes materiales de un servicio para mejorar su calidad y relación con sus clientes.
• Diseño de Interacción (IxD) • Define el modelo de operación de productos interactivos para lograr mejores
experiencias para más usuarios.• Diseño de Interfaces
• Define los elementos concretos empleados en la interacción.• Diseño visual
• Define lenguaje, carácter e identidad visual del producto.
ABSTRACTO
CONCRETO
UX y Diseño: definir cómo es, cómo funciona y cómo luce un producto digital
15
DISEÑO DEINTERACCIÓN
INTERACCIÓNHUMANO-COMPUTADOR
IxD
DISEÑOINDUSTRIAL
DISEÑODE SONIDO
DI
ARQUITECTURAARQUITECTURADE INFORMACIÓN
ARQDISEÑO DE
EXPERIENCIAS
UX
AI
DISEÑOGRÁFICO
DG
HCI
SeñaléticaEntornosInteractivos
Diseño de Interfaces
Computaciónubicua
Ingeniería deUsabilidad
Controles
Diseño de Información
Navegación
PRODUCCIÓNDE CONTENIDO(Texto, Imagen,Video, sonido)
Dan Saffer, Designing for Interaction
Santiago Bustelo (@sbustelo) •MEMBER
Arquitectura de Información(IA, Information Architecture)
• Organizar, jerarquizar y nombrar la información presente en sitios Web, dispositivos móviles e interfaces en general.
17
Santiago Bustelo (@sbustelo) •MEMBER
18
Jakob Nielsen, Hoa Lorenger: Prioritizing Web Usability
IA
75% de los problemas de UX involucran IA
Santiago Bustelo (@sbustelo) •MEMBER
Arq. de Información fuera de la pantalla
19
DISEÑO INTERACTIVO PARA TODOS: USABLE Y ACCESIBLE
Señalética: prototipos
Señalética: versión final
Santiago Bustelo (@sbustelo) •MEMBER
Factores que componen UX
20
time pressure,
pressure of success and fail,
explicit and implicit requirements, etc.
sex, fashion,
habits, norms, language,
symbols, religion, etc.
time, place,
accompanying persons,
temperature, etc.
cultural factorssocial factors
values,
emotions,
expectations,
prior experiences,
physical characteristics,
motor functions,
personality,
motivation,
skills,
age, etc.
user
usability,
functions,
size, weight,
language, symbols,
aesthetic characteristics,
usefulness,
reputation,
adaptivity,
mobility,
etc.
product
context of use
INTERACTION
User Experience
Arhippainen, L., Tähti, M. (2003). Empirical Evaluation of User Experience in Two Adaptative Mobile Application Prototypes. Proceedings of the 2nd International Conference on Mobile and Ubiquitous Multimedia, 10–12 December, 2003, Norrköping, Sweden.
Espacio de diseño
Impacto
Santiago Bustelo (@sbustelo) •MEMBER
Sitios inspiradores vs. sitios que usamos
21
Santiago Bustelo (@sbustelo) •MEMBER
Forma versus Función
1 2 3 4
5 6
7 8 9 10 11 12
13
14
15 16 17 18 19 20 21
22 23
24
25 26 27 28 29 30 31
22
Santiago Bustelo (@sbustelo) •MEMBER
Forma y Función
24
D L M M J V S
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 2 3 4 5 6
Santiago Bustelo (@sbustelo) •MEMBER
• La usabilidad de una interfaz es una medida de la efectividad, eficiencia y satisfacción con la cual determinados usuarios pueden alcanzar determinados objetivos en un entorno particular con dicha interfaz.(ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997)
Usabilidad
26
Efectividad: Incorporando al usuario
Santiago Bustelo (@sbustelo) •MEMBER
Eficiencia: análisis y cuantificación
28
Santiago Bustelo (@sbustelo) •MEMBER
Satisfacción: experiencia óptima
Simplificación del modelo de Mihaly Csikszentmihalyi
Frustración
Fluencia
desafío
habilidad
Aburrimiento
29
Santiago Bustelo (@sbustelo) •MEMBER
Caso de ejemplo y proceso de diseño centrado en el usuario
30
Santiago Bustelo (@sbustelo) •MEMBER
Parte 1: Diseñando desde la caverna31
Verónica Traynor: UX y la caverna de Platón
Santiago Bustelo (@sbustelo) •MEMBER
• Producto: Software de administración de un videoclub
• Nuestros personajes:
Caso de ejemplo
32
Programadorcavernario
Diseñadorcavernario
Emprendedorcavernario
Iconos: FastIcon
Santiago Bustelo (@sbustelo) •MEMBER
Programador cavernario
• 3 entidades
• Películas: Datos
• Clientes: Datos
• Alquileres: Relaciones
• Operaciones
• Alta, baja, modificación y consulta para cada entidad
Ejemplo desarrollado por Diego González, Fundador Lagash Systems
33
1234
1234
1234
Gonzalez
GonzalezDiego760 Rivadavia 5000 11 B Buenos Aires 12
1234
760
No hay stock.
760
1235
760
Santiago Bustelo (@sbustelo) •MEMBER
Diseñador cavernario
• Metáforas
• Películas: DVDs
• Clientes: Fichas
• Alquileres: Ficha + DVD
• Representación
• Experiencia inmersiva
• Fotorealismo
49
Santiago Bustelo (@sbustelo) •MEMBER
Emprendedor cavernario
• Relevamiento competitivo
• Definición del mercado
• Especificación
• Recursos y plan de trabajo
• ????
• Profit!
61
Santiago Bustelo (@sbustelo) •MEMBER
Relevamiento competitivo62
freemium
Santiago Bustelo (@sbustelo) •MEMBER
Relevamiento competitivo63
screencast
Santiago Bustelo (@sbustelo) •MEMBER
Relevamiento competitivo
64
amigable
touch
Santiago Bustelo (@sbustelo) •MEMBER
Definición del mercado
65
Foto: Ned Raggett Foto: Andrés Rueda
Santiago Bustelo (@sbustelo) •MEMBER
“Especificación” para diseño y desarrollo
66
✓ Más potente y con más funciones que la competencia.
✓ Gestión de uno o múltiples locales.
✓ Informes y estadísticas.
✓ Cálculo automático de recargos.
✓ Módulo avanzado de búsquedas.
✓ Tipos de artículos y formatos configurables.
✓ Módulo de Promociones.
✓ Sistema de premios y puntos de cliente.
✓ Soporte de lectores de códigos de barras.
✓ Módulo de diseño de catálogos.
✓ Módulo de diseño de páginas web.
✓ Control de envíos y retiros a domicilio (delivery) con emisión de ticket de retiro.
✓ Creación de abonos de alquiler con fecha de vencimiento.
✓ Módulo de envío de catálogo por e-mail a socios.
✓ Interfaz amigable y fácil de usar.
Santiago Bustelo (@sbustelo) •MEMBER
Recursos y “metodología”
67
Ejerce
r pres
ión Ejercer presión
Santiago Bustelo (@sbustelo) •MEMBER
Expectativa68
En 3 meses
Foto: Wikipedia
Santiago Bustelo (@sbustelo) •MEMBER
Resultado69
Después de 1 año
Foto: Wikipedia
Santiago Bustelo (@sbustelo) •MEMBER
Parte 2: Saliendo de la caverna70
Santiago Bustelo (@sbustelo) •MEMBER
¿Qué tienen en comúnlos tres casos anteriores?
71
• Diseño sin intención / autoreferencial
• El usuario final no participa del proceso
• Proceso lineal
• Falta de metodología
• Falta de política de calidad
Santiago Bustelo (@sbustelo) •MEMBER
La Calidad se declara en un equipo
72
Política de Calidad
Procesos
Técnicas
Herramientas
Santiago Bustelo (@sbustelo) •MEMBER
Proceso lineal
1. Definición de requerimientos.
2. Diseño y desarrollo a nivel de producción.
3. Entrega.
73
Santiago Bustelo (@sbustelo) •MEMBER
Proceso lineal interminable
1. Definición de requerimientos.
2. Diseño y desarrollo a nivel de producción.
3. Entrega.
4. No es lo que el cliente o el usuario querían,retrocede tres casilleros.
5. Se repite hasta el hartazgo de unao ambas partes.
74
Santiago Bustelo (@sbustelo) •MEMBER
¿Cuándo está terminado nuestro trabajo?(criterio de Calidad)
• Cuando nos gusta a nosotros
• Cuando funciona como queríamos
• Cuando le gusta al cliente
• Cuando el usuario logra lo que esperábamos
75
Santiago Bustelo (@sbustelo) •MEMBER
• Problemas bien definidos
• Algoritmos
• Resolución lineal
• Metodología estructurada
• Foco en análisis y documentación
• Problemas dinámicos
• Heurísticas
• Resolución asintótica
• Metodología ágil
• Foco en entregables
Entender el tipo de problema
76
El proceso modela el resultado.
Santiago Bustelo (@sbustelo) •MEMBER
Design thinking
• Los diseñadores trabajan en iteraciones en las que simultáneamente se entiende el problema y se formulan soluciones.
• Dos maneras de entender el problema:
• Esfuerzos para entender información y requerimientos.
• Simulaciones de situaciones, hipótesis de soluciones y consecuencias.
• Procesos divergentes (exploración) y convergentes (elaboración).
77
Wicked Problems & Social Complexity - Jeff Conklin, Ph.D.
Santiago Bustelo (@sbustelo) •MEMBER
Proceso convergente e iterativo
1. Objetivos y análisis inicial.
2. Diseño y desarrollo en iteracionesavanzando y validando progresivamente:
• Funcionalidad
• Estructura y elementos
• Lenguaje visual
3. Entrega y puesta en producción.
4. Iteración de todo el proceso.
78
Santiago Bustelo (@sbustelo) •MEMBER
Caso Centrado en el Usuario
• Proceso de diseño y desarrollo convergente e iterativo
• Evaluación competitiva, identificación de oportunidades
• Definición preliminar del modelo
• Validación y ajuste del modelo con usuarios
• Priorización y estrategia de versiones
• Prototipado de la interfaz
• Pruebas con usuarios y ajuste de prototipos
• Metodología ágil
• Pruebas de usabilidad y QA antes de cada lanzamiento
79
Usaurio
Santiago Bustelo (@sbustelo) •MEMBER
Cuantificación: KLM-GOMS
Cada operación del usuario tiene un costo.
80
Key 0,2 seg. Tecla / mouse click & release
Hover 0,4 seg. Paso mouse teclado
Point 1,1 seg. Apuntar con el mouse
Mental 1,35 seg. Preparación mental nueva tarea
Response ? Respuesta del sistema
Más información: Artículo en Wikipedia sobre KLM-GOMS (en inglés)
Santiago Bustelo (@sbustelo) •MEMBER
Cuantificación:Buscar cliente (v. programador)
81
Inicio tarea: 1,35Mover mano al mouse: 0,40
Proxima tarea: 1,35Apuntar menu Clientes: 1,10
click menu Clientes: 0,20Apuntar menú Clientes »
Modificación: 1,10click menú Clientes » Modificación:
0,20Próxima tarea: 1,35
Apuntar campo texto: 1,10click campo texto: 0,20
Mover mano al teclado: 0,40Proxima tarea: 1,35
Tipear apellido: 1,60Mover mano al mouse: 0,40
Proxima tarea: 1,35point OK: 1,10click OK: 0,20
Obtuvimos (o no) el dato:
14.75 segundos
Recuperación:Mover mano al mouse: 0,40
Proxima tarea: 1,35point Cancel: 1,10click Cancel: 0,20
Volvemos a abrir el cuadro, Tipeamos apellido otra vez: 12,32
Mover mano al mouse: 0,40Proxima tarea: 1,35
apuntarOK: 1,10click OK: 0,20
Total con recuperación:
32,55 segundos
Santiago Bustelo (@sbustelo) •MEMBER
Cuantificación:Buscar cliente (v. diseñador)
82
Inicio tarea: 1,35Apuntar al fichero home: 1,10
Click Fichero home: 0,20Animación "files, lots of files¨: 4
Proxima tarea: 1,35Apuntar boton prox serie ficheros:
1,10Click proxima serie ficheros: 0,20
Animación serie de ficheros: 1Prox tarea: 1,35
Apuntar fichero "G": 1,10Click fichero "G": 0,20
Animación fichero G: 2
Proxima tarea: 1,35Leer etiquetas x 4: 5,40
Proxima tarea: 1,35Apuntar GON: 1,10
Click GON: 0,20Animación Cajón GON: 2
Proxima tarea: 1,35Leer Apellido, Nombre x 5: 6,75
Proxima tarea: 1,35Apuntar Gonzalez, Diego: 1,10
Click Gonzalez, Diego: 0,20
Obtuvimos la ficha:
28.10 segundos
Beneficio eliminar animaciones:9 segundos
Total sin animaciones:
19,1 segundos
Santiago Bustelo (@sbustelo) •MEMBER
Casos de uso: hipótesis inicial
83
• Modalidad de atención: mostrador, teléfono y buzón
• Búsqueda de clientes y títulos
• Alta de un cliente
• Alta de nueva película
• Cliente alquila más de una película
• Cliente devuelve películas y alquila otras
• Carga de devoluciones de buzón
• Copia dañada
• Reporte de atrasos
Santiago Bustelo (@sbustelo) •MEMBER
Resultados del Relevamiento(un videoclub, dos usuarios)
• No tomamos requerimientos de los usuarios.Nos enfocamos en lo que los usuarios hacen.
• Procesos y problemas reales del negocio
• Gestión actual, áreas de mejora
• Aprox. 5000 clientes y 5000 películas
• Los clientes casi nunca saben el Nro. de Cliente, menos aún cuando no son titulares
• Se dan de alta 10 a 20 títulos por día, con datos mínimos
• Cargar devoluciones de buzón puede llevar toda la mañana
• Muchas copias para una película
• No se dan clientes de baja
84
Santiago Bustelo (@sbustelo) •MEMBER
Priorización y estrategia de versiones
85
v. 1.0 v. 2.0 v. 3.0 v. 4.0 v. 5.0 v. 6.0
Santiago Bustelo (@sbustelo) •MEMBER
Casos de uso reales y priorizados
86
• Modalidad de atención: mostrador, teléfono
• Búsqueda de clientes: por nombre del titular, dirección o teléfono.
• Búsqueda de copias: por título o código
• Alta o modificación de un cliente
• Editar película: ABM copias, “baja” si no hay copias
• Cliente alquila hasta 3 películas
• Cliente devuelve hasta 3 películas
• Cliente devuelve hasta 3 películas y alquila hasta 3
• Alta de 20 nuevos títulos, asignación de copias
• Modalidad de atención: buzón
• Carga de 40 devoluciones de buzón
• Copia dañada
• Listado de películas por géneros / estrenos
• Reporte de atrasos
• ¿Qué temporadas vio el cliente?
• Se desordena fila en mostrador
Santiago Bustelo (@sbustelo) •MEMBER
Idea: Sistema centrado en la Búsqueda
• ¿Un campo con dos botones?
• ¿Un campo con dos radio buttons y botón “Buscar”?
• ¿Dos campos de búsqueda?
• Tal vez funcione, empezamos un prototipo…
87
Santiago Bustelo (@sbustelo) •MEMBER
Sistema con dos campos de búsqueda
88
Santiago Bustelo (@sbustelo) •MEMBER
Sistema con dos campos de búsqueda
89
Santiago Bustelo (@sbustelo) •MEMBER
Sistema con dos campos de búsqueda
90
Santiago Bustelo (@sbustelo) •MEMBER
Sistema con dos campos de búsqueda
Santiago Bustelo (@sbustelo) •MEMBER
Propuesta: un solo campo de búsqueda
92
• Resultado dependiente del contenido.No hace falta especificar el tipo de dato.
• Ventajas del patrón Instant Search
• Mínimo input
• Corrección sobre la marcha
• Podemos usar [enter] para próxima acción: el proceso es predecible en base a los datos
• Necesitamos prueba de concepto
Santiago Bustelo (@sbustelo) •MEMBER
Prueba de concepto
93
Santiago Bustelo (@sbustelo) •MEMBER
Cuantificación: Búsqueda 2.0
Inicio tarea: 1,35Mover mano al mouse: 0,40
Proxima tarea: 1,35apuntar Buscar: 1,10
click Buscar: 0,20Mover mano al teclado: 0,40
Proxima tarea: 1,35Tipear 3 caratacteres apellido: 0,60
Proxima tarea: 1,35Tipar espacio: 0,20Proxima tarea: 1,35
Tipear 3 caracteres nombre: 0,60
Total: 10,25 segundos
Beneficio de mantener foco en búsqueda: 4,80 segundos
Total manteniendofoco en búsqueda:
5,45 segundos
94
Santiago Bustelo (@sbustelo) •MEMBER
• Evitar uso del mouse
• Modelo unificado y consistente
• Metáforas / Referencias: Mail, address book
• Sujeto + verbo
• No intrusivo
• Diseño respetando Guías de diseño de interfaz de Windows Vista / Windows 7
Bases del diseño
95
Santiago Bustelo (@sbustelo) •MEMBER
Esquema
96
Funciones secundarias
listadopelículas
alquiler
listadoclientes
detalle película
listado copiasSeleccionar copia
Copias + Cliente =
Ficha Cliente
Seleccionarpelícula
Buscar peliculas o clientes
Santiago Bustelo (@sbustelo) •MEMBER
Buscar peliculas o clientes
Películas
Alquiler: 3 películas
La Rosa Púrpura del CairoWoody Allen
La Rosa Púrpura del CairoWoody Allen
La Rosa Púrpura del CairoWoody Allen
La Rosa Púrpura del CairoWoody Allen
Santiago Bustelo 32 años4123-4567
Diego González 32 años4123-4567
Santiago Bustelo 32 años4123-4567
Diego González 32 años4123-4567
Diego González 32 años4123-4567Juan de los Palotes 1638Deuda $67
Clientes
Activar Cliente
+
+
Alquilar a Diego González
78079
78079
78079
78079
78079
78079
78079
78079
78079
ReservarRelacionadas
78079
78079
78079
78079
La Rosa Púrpura del Cairo (1985)The Purple Rose of Cairo
La Rosa Púrpuradel Cairo#78909
Mia FarrowJeff DanielsDanny AielloIrving MetzmanStephanie Farrow
Actores
Woody AllenDirectorSátira, Comedia, Woody AllenGéneros
1 hora 22 minutosDuración
La Rosa Púrpuradel Cairo#78909
La Rosa Púrpuradel Cairo
El ciudadanoEterno resplandor de una mente...Yo sé que tu sabes que yo sé
reservada
Mockup avanzado97
Santiago Bustelo (@sbustelo) •MEMBER
98
Mockup final
Santiago Bustelo (@sbustelo) •MEMBER
Caso: Cliente devuelve y alquila
• Anticipación, no es necesario buscar al cliente
• Minimizar input y pasos
• Permitir operaciones en cualquier orden
99
Santiago Bustelo (@sbustelo) •MEMBER
Cliente devuelve y alquila
100
Santiago Bustelo (@sbustelo) •MEMBER
Cliente devuelve y alquila
101
Santiago Bustelo (@sbustelo) •MEMBER
Cliente devuelve y alquila
102
Santiago Bustelo (@sbustelo) •MEMBER
Cliente devuelve y alquila
103
Santiago Bustelo (@sbustelo) •MEMBER
Caso: Devolución de 40 películas
• Soportar un proceso de lotes con el mismo modelo de interacción
104
Santiago Bustelo (@sbustelo) •MEMBER
Devolución de 40 películas
105
Santiago Bustelo (@sbustelo) •MEMBER
Devolución de 40 películas
106
Santiago Bustelo (@sbustelo) •MEMBER
Devolución de 40 películas
107
Santiago Bustelo (@sbustelo) •MEMBER
Devolución de 40 películas
108
Santiago Bustelo (@sbustelo) •MEMBER
Resultados
Tarea 1.0 2.0 %
Búsqueda 15 a 33 seg. 5.45 seg. 175 a 500 %
Alta de 20 nuevas películas 1.543 seg. 204 seg. 656%
Cliente devuelve y alquila 52 a 87 seg. 7.80 seg. 566%
Buzón 40 devoluciones 636 seg. 156 seg. 300%
Notificación de 9 atrasos 10 a 15 min.? 7 seg. 8400%
109
Santiago Bustelo (@sbustelo) •MEMBER
• No hay Experiencia de Usuario sin usuarios
• Proceso iterativo de análisis y diseño centrado en la operación del usuario
• Bases racionales, cuantificación, calidad
• Obtener producto como resultado de un proceso, y satisfaciendo metas
Conclusiones
110
Santiago Bustelo (@sbustelo) •MEMBER
Diseño de Interacción en América Latina
Oportunidades
• Interés creciente en Usabilidad
• Diseño y UX como requerimiento
• Creciente apoyo académico
Desafíos
• Baja integración del diseñador conDesarrollo y Negocios
• Falta de visión y lenguaje común
• Falta de percepción de valor
• Baja madurez del mercado
deseable
usable
confiable
funcional
111
www.keikendo.com
Interaction DesignAssociation
Sumate a la Asociación deDiseño de Interacción: ixda.com.ar