M E M B E R
#33B5E5
#0099CC
#AA66CC
#9933CC
#99CC00
#669900
#FFBB33
#FF8800
W
2
E
3
R
4
T Y
A S D F G H J K
Z X C V B N M@...
Evolución en Experiencia de Usuario •M E M B E R
• Diseño de Experiencias (UX)
• Dirigir la forma en que se siente una per...
M E M B E R
Me presento…
• Santiago Bustelo, diseñador de interacción.
• Fundador y Director de Diseño, Kambrica.
• Fundad...
Evolución en Experiencia de Usuario •M E M B E R
IxDA (Interaction Design Association)
• Organización abierta, voluntaria ...
Evolución en Experiencia de Usuario •M E M B E R
¿Qué cambió en los
últimos 20 años?
5
Evolución en Experiencia de Usuario •M E M B E R
Leer el diario
1993
6
Evolución en Experiencia de Usuario •M E M B E R
Leer el diario
1993 2013
6
Evolución en Experiencia de Usuario •M E M B E R
1993
Buscar trabajo
7
Evolución en Experiencia de Usuario •M E M B E R
1993 2013
Buscar trabajo
7
Evolución en Experiencia de Usuario •M E M B E R
1993
Trabajo administrativo
8
Evolución en Experiencia de Usuario •M E M B E R
1993 2013
Trabajo administrativo
8
Evolución en Experiencia de Usuario •M E M B E R
1993
Hacer las compras
9
Evolución en Experiencia de Usuario •M E M B E R
1993 2013
Hacer las compras
9
Evolución en Experiencia de Usuario •M E M B E R
1993
Reencontrarse con compañeros de escuela
10
Evolución en Experiencia de Usuario •M E M B E R
1993 2013
Reencontrarse con compañeros de escuela
10
Evolución en Experiencia de Usuario •M E M B E R
El mundo digital que nosotros construimos
11
• Great Power: los diseñador...
¿Qué mundo queremos construir?
Foto: Ed Yourdon
Evolución en Experiencia de Usuario •M E M B E R
User Experience (UX)
“Inventé el término porque pensé que
interfaz y usab...
Evolución en Experiencia de Usuario •M E M B E R
Factores que componen UX
14
time pressure,
pressure of success and fail,
...
Funcionalidad
Prototipado
Versión candidata
a de nitiva
Procesos
front-end
Arquitectura
de Información
Ing. de
Usabilidad
...
Evolución en Experiencia de Usuario •M E M B E R
• Diseño de Experiencias (UX)
• Dirigir la forma en que se siente una per...
Evolución en Experiencia de Usuario •M E M B E R
Diseño de Interacción:
el usuario como procesador
• Modelo de operación:
...
Evolución en Experiencia de Usuario •M E M B E R
Forma versus Función
1
2 3 4
567
891011
12
1314
15
16 17 18 19
20
21
2223...
Evolución en Experiencia de Usuario •M E M B E R
Forma y Función
20
D L M M J V S
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 1...
Evolución en Experiencia de Usuario •M E M B E R
• La usabilidad de una interfaz es una medida
de la efectividad, eficienc...
Evolución en Experiencia de Usuario •M E M B E R
Diseño y Usabilidad como Calidad
• Son atributos cualitativos intrínsecos...
Evolución en Experiencia de Usuario •M E M B E R
Experiencias accidentales:
la experiencia del usuario como riesgo
24
“Nad...
Efectividad: Incorporando al usuario
Evolución en Experiencia de Usuario •M E M B E R
Eficiencia: análisis y cuantificación
26
Evolución en Experiencia de Usuario •M E M B E R
Satisfacción: experiencia óptima
Simplificación del modelo de Mihaly Csik...
Evolución en Experiencia de Usuario •M E M B E R
A incorporar y desarrollar para avanzar en UX
• Construir perfiles de usu...
Evolución en Experiencia de Usuario •M E M B E R
Procesos de diseño y
desarrollo
29
Evolución en Experiencia de Usuario •M E M B E R
Proceso lineal
1. Definición de requerimientos.
2. Diseño y desarrollo a ...
Evolución en Experiencia de Usuario •M E M B E R
Proceso lineal interminable
1. Definición de requerimientos.
2. Diseño y ...
Evolución en Experiencia de Usuario •M E M B E R
Problemas bien definidos
• Es posible definir estado inicial,
estado dese...
Evolución en Experiencia de Usuario •M E M B E R
Proceso convergente
1. Objetivos y análisis inicial.
2. Diseño y desarrol...
Evolución en Experiencia de Usuario •M E M B E R
¿Cuándo está terminado el diseño de UX?
• Cuando nos gusta a nosotros
• C...
Evolución en Experiencia de Usuario •M E M B E R
Caso ejemplo:
Explore Chicago
35
Evolución en Experiencia de Usuario •M E M B E R
Definición de Objetivo: ¿qué problema le
queremos resolver a quién?
36
“O...
Evolución en Experiencia de Usuario •M E M B E R
User Matrix
37
Copyright © 2009 linlindesigns.com
Evolución en Experiencia de Usuario •M E M B E R
User Profile
38
Copyright © 2009 linlindesigns.com
Evolución en Experiencia de Usuario •M E M B E R
User Scenario
39
Copyright © 2009 linlindesigns.com
Evolución en Experiencia de Usuario •M E M B E R
User Testing
40
Copyright © 2009 linlindesigns.com
Evolución en Experiencia de Usuario •M E M B E R
Sample Screens
41
Copyright © 2009 linlindesigns.com
Evolución en Experiencia de Usuario •M E M B E R
Conclusiones
• Pensar en lo que pasa fuera de la pantalla.
• Observar cóm...
User Experience:
Touch vs. tOuch!
UBA Facultad de Ciencias Exactas
16 de abril, 2014
K a m b r i c a
Sumate a la Asociació...
w w w . k a m b r i c a . c o m
User experience: Touch vs. tOuch!
User experience: Touch vs. tOuch!
Upcoming SlideShare
Loading in...5
×

