Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Argentesting 2018 - Taller de Buenas prácticas para una interacción exitosa entre testing y ux

945 views

Published on

Taller ofrecido por Faray Castillo durante la 3ra edición del Argentesting (18 y 19 de Octubre, 2018)

En proyectos donde participan equipos de diferentes disciplinas e intervienen en etapas diferentes del desarrollo de software y sin actividades en común que los vinculen, se pueden presentar diversas dificultades que afecten directamente la calidad del producto y la percepción que puede tener el cliente de la misma es por esto que se proponen algunas buenas prácticas que permitan mejorar interacción de los equipos y al mismo tiempo lograr mayor confianza por parte del cliente del avance del producto.

Conocimientos previos requeridos
No requiere

Requerimientos
Este taller no requiere computadora



Faray Castillo
https://www.linkedin.com/in/faray-castillo/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Argentesting 2018 - Taller de Buenas prácticas para una interacción exitosa entre testing y ux

  1. 1. Buenas prácticas para una interacción exitosa entre Testing y UX Ing. Faray Castillo S.
  2. 2. Faray Castillo  Ingeniero de sistemas. Universidad de Los Andes. Venezuela  Experiencia en las áreas de Testing y Maquetado web desde hace 4 años  He trabajado en proyectos multiplataforma para empresas en Panamá, Venezuela, Argentina en diferentes rubros aplicando metodologías de testing agile, scrum  Actualmente me encuentro trabajando en Baufest como Analista de testing y QA y realizando tareas de testing para proyectos websites, mobile applications, web services, gestores de contenidos Analista de testing y QA
  3. 3. Agenda  Proceso de UX  Roles  Entregables  Flujo de actividades en el proyecto  Problemas identificados desde testing en la interacción de los equipos  Buenas prácticas propuestas, ventajas y limitaciones  Beneficios obtenidos de aplicar las prácticas  Preguntas
  4. 4. Proceso de UX Encargado de diseñar interfaz, garantizar usabilidad y velar que la experiencia del usuario aporte valor al negocio. Programa los componentes necesarios para que los diseños creados lleguen a tener funcionalidad cuando el equipo de desarrollo terminesu trabajo. Roles Diseñador UX/UI Maquetador frontend
  5. 5. Proceso de UX Entregables  Una vez finalizado el proceso de relevamiento visual el diseñador presenta propuestas de look and feel, flowcharts y wireframes de las funcionalidades que se van a desarrollar en la solución  Entregables incrementales de la interfaz visual definidas por el diseñador. El alcance de estos entregables está atado a los compromisos del sprint y a la integraciónque se haga con el backend Diseñador Maquetador
  6. 6. Flujo de actividades en el proyecto En simultaneo con el equipo de UX diseño, el analista funcional hace el relevamiento de funcionalidades y negocio Comienza el desarrollo backend y frontend donde se va generando el código que le da vida al producto. Se hacen las liberaciones de las funcionalidades estables Comienzan las actividades de ejecución de pruebas Desde testing se hace el análisis de requerimientos y se diseñan los casos de prueba Testing realiza las actividades de planificación TESTER
  7. 7. Problemas identificados desde Testing Ultima versión del wireframe en el repositorio Ultima versión de la aplicación en el ambiente de QA
  8. 8. Problemas identificados desde Testing Hagamos un test exploratorio… Wireframe Aplicación en el ambiente de QA • ¿Cuál cree que es el problema raíz? • ¿Qué bugs reportaría?
  9. 9. Problemas identificados desde Testing La documentación no siempre está actualizada con los últimos cambios • El color de fondo no es el mismo • El ordenamiento de las funcionalidades no coincide • Los iconos no son los definidos • Faltan funcionalidades en el menú Wireframe Aplicación en el ambiente de QA
  10. 10. Problemas identificados desde Testing Los maquetadores modifican las definiciones ante los vacíos en la documentación o por simplificar el desarrollo Wireframe Aplicación en el ambiente de QA • La validación de contraseña incorrecta debe mostrarse como en el diseño no con un popup
  11. 11. Problemas identificados desde Testing No se hace uso constante de herramientas de gestión de bugs Se genera un backlog de correcciones menores
  12. 12. Problemas identificados desde Testing La integración entre backend y frontend no se hizo correctamente Los desarrolladores no tienen bien definido la distribución de los branch
  13. 13. Problemas identificados desde Testing Si son equipos independientes (inclusode proveedores diferentes) se hace más difícil contar con una visibilidad del estado del producto y del avance que se está realizando. Los desarrolladores no realizan unit test utilizando la documentación funcional o de diseño relevada Testing comienza a reportar bugs visuales en partes del producto que aún se encuentran en construcción Los desarrolladores no están informados de las actualizaciones de la documentación
  14. 14. Buenas prácticas propuestas Hacer un pair testing con el maquetador Realizar reuniones de tipo Pre Demo en el equipo interno antes de presentar el incremental al cliente Fomentar el uso de repositorios y de herramientas de seguimiento de tareas Que testing participe o esté informado de los resultados de las pruebas de usabilidad Diferenciar con algún color estándar o efecto visual las secciones o componentesque se encuentran en construcción
  15. 15. Buenas prácticas propuestas ETAPA VENTAJA LIMITACIONES 1. Etapa de validación de maquetado: Sobre el branch del maquetado donde solo se valide que el maquetado cumpla con lo diseñado, responsive. El tester se instalará el IDE de desarrollo. 1. El tester accede de forma autónoma a realizar las pruebas (libera a desarrolladores de hacer despliegues y generar APK’s e IPA’s en este punto) 2. Permite identificar bugs de maquetado de forma temprana 3. El tester se familiariza con las arquitecturas, ambientes de desarrollo y emuladores • No se garantiza el correcto funcionamiento en el siguiente ciclo de pruebas ya que el merge se hará luego de está etapa de testing. Dividiren 3 etapas las tareas de testing
  16. 16. Buenas prácticas propuestas ETAPA VENTAJA LIMITACIONES 2. Etapa de integración de Backend y Frontend: Se validará la correcta integración BE y FE, la navegabilidad, y las funcionalidades mockeadas 1. Permite identificar bugs de integración de forma temprana. 2. En el caso que existan pruebas mobile se validan las funcionalidades responsive e identifican bugs en instalación y generación de versiones • Si la estrategia de mock es en el front, no garantiza que las cosas funcionen bien después, ya que ese build sufrirá modificaciones para integrarlo con backend • Si la estrategia de mock fuera en back, entonces el front end estaría llamando al servicio ya mockeado 3. Etapa de pruebas funcionales intensivas 1. El foco de atención solo se hará en lo funcional • Tiempo
  17. 17. Beneficios obtenidos de aplicar las prácticas Permitió el reporte de issues de maquetado de manera temprana en el ciclo de vida del software por lo que se optimiza el tiempo de análisis para la resolución de los mismos Generó mayor confianza por parte del cliente y los usuarios en los entregables incrementales que se mostraban Permitió que fluya mejor la dinámica interdisciplinariaen los equipos Ayudó al tester a tener visión del desarrollo que se hará más allá de la funcionalidad Disminuyó la generación de un gran backlog de bugs
  18. 18. Preguntas
  19. 19. Muchas gracias Ing. Faray Castillo S. Ciudad Autónoma de Buenos Aires Octubre, 2018 Email: faray2510@gmail.com

×