User experience: Touch vs. tOuch!
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

User experience: Touch vs. tOuch!

  • 503 views
Uploaded on

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

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

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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
503
On Slideshare
459
From Embeds
44
Number of Embeds
1

Actions

Shares
Downloads
17
Comments
0
Likes
6

Embeds 44

http://www.keikendo.com 44

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 2 E 3 R4 T Y U A MEMBER Presentación bajo licencia Creative Commons Atribución 2.5 Argentina http://creativecommons.org/licenses/by/2.5/ar #33B5E5 #0099CC #AA66CC #9933CC #99CC00 #669900 #FFBB33 #FF8800 WS 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
  • 2. 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. MEMBER
  • 3. IxDA (Interaction Design Association) • Organización abierta, voluntaria y gratuita, con la Evolución en Experiencia de Usuario • 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 MEMBER 3 ixda.org
  • 4. ¿Qué cambió en los últimos 20 años? Evolución en Experiencia de Usuario • MEMBER 4
  • 5. Evolución en Experiencia de Usuario • Leer el diario 1993 2013 MEMBER 5
  • 6. Evolución en Experiencia de Usuario • Buscar trabajo 1993 2013 MEMBER 6
  • 7. Evolución en Experiencia de Usuario • Trabajo administrativo 1993 2013 MEMBER 7
  • 8. Evolución en Experiencia de Usuario • Hacer las compras 1993 2013 MEMBER 8
  • 9. Reencontrarse con compañeros de escuela Evolución en Experiencia de Usuario • 1993 2013 MEMBER 9
  • 10. El mundo digital que nosotros construimos • 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. Evolución en Experiencia de Usuario • MEMBER 10
  • 11. ¿Qué mundo queremos construir? Foto: Ed Yourdon
  • 12. “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. Evolución en Experiencia de Usuario • User Experience (UX) Don Norman MEMBER 12
  • 13. Factores que componen UX Impacto Espacio de diseño Evolución en Experiencia de Usuario • MEMBER 13 time pressure, pressure of success and fail, explicit and implicit requirements, etc. User Experience sex, fashion, habits, norms, language, symbols, religion, etc. time, place, accompanying persons, temperature, etc. social factors cultural 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 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.
  • 14. Funcionalidad Tecnología Prototipado Versión candidata a de nitiva Disciplinas principales Procesos front-end Arquitectura de Información Ing. de Usabilidad Simplicidad Consistencia Interfaz Arquitectura de información Diseño de identidad Aspecto y Diseño de Interacción Comunicaciones de Marketing Marketing Diseño estético comportamiento Guía de estilo Plan de negocios Oferta Argumento comercial Performance Diseño de Diseño de Información Interacción Análisis de negocio Desarrollo Visual UX Negocio Diseño Usabilidad Diseño de Interacción V0.5 © 2009 by Information Architects, Inc.
  • 15. UX y Diseño: definir cómo es, cómo funciona y cómo luce un producto digital • Diseño de Experiencias (UX) • Dirigir la forma en que se siente una persona usando un producto, sistema o • 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 • 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. Evolución en Experiencia de Usuario • servicio. experiencias para más usuarios. MEMBER ABSTRACTO CONCRETO 15
  • 16. 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 Evolución en Experiencia de Usuario • MEMBER 16
  • 17. 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 Evolución en Experiencia de Usuario • Forma versus Función MEMBER 1 2 3 4 5 17
  • 18. Evolución en Experiencia de Usuario • Forma y Función MEMBER 19 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
  • 19. • 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) Evolución en Experiencia de Usuario • MEMBER Usabilidad 21
  • 20. 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 • 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 Evolución en Experiencia de Usuario • producto. MEMBER 22
  • 21. Experiencias accidentales: la experiencia del usuario como riesgo “ 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”. Evolución en Experiencia de Usuario • MEMBER 23 (Kaleem Khan, consultor de UX)
  • 22. Efectividad: Incorporando al usuario
  • 23. Eficiencia: análisis y cuantificación Evolución en Experiencia de Usuario • MEMBER 25
  • 24. Satisfacción: experiencia óptima Frustración Aburrimiento Simplificación del modelo de Mihaly Csikszentmihalyi Evolución en Experiencia de Usuario • MEMBER Fluencia desafío habilidad 26
  • 25. 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 Evolución en Experiencia de Usuario • áreas y con la dirección del proyecto. • Asistir a capacitaciones sobre UX. MEMBER 27
  • 26. Procesos de diseño y desarrollo Evolución en Experiencia de Usuario • MEMBER 28
  • 27. 1. Definición de requerimientos. 2. Diseño y desarrollo a nivel de producción. 3. Entrega. Evolución en Experiencia de Usuario • Proceso lineal MEMBER 29
  • 28. 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. Evolución en Experiencia de Usuario • MEMBER 30
  • 29. Entender el tipo de problema Evolución en Experiencia de Usuario • 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. MEMBER 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. 31
  • 30. 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. Evolución en Experiencia de Usuario • Proceso convergente MEMBER 32
  • 31. ¿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 Evolución en Experiencia de Usuario • MEMBER 33
  • 32. Caso ejemplo: Explore Chicago Evolución en Experiencia de Usuario • MEMBER 34
  • 33. Definición de Objetivo: ¿qué problema le queremos resolver a quién? “Our goal was to develop a mobile application that provides tools for exploration for both Chicago locals and out-of-town travelers”. Evolución en Experiencia de Usuario • MEMBER 35
  • 34. Copyright © 2009 linlindesigns.com Evolución en Experiencia de Usuario • User Matrix MEMBER 36
  • 35. Copyright © 2009 linlindesigns.com Evolución en Experiencia de Usuario • User Profile MEMBER 37
  • 36. Copyright © 2009 linlindesigns.com Evolución en Experiencia de Usuario • User Scenario MEMBER 38
  • 37. Copyright © 2009 linlindesigns.com Evolución en Experiencia de Usuario • User Testing MEMBER 39
  • 38. Copyright © 2009 linlindesigns.com Evolución en Experiencia de Usuario • Sample Screens MEMBER 40
  • 39. • 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. Evolución en Experiencia de Usuario • Conclusiones MEMBER 41
  • 40. User Experience: Touch vs. tOuch! UBA Facultad de Ciencias Exactas 16 de abril, 2014 Sumate a lKa aAsmocbiacrióinc dae Diseño de Interacción: ixda.com.ar MEMBER
  • 41. www.kambrica.com