User experience: Touch vs. tOuch!

552

Published on

Presentación sobre UX y mobile para Computación Móvil en la Facultad de Ciencias Exactas, UBA, el 16 de abril de 2014.

Santiago Bustelo
Coordinador Regional Latinoamérica, IxDA
Dirección de Diseño, Kambrica

Published in: Design

User experience: Touch vs. tOuch!

  1. 1. M E M B E R #33B5E5 #0099CC #AA66CC #9933CC #99CC00 #669900 #FFBB33 #FF8800 W 2 E 3 R 4 T Y A S D F G H J K Z X C V B N M@sbustelo User Experience: Touch vs. tOuch! Santiago Bustelo Director de diseño, Kambrica IxDA Latin America Regional Coordinator UBA Facultad de Ciencias Exactas 16 de abril, 2014 Presentación bajo licencia Creative Commons Atribución 2.5 Argentina http://creativecommons.org/licenses/by/2.5/arM E M B E R
  2. 2. Evolución en Experiencia de Usuario •M E M B E R • 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 2M E M B E R
  3. 3. M E M B E R Me presento… • Santiago Bustelo, diseñador de interacción. • Fundador y Director de Diseño, Kambrica. • Fundador y Coordinador IxDA Buenos Aires y Coordinador Regional de IxDA en Latinoamérica. Organizador de los principales eventos de UX en Argentina desde 2010 y de Interaction South America 2014. • Desde 1997 he participado en proyectos de diseño y desarrollo para Microsoft, Staples, Coca-Cola, HP, TetraPak, MetLife, HSBC, Telefónica, Jumbo, Molinos, Banco Santander, Bumeran.com, Guía Óleo y Universidad de Stanford, entre otros. • He dictado presentaciones y talleres sobre Usabilidad, Diseño de Interacción y Experiencia de Usuario (UX) desde el año 2001 en Argentina, Brasil, Colombia, EEUU, Canadá, Irlanda y Holanda.
  4. 4. Evolución en Experiencia de Usuario •M E M B E R 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 76.000 miembros, 160 grupos locales, 36 grupos en América Latina. • En Argentina: • Buenos Aires: ixda.com.ar • Córdoba: ixdaCba.com.ar • Corrientes / Resistencia: facebook/IxdaCorrientesResistencia • La Plata: ixdaLaPlata.com.ar • Mar del Plata: @IxDAMDQ • Mendoza: ixdaMza.com.ar • Rosario: ixdaRosario.com.ar • Tucumán: ixdaTucuman.com.ar 4 ixda.org
  5. 5. Evolución en Experiencia de Usuario •M E M B E R ¿Qué cambió en los últimos 20 años? 5
  6. 6. Evolución en Experiencia de Usuario •M E M B E R Leer el diario 1993 6
  7. 7. Evolución en Experiencia de Usuario •M E M B E R Leer el diario 1993 2013 6
  8. 8. Evolución en Experiencia de Usuario •M E M B E R 1993 Buscar trabajo 7
  9. 9. Evolución en Experiencia de Usuario •M E M B E R 1993 2013 Buscar trabajo 7
  10. 10. Evolución en Experiencia de Usuario •M E M B E R 1993 Trabajo administrativo 8
  11. 11. Evolución en Experiencia de Usuario •M E M B E R 1993 2013 Trabajo administrativo 8
  12. 12. Evolución en Experiencia de Usuario •M E M B E R 1993 Hacer las compras 9
  13. 13. Evolución en Experiencia de Usuario •M E M B E R 1993 2013 Hacer las compras 9
  14. 14. Evolución en Experiencia de Usuario •M E M B E R 1993 Reencontrarse con compañeros de escuela 10
  15. 15. Evolución en Experiencia de Usuario •M E M B E R 1993 2013 Reencontrarse con compañeros de escuela 10
  16. 16. Evolución en Experiencia de Usuario •M E M B E R El mundo digital que nosotros construimos 11 • Great Power: los diseñadores y desarrolladores somos los arquitectos e ingenieros de una sociedad de información. • Great responsibility: 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.
  17. 17. ¿Qué mundo queremos construir? Foto: Ed Yourdon
  18. 18. Evolución en Experiencia de Usuario •M E M B E R 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 13
  19. 19. Evolución en Experiencia de Usuario •M E M B E R Factores que componen UX 14 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
  20. 20. Funcionalidad Prototipado Versión candidata a de nitiva Procesos front-end Arquitectura de Información Ing. de Usabilidad Simplicidad Consistencia Marketing Comunicaciones de Marketing Diseño estético Diseño de identidad Aspecto y comportamiento Interfaz Guía de estilo Plan de negocios Oferta Argumento comercial Performance Diseño de Interacción Diseño de InformaciónDiseño de Interacción Análisis de negocio Desarrollo Visual UX Tecnología UX Negocio Diseño Disciplinas principales Usabilidad Arquitectura de información Diseño de Interacción V0.5 © 2009 by Information Architects, Inc.
  21. 21. Evolución en Experiencia de Usuario •M E M B E R • 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 16
  22. 22. Evolución en Experiencia de Usuario •M E M B E R Diseño de Interacción: el usuario como procesador • Modelo de operación: • Secuencias de pasos (algoritmo) que el usuario debe descubrir y ejecutar para lograr una tarea • Relevamiento y pruebas con usuarios para elaborar modelos válidos versus hipótesis sin comprobar 17
  23. 23. Evolución en Experiencia de Usuario •M E M B E R Forma versus Función 1 2 3 4 567 891011 12 1314 15 16 17 18 19 20 21 222324 25 262728293031 18
  24. 24. Evolución en Experiencia de Usuario •M E M B E R Forma y Función 20 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
  25. 25. Evolución en Experiencia de Usuario •M E M B E R • 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 22
  26. 26. Evolución en Experiencia de Usuario •M E M B E R Diseño y Usabilidad como Calidad • Son atributos cualitativos intrínsecos al producto • Como la performance, no se pueden “agregar”. • Son afectados por todos los que construyen el producto. • Siempre ocurren • A un producto no le “falta” diseño o usabilidad. En todo caso, su diseño o usabilidad son malos. • Hay diseños intencionales… y diseños que se cometen 23
  27. 27. Evolución en Experiencia de Usuario •M E M B E R Experiencias accidentales: la experiencia del usuario como riesgo 24 “Nadie quiere creer que ofrece un producto de mala calidad o deficiente, porque nadie se propone un mal diseño como meta. Es siempre un riesgo. Los malos diseños y malas experiencias suceden”. (Kaleem Khan, consultor de UX)
  28. 28. Efectividad: Incorporando al usuario
  29. 29. Evolución en Experiencia de Usuario •M E M B E R Eficiencia: análisis y cuantificación 26
  30. 30. Evolución en Experiencia de Usuario •M E M B E R Satisfacción: experiencia óptima Simplificación del modelo de Mihaly Csikszentmihalyi Frustración Fluencia desafío habilidad Aburrimiento 27
  31. 31. Evolución en Experiencia de Usuario •M E M B E R A incorporar y desarrollar para avanzar en UX • Construir perfiles de usuarios. • Describir los requerimientos y escenarios de uso desde la perspectiva del usuario final antes de comenzar con el diseño de la interfaz. • Priorizar la funcionalidad a construir de acuerdo al valor que aporta para el usuario. • Definir los flujos de navegación del usuario para la resolución de tareas con la interfaz. • Incorporar instancias de revisión e iteraciones de las interfaces con otras áreas y con la dirección del proyecto. • Asistir a capacitaciones sobre UX. 28
  32. 32. Evolución en Experiencia de Usuario •M E M B E R Procesos de diseño y desarrollo 29
  33. 33. Evolución en Experiencia de Usuario •M E M B E R Proceso lineal 1. Definición de requerimientos. 2. Diseño y desarrollo a nivel de producción. 3. Entrega. 30
  34. 34. Evolución en Experiencia de Usuario •M E M B E R 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 quería o lo que el usuario necesitaba, retrocede tres casilleros. 5. Se repite hasta el hartazgo de una o ambas partes. 31
  35. 35. Evolución en Experiencia de Usuario •M E M B E R Problemas bien definidos • Es posible definir estado inicial, estado deseado, y camino más corto. • Se aplican algoritmos: secuencias estructuradas de pasos que garantizan “la” solución. • Metodología secuencial. • Foco en análisis y documentación. Problemas complejos • El problema no es entendido hasta no haberlo resuelto. • Se trabajan de forma heurística, en un proceso de prueba y error para aproximarse a “una” solución. • Metodología ágil. • Foco en entregables. Entender el tipo de problema 32
  36. 36. Evolución en Experiencia de Usuario •M E M B E R Proceso convergente 1. Objetivos y análisis inicial. 2. Diseño y desarrollo en iteraciones avanzando y validando progresivamente aspectos del producto, de general a particular. 3. Entrega. 33
  37. 37. Evolución en Experiencia de Usuario •M E M B E R ¿Cuándo está terminado el diseño de UX? • Cuando nos gusta a nosotros • Cuando funciona como queríamos • Cuando le gusta al cliente • Cuando el usuario logra lo que esperábamos 34
  38. 38. Evolución en Experiencia de Usuario •M E M B E R Caso ejemplo: Explore Chicago 35
  39. 39. Evolución en Experiencia de Usuario •M E M B E R Definición de Objetivo: ¿qué problema le queremos resolver a quién? 36 “Our goal was to develop a mobile application that provides tools for exploration for both Chicago locals and out-of-town travelers”.
  40. 40. Evolución en Experiencia de Usuario •M E M B E R User Matrix 37 Copyright © 2009 linlindesigns.com
  41. 41. Evolución en Experiencia de Usuario •M E M B E R User Profile 38 Copyright © 2009 linlindesigns.com
  42. 42. Evolución en Experiencia de Usuario •M E M B E R User Scenario 39 Copyright © 2009 linlindesigns.com
  43. 43. Evolución en Experiencia de Usuario •M E M B E R User Testing 40 Copyright © 2009 linlindesigns.com
  44. 44. Evolución en Experiencia de Usuario •M E M B E R Sample Screens 41 Copyright © 2009 linlindesigns.com
  45. 45. Evolución en Experiencia de Usuario •M E M B E R Conclusiones • Pensar en lo que pasa fuera de la pantalla. • Observar cómo los usuarios operan en la vida real. • Usabilidad como QA: los problemas de que no identifiquemos y resolvamos, los encontrarán nuestros usuarios. • Proceso iterativo de análisis y diseño centrado en la operación y necesidades del usuario. 42
  46. 46. User Experience: Touch vs. tOuch! UBA Facultad de Ciencias Exactas 16 de abril, 2014 K a m b r i c a Sumate a la Asociación de Diseño de Interacción: ixda.com.arMEMBER
  47. 47. w w w . k a m b r i c a . c o m
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×