Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

6

Teilen

Lean ux usa_lab

Lean UX

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Lean ux usa_lab

  1. 1. + Dora Luz González Bañales doraglez@itdurango.edu.mx Metodologías y técnicas Lean User eXperience (Lean UX) ¿Qué hace realmente bueno a un sitio o aplicación web?
  2. 2. + Vamos a conocernos Nombre Ocupación Tu personaje favorito de comics 2 By Dora Gonzalez-Bañales @doraglez
  3. 3. + Instructora By Dora Gonzalez-Bañales @doraglez 3 Dra. Dora Luz González Bañales Doctora en Integración de Tecnologías de Información en las Organizaciones de la Universidad Politécnica de Valencia (España). Profesora-investigadora del Departamento de Sistemas y Computación Instituto Tecnológico de Durango (Perfil en Google Académico)
  4. 4. + Objetivo del taller By Dora Gonzalez-Bañales @doraglez 4 Introducción a metodologías y técnicas Lean User eXperience (metodologías ágiles) para el diseño de productos y servicios basados en tecnología web.
  5. 5. + ¿De qué tratará el taller? By Dora Gonzalez-Bañales @doraglez 5
  6. 6. + By Dora Gonzalez-Bañales @doraglez 6
  7. 7. By Dora Gonzalez-Bañales @doraglez 7
  8. 8. By Dora Gonzalez-Bañales @doraglez 8
  9. 9. By Dora Gonzalez-Bañales @doraglez 9
  10. 10. By Dora Gonzalez-Bañales @doraglez 10
  11. 11. By Dora Gonzalez-Bañales @doraglez 11
  12. 12. By Dora Gonzalez-Bañales @doraglez 12
  13. 13. + ¿Qué hace realmente bueno a un sitio o aplicación web? By Dora Gonzalez-Bañales @doraglez 13
  14. 14. + ¿Qué hace realmente bueno a un sitio o aplicación web? By Dora Gonzalez-Bañales @doraglez 14 • …
  15. 15. + By Dora Gonzalez-Bañales @doraglez 15
  16. 16. By Dora Gonzalez-Bañales 2015 @doraglez 16 Segmento de clientes/usuari os Ventaja especial Propuesta de valor única SoluciónProblema Estructura de costos Flujo de ingresos 12 3 4 5 67 8 9 Métricas Canales
  17. 17. By Dora Gonzalez-Bañales @doraglez 20
  18. 18. By Dora Gonzalez-Bañales 2015 @doraglez 21 https://www.youtube.com/watch?v=I5oa5nb7u9g
  19. 19. + Y ¿qué es Lean UX? By Dora Gonzalez-Bañales @doraglez 22
  20. 20. + ¿Qué es Lean UX? Inspirado en las teorías de Lean startup y desarrollos ágiles, es la practica de traer la naturaleza del trabajo de diseño mas rápido a la luz, en una colaboración multi-funcional, con menos énfasis en los entregables y una mayor atención a la experiencia real que se esta diseñando. 23 By Dora Gonzalez-Bañales @doraglez
  21. 21. + Fundamentos de Lean UX 24 Manifiesto ágil By Dora Gonzalez-Bañales @doraglezhttp://www.biko2.com/agile/calentando-motores-para-el-aos2012-el-termometro-del-manifiesto-agil/
  22. 22. By Dora Gonzalez-Bañales @doraglez 25 Mayor número de ciclos en menor tiempo contribuyen a reducir riesgos http://www.slideshare.net/intelleto/designing-with-lean-ux-rapid-product-design-ux-lisbon-2014
  23. 23. + Lean Startup 26 Como un proceso By Dora Gonzalez-Bañales @doraglez
  24. 24. + Ejemplo  Se diseña un producto o servicio específico, pero ¿realmente se sabe cómo va a ser usado y por quién?  Si no se hacen pruebas previas, no se sabrá realmente si se diseño y creó el producto o servicio adecuado, hasta que realmente se ponga en práctica 27 By Dora Gonzalez-Bañales @doraglez
  25. 25. + El reto Alinear las necesidades de los usuarios con las necesidades del negocio para crear soluciones basadas en TIC By Dora Gonzalez-Bañales @doraglez 28
  26. 26. + Proceso Lean UX By Dora Gonzalez-Bañales @doraglez 29
  27. 27. By Dora Gonzalez-Bañales @doraglez 30 Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces Adaptado del trabajo de : @katerutter
  28. 28. By Dora Gonzalez-Bañales @doraglez 31 http://www.slideshare.net/intelleto/designing-with-lean-ux-rapid-product-design-ux-lisbon-2014
  29. 29. By Dora Gonzalez-Bañales @doraglez 32 Añadir un contexto…. Con figuras simples… http://www.slideshare.net/intelleto/designing-with-lean-ux-rapid-product-design-ux-lisbon-2014
  30. 30. By Dora Gonzalez-Bañales @doraglez 33 http://www.slideshare.net/intelleto/designing-with-lean-ux-rapid-product-design-ux-lisbon-2014
  31. 31. + Sentimientos cuando una necesidad es satisfecha  Cariñoso  Seguro  Inspirado  Pacífico  Ocupado  Emocionado  Alegre  Regocijado  Fresco  Esperanzado  Agradecido By Dora Gonzalez-Bañales @doraglez Fuente: Center for Nonviolent Comunication. En Design for Growth Field Book; Jeanne Liedka, et al.; Columbia Business School Publishing.
  32. 32. + Sentimientos cuando no se satisface una necesidad  Miedo  Enojo  Inquietud  Confusión  Irritación  Aversión  Desconexión  Vergüenza  Fatiga  Dolor  Tristeza  Vulnerabilidad  Tensión  Anhelo By Dora Gonzalez-Bañales @doraglez Fuente: Center for Nonviolent Comunication. En Design for Growth Field Book; Jeanne Liedka, et al.; Columbia Business School Publishing.
  33. 33. + Comenzamos… By Dora Gonzalez-Bañales @doraglez 36
  34. 34. + Cinéfilo… By Dora Gonzalez-Bañales @doraglez 37 Es una persona que…
  35. 35. + Cinéfilo By Dora Gonzalez-Bañales @doraglez 38 Quiero consultar la cartelera de los cines de mi localidad con base a mis preferencias, de tal manera que cuando ingrese a la página o a la App me muestre con base a mi perfil: • Cine más cercano a donde me encuentro • Sugerencias por el género que más me gusta o aproximado a él • Estrenos • Horarios • Compra del boleto en línea • Haga cargo automático a mi tarjeta de crédito
  36. 36. + Temores By Dora Gonzalez-Bañales @doraglez 39 • Que el sistema de control de entradas en el cine no esté funcionando • … • …
  37. 37. Beneficios adicionales Propuesta “La píldora” Quiere Temores Empresa: Producto/Servicio: Cliente/Usuario Ideal: Substitutos Producto/Servicio Usuario/Cliente Value Proposition Canvas 40
  38. 38. + Usuarios + problemas/necesidad + solución 41 Actividad de 5 minutos By Dora Gonzalez-Bañales @doraglez ¿Quiénes son los usuarios primarios? • Perfil demográfico: edad, género, número de hijos, ocupación, pensionado o en activo. • Perfil geográfico: zona de la ciudad donde vive (sur, norte, centro) • Perfil psicográfico: estrato social, estilo de vida (sedentario, activo) • Tipo de usuario uso de TIC: Inexperto, Medio, Avanzado, Experto • Nombre del personaje: Darle al personaje un nombre. Utilizar únicamente el nombre y la inicial del apellido. ¿Quiénes son los usuarios secundarios? Continúan instrucciones en la siguiente diapositiva…
  39. 39. + Usuarios + problemas/necesidad + solución 42 Actividad de 5 minutos By Dora Gonzalez-Bañales @doraglez • ¿Qué problemas tienen? • ¿Cuál podría ser una solución basada en el uso de tecnología web?  Página, APP Continúan instrucciones en la siguiente diapositiva….
  40. 40. + Continuación… 43 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez Con el usuario, sus necesidades y deseos identificados completar la siguiente figura Personas Problema Solución Aborda FechaProducto
  41. 41. + Usuarios + problemas/necesidad + solución 44 Actividad de 12 minutos dividido en 4 bloques de 3 minutos cada uno By Dora Gonzalez-Bañales @doraglez • Divide una hoja en cuatro partes • Dibuja el usuario + problema en el cuadrante A • Usuario • Contexto • Objetos • Breve descripción del problema o necesidad A B C D A
  42. 42. By Dora Gonzalez-Bañales @doraglez 45
  43. 43. + Mapa de la empatía & Contexto 46 By Dora Gonzalez-Bañales - 2015 Fuente: http://chaione.com/the-role-of-ux-research-in-designing-a-mobile-app/
  44. 44. + Usuarios + problemas/necesidad + solución 47 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez En el cuadrante describe las características demográficas del usuario (género, edad, ocupación, estado civil, nivel económico, nivel de familiaridad con el uso de TIC…) B
  45. 45. + Usuarios + problemas/necesidad + solución 48 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez En el cuadrante describe sus comportamientosC ¿Qué hace regularmente cuando se le presenta el problema identificado? (3 a 4 actividades principales) Continúan instrucciones en la siguiente diapositiva…
  46. 46. + Continuación… 49 Actividad de 4 minutos By Dora Gonzalez-Bañales @doraglez Realiza una relación de comportamientos • ¿Qué es lo que indica que es un usuario (cliente) potencial de la solución? • ¿Cómo resuelve el actualmente el problema o necesidad? En este caso cuando va al cine…
  47. 47. + Usuarios + problemas/necesidad + solución 51 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez En el cuadrante describe sus necesidades o problemas D Estas serán las principales características funcionales de la solución
  48. 48. + Value Proposition Canvas 52 Actividad de 5 minutos By Dora Gonzalez-Bañales @doraglez Beneficios adicionales Características Quiere Temores Necesidades Empresa: Producto/Servicio: Cliente/Usuario Ideal: Substitutos Producto Usuario/Cliente “Píldoras”
  49. 49. By Dora Gonzalez-Bañales @doraglez 54 ¿Qué tenemos hasta este momento? Quién es nuestro usuario, sus problemas/necesidades, deseos y temores Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces
  50. 50. + Dale un nombre a tu solución… 55 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez • ..
  51. 51. By Dora Gonzalez-Bañales @doraglez 56 Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces IMPORTANTE El tipo de usuario identificado debe existir
  52. 52. + Lo anterior nos lleva a…  Tener las bases para comenzar a crear supuestos, ya que hasta este punto se tiene información sobre:  Quién es el usuario  Cuáles son sus “puntos de dolor” (temores) relacionados con el producto, proceso o servicio  Qué características funcionales son importantes  Cuál será el valor diferencial de la solución 57 By Dora Gonzalez-Bañales @doraglez
  53. 53. + Supuestos By Dora Gonzalez-Bañales @doraglez 58
  54. 54. By Dora Gonzalez-Bañales @doraglez 59 Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces
  55. 55. + Algunos cambios en el tiempo… 60 By Dora Gonzalez-Bañales @doraglezhttp://www.slideshare.net/jgothelf/better-product-definition-with-lean-ux-and-design-thinking
  56. 56. + Sketch la solución 61 Actividad de 7 minutos By Dora Gonzalez-Bañales @doraglez En el cuadrante describe sus necesidades/deseos Deseo/preocu pación Funcionalidad (Cómo se resuelve)
  57. 57. + Sketch la solución 62 Actividad de 10 minutos By Dora Gonzalez-Bañales @doraglez
  58. 58. By Dora Gonzalez-Bañales @doraglez 63
  59. 59. + Sketch la solución 64 Actividad de 10 minutos By Dora Gonzalez-Bañales @doraglez Con tu equipo de trabajo compartir y seleccionar la mejor propuesta
  60. 60. + Supuestos (assumptions) 65 By Dora Gonzalez-Bañales @doraglezhttp://uxcellence.com/2015/01/17/notes-better-product-definition-through-lean-ux-and-design-thinking/ “Consideramos que [construyendo esta característica] [para estas personas] lograremos [este resultado]. Sabremos que hemos tenido éxito cuando veamos [estas señales por parte de los usuarios]”
  61. 61. + Sketch la solución 66 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez Redibujar la propuesta seleccionada
  62. 62. + Supuesto Consideramos que [haciendo/diseñando de esta función/creación de esta experiencia] para [estas personas] logrará [este resultado]. Nosotros sabemos que esto será cierto cuando observemos [esta retroalimentación del mercado, medida cuantitativa o cualitativa visión].
  63. 63. + Ejemplo de supuesto Consideramos que con la creación de un sistema de comunicación eficiente dentro de la experiencia del producto “Find a Job” para reclutadores y empleadores se logrará una mayor tasa de éxito de contacto y un aumento en la satisfacción del producto. Nosotros sabremos que esto es cierto cuando se observe un incremento en el número de respuestas de los solicitantes de empleo hacia los reclutadores, y por un mayor número de mensajes iniciados por los reclutadores en nuestro sistema.
  64. 64. + Supuesto 69 Actividad de 5 minutos By Dora Gonzalez-Bañales @doraglez Redacta tu supuesto “Consideramos que [construyendo esta característica] [para estas personas] lograremos [este resultado]. Sabremos que hemos tenido éxito cuando veamos [estas señales por parte de los usuarios]”
  65. 65. + Características By Dora Gonzalez-Bañales @doraglez 70
  66. 66. By Dora Gonzalez-Bañales @doraglez 71 Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces
  67. 67. + Características 72 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez Sugiere tres características de la solución
  68. 68. + ¿Qué se tiene hasta este punto? 73 By Dora Gonzalez-Bañales @doraglez Quién es el usuario, sus necesidades y metas Persona Qué puede hacer el usuario con el producto, proceso o servicio Propuesta de Valor Cómo lo va a realizar Características funcionales principales
  69. 69. + ¿Cómo se va a saber si funciona? Prototipos y métricas By Dora Gonzalez-Bañales @doraglez 74
  70. 70. By Dora Gonzalez-Bañales @doraglez 75 Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces
  71. 71. + ¿Qué se tiene hasta este punto? 76 By Dora Gonzalez-Bañales @doraglez Quién es el usuario, sus necesidades y metas Persona Qué puede hacer el usuario con el producto, proceso o servicio Propuesta de Valor Cómo lo va a realizar Características funcionales principales ¿Qué es lo que indicará que se cumplió con éxito la meta? Métricas de acción para medir el progreso
  72. 72. By Dora Gonzalez-Bañales @doraglez 77 Ing. Osiel Hernández Supuesto: Consideramos que [haciendo/diseñando de esta función/creación de esta experiencia] para [estas personas] logrará [este resultado]. Nosotros sabemos que esto será cierto cuando observemos [esta retroalimentación del mercado, medida cuantitativa o cualitativa visión].
  73. 73. + Supuesto y Métrica “Entregar todo a tiempo permitirá intercambiar experiencias a través de Internet” Nosotros sabemos que esto será cierto cuando observemos [esta retroalimentación del mercado, medida cuantitativa o cualitativa visión]. 78 By Dora Gonzalez-Bañales @doraglez
  74. 74. By Dora Gonzalez-Bañales @doraglez 79 ¿La métrica comienza con un número? • “número de…” • “número promedio de…” • “porcentaje de..” ¿Existe un periodo de tiempo? ¿Se puede comparar? • “Por semana…” [__/semana] • “Por mes…” [__/mes]” Nada útil Las métricas en acción Vano Bueno Mejor Impresionante Una buena métrica … mide el uso de un producto o servicio por persona. El uso debería ser específico de las características o funcionalidades que le generan valor al usuario Una métrica de excelencia …. hace ver a todos los otros indicadores y decir: ninguno de los otros números importa si no conseguimos esto primero Adaptado del trabajo de : @katerutter
  75. 75. + Métricas 80 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez Sugiere una métrica
  76. 76. + Métricas 81 Actividad de 2 minutos By Dora Gonzalez-Bañales @doraglez Mejora tu métrica
  77. 77. + Uniendo las piezas By Dora Gonzalez-Bañales @doraglez 83
  78. 78. By Dora Gonzalez-Bañales @doraglez 84 Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces
  79. 79. By Dora Gonzalez-Bañales @doraglez 85 https://www.youtube.com/watch?v=7MiE5-fLo0A
  80. 80. By Dora Gonzalez-Bañales @doraglez 86 https://www.youtube.com/watch?v=AslOqyu_rJk https://youtu.be/SqGYyN7Iwjk
  81. 81. By Dora Gonzalez-Bañales @doraglez 87 https://www.youtube.com/watch?v=GrV2SZuRPv0
  82. 82. By Dora Gonzalez-Bañales @doraglez 88 https://www.youtube.com/watch?v=YKpyIRW3o1k
  83. 83. + Narra la historia 89 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez 1. Nombre del producto- solución 2. La idea 3. Necesidades que satisface 4. Propuesta 5. Características funcionales 6. Métricas
  84. 84. + Narra la historia 90 Actividad de 3 minutos By Dora Gonzalez-Bañales @doraglez ¿Voluntarios?
  85. 85. By Dora Gonzalez-Bañales @doraglez 91
  86. 86. + Conclusiones By Dora Gonzalez-Bañales @doraglez 92
  87. 87. + By Dora Gonzalez-Bañales @doraglez 93
  88. 88. + By Dora Gonzalez-Bañales @doraglez 94 Dora Luz González Bañales doraglez@itdurango.edu.mx
  89. 89. + Plantillas By Dora Gonzalez-Bañales @doraglez 95
  90. 90. + Roadmap 96 By Dora Gonzalez-Bañales @doraglez Usuarios Necesidades Propósito Organizacional (Tu visión & ideas) Usos Características Producto Sketches Prototipos Wireframes User Interfaces Adaptado del trabajo de : @katerutter
  91. 91. Beneficios adicionales Propuesta “La píldora” Quiere Temores Empresa: Producto/Servicio: Cliente/Usuario Ideal: Substitutos Producto/Servicio Usuario/Cliente Value Proposition Canvas 97
  92. 92. By Dora Gonzalez-Bañales @doraglez 98 Adaptado del trabajo de : @katerutter Personas Problema Solución Aborda FechaProducto
  93. 93. By Dora Gonzalez-Bañales @doraglez 99 Comportamientos Necesidades y metasHechos (Facts) Adaptado del trabajo de : @katerutter
  94. 94. By Dora Gonzalez-Bañales @doraglez 100 Adaptado del trabajo de : @katerutter Propuesta de Valor - Sketches Con puede …
  95. 95. By Dora Gonzalez-Bañales @doraglez 101Propuesta de Valor - Sketches Con puede… Adaptado del trabajo de : @katerutter
  96. 96. By Dora Gonzalez-Bañales @doraglez 102Características del producto mínimo viable (MVP features) Característica Característica Característica Adaptado del trabajo de : @katerutter
  97. 97. By Dora Gonzalez-Bañales @doraglez 103 Métricas (Metrics Dashboard) Para evaluar el progreso, se requerirá medir lo siguiente: Meta Meta Meta Fecha Fecha Fecha Notas Notas Notas Adaptado del trabajo de : @katerutter
  98. 98. By Dora Gonzalez-Bañales @doraglez 104 ¿La métrica comienza con un número? • “número de…” • “número promedio de…” • “porcentaje de..” ¿Existe un periodo de tiempo? ¿Se puede comparar? • “Por semana…” [__/semana] • “Por mes…” [__/mes]” Nada útil Las métricas en acción Vano Bueno Mejor Impresionante Una buena métrica … mide el uso de un producto o servicio por persona. El uso debería ser específico de las características o funcionalidades que le generan valor al usuario Una métrica de excelencia …. hace ver a todos los otros indicadores y decir: ninguno de los otros números importa si no conseguimos esto primero Adaptado del trabajo de : @katerutter ¿Existe un “objeto” de base? ¿ “Por usuario…” [__/usuario] • “Usuario por semana…” • Ejemplos: por sesión, interacción, mensaje, archivo, correos electrónicos…”
  99. 99. + Referente base: Diseñando con Lean UX Adaptado del curso de Kate Rutter “Designing with Lean UX”, UX Lisboa, Junio 2014 By Dora Gonzalez-Bañales @doraglez 105
  • patgalvis

    Dec. 10, 2017
  • romanszmb

    Sep. 3, 2017
  • YankaleHochman

    Jul. 10, 2016
  • IDVicMan

    Nov. 6, 2015
  • abelobin

    Nov. 5, 2015
  • sirpeto

    Nov. 3, 2015

Lean UX

Aufrufe

Aufrufe insgesamt

641

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

3

Befehle

Downloads

4

Geteilt

0

Kommentare

0

Likes

6

×