Explicación de los beneficios y la forma de implementar UX en un proceso de desarrollo de SW tradicional

1. UX Beneficios e implementación
en proyectos
Edwin Madueño
Lima 2015

2. Agenda
Que es UX
• Definiciones
• Usabilidad & UX
Beneficios de la UX
• Escenario real de los proyectos
• Beneficios que nos trae
• ¿Cómo medimos sus beneficios?
Qué implica realizar UX
• Desarrollo de proyectos
• Quienes participan
• Problemas típicos
Cómo realizar UX
• Etapas de la UX
• Evaluación
Preguntas y respuestas

3. Veamos de que se trata

4. persona
usuario
persona

5. UX es la suma de interacciones que una persona
tiene con un producto o servicio, y tiene como
finalidad mejorar la utilidad, facilidad de uso y la
eficiencia
Se centra en entender:
• Personas: problemas, necesidades, deseos
• Negocio: beneficios, objetivos organizacionales,
estrategia de marketing
• Tecnología: infraestructura, arquitectura,
rendimiento, soporte

9. Qué se puede obtener de
aplicarlo

10. • Como es
• El que patrocina le dice al que lo va a
desarrollar lo que cree que se necesita,
se lo enseña al que lo usara, le hace
modificaciones creando un "mejor
producto".
• El que desarrolla realiza la propuesta
según lo especificado se lo muestra al
patrocinador, el que lo usara solicita
modificaciones que se adecuen mejor a
lo que realmente quiere pero se ve
limitado.
• La propuesta fue desarrollada basada
en "lo que se necesita", no se adecua, el
que lo usa se frustra
• Debería ser
• El que patrocina el proyecto pide al que
desarrollo el proyecto que haga algo
para que alguien lo use.
• El que desarrolla el proyecto entrevista
al que lo usa, arma una propuesta y se
la ensaña al que patrocina.
• Al haber sido una propuesta
desarrollada en conjunto con el que la
usara, será una propuesta exitosa.

11. Lo que el Cliente y nosotros creemos que el usuario necesita
Lo que el Usuario realmente necesita

13. Para que el producto o servicio
funcione de la forma en que los
usuarios esperan, ya que de lo
contrario afectaría aspectos como:
1. Lealtad del usuario
2. Retorno de la inversión
3. Eficiencia / Productividad
4. Satisfacción del usuario
5. Reducción de costos a largo plazo
6. Mejorar posicionamiento de la
Empresa

14. Beneficios que nos trae
Lealtad de usuarios
• No solo se pierde a un cliente, puede que el
cliente vaya a la competencia
• El agregar opciones al producto no
recuperara la fidelidad, pero una buena UX si
lo hará
• Los clientes fieles son los mejores
evangelizadores de los productos
1.

15. Beneficios que nos trae
Retorno de inversión
• La UX ayuda a eliminar confusiones o
molestias que eviten que convierta (p.e. una
compra)
• Una buena UX aumentara ventas, presencia
en mercado, nro. visitas, productividad
interna
• El valor puede ser monetario o un beneficio
2.

16. Beneficios que nos trae
Eficiencia y productividad
• La mejora de la eficiencia en sus herramientas
mejora su productividad
• Una buena UX minimiza el trabajo
innecesario y redundante
• Cuando un producto es muy usado, ahorrar
unos segundos es significativo, reduce rebote
3.

17. Beneficios que nos trae
Satisfacción del usuario
• La UX debe atender expectativas,
proporciona calidad, garantiza eficiencia,
satisfacción al usuario
• Sin una UX los productos tendrán
características o funciones que pueden ser
usadas por el usuario o las usan
erróneamente, generando emociones
negativas
4.

18. Beneficios que nos trae
Reducción de costos
• Invertir en UX nos asegura que los productos
estén bien desde el inicio
• El equipo de desarrollo gasta el 50% de su
tiempo en arreglar problemas de UX
• Con una buena UX se reduce el tiempo y
recursos destinados a capacitación, soporte,
mejoras
5.

19. Beneficios que nos trae
Mejorar posicionamiento6.

20. Como determinamos los beneficios
económicos que supone la inversión
en la UX:
• Eficacia
• Eficiencia
• Satisfacción
• Cualidad de ser recordado
• Facilidad de aprendizaje

21. Como medimos los beneficios de UX
Eficacia
• Tasa de Conversión: Se contabilizan las tareas
ejecutadas exitosamente
• Tasa de Rebote: Se contabilizan los tareas
donde se produjeron error

22. Como medimos los beneficios de UX
Eficiencia
• Recarga de Páginas, Tiempo consumido,
Cantidad de clics.
Satisfacción
• Se mide con cuestionarios al final de cada
prueba

24.  En desarrollo
• Estimaciones más precisas
• Optimización de los tiempos
• Reducción de costos en mantenimiento
correctivo
 En ventas
• Incrementar el número de conversiones,
transacciones/ventas
• Incremento en ventas por producto
• Aumento en el tráfico/audiencia
• Mejora en la retención de usuarios y frecuencia
de compra
• Incremento en los índices de captación de
nuevos clientes
• Aumento de la cuota de mercado (mejora en la
competitividad)
• En uso
• Mejora en los índices de éxito, menos errores
de usuarios
• Mejora en la eficiencia/productividad
(reducción del tiempo/tarea)
• Mejora en la satisfacción de los usuarios
• Mayor satisfacción en los equipos de desarrollo
• Mejora en la facilidad de uso y de aprendizaje
• Mejora en la confianza en el sistema
• Reducción en los costes de soporte
• Reducción en los costes de formación y
documentación

26. PROCESO DE UX
Investigación, análisis y pruebas
como base del diseño. Diseño y
desarrollo en iteraciones
avanzando y validando
progresivamente.
PROCESO TRADICIONAL
Definición de alcance a
grandes rasgos, definición
funcional, diseño de pantallas,
diseño técnico y desarrollo

27. • Frente al análisis tradicional
• Se realiza en conjunto con el Cliente
y los Usuarios en una etapa de
descubrimiento de las
funcionalidades según escenarios
reales.
• No enfoca el trabajo en reuniones,
entrevistas y generación de
documentación (anotaciones, actas).
• Se trabaja en equipo sobre un
modelo visual entendible y pivotable
por todas las partes.

28. •
•
•
•

29. Proceso de implementación de UX
Investigación
• Información del proyecto: Necesidades generales
• Estudio de Usuario: Categorización, Escenarios
• Estudio del contexto: Contexto de uso, Análisis de uso
• Estudio del contenido: Inventario de recursos, Mapas de
conceptos
• Informes: Brief, Estrategia, Personas
• Diagramas: Storyboard, User journey
• Entrevistas
• Encuestas
• Observación

30. Proceso de implementación de UX
Organización
• Representación de las estructuras
• Definición de jerarquías
• Correspondencia de las estructuras a las necesidades
• Mapas Contenidos y Navegación
• Especificación Funcional
• Cardsorting
• Mapas Conceptuales

31. Proceso de implementación de UX
Diseño
• Definición del funcionamiento
• Definición de las pantallas
• Definición de los servicios que ofrecerá el producto
• Elaboración de prototipos
• Diagrama Flujos
• Prototipos
• Prototipado iterativo (wireframe)
• Análisis Heurístico
• Test usuario

32. Proceso de implementación de UX
Pruebas
• Revisión de diagramas
• Evaluación y pruebas de prototipos
• Informe de test de usabilidad
• Análisis de métricas
• Análisis heurístico
• Test de usabilidad
• Analítica digital

34. Quienes participan
 Investigación: Planificación,
objetivos:
• UXer
• Especialista de Analítica digital
 Organización: Arquitectura de
información:
• UXer
• Especialista en Posicionamiento
• Especialista de Analítica digital
• Diseño: Diseño y especificación:
• UXer
• Diseñador Gráfico
• Desarrollador
• Especialista en Posicionamiento
• Pruebas: Estrategia y ejecución de
test:
• UXer
• Estratega de contenido
• Especialista de Analítica digital
Participación en etapas

35.  Necesidad de contener la mayor cantidad de funcionalidades
• Causantes: Demasiados stakeholders
• Resultado: Producto complicado, excesivamente ambicioso
• Solución: Priorizar necesidades del usuario, Foco en Producto mínimo viable
 Problemas con tiempos y costos
• Causantes: Necesidad de más funcionalidades, No cierre de etapas
• Resultados: Implementar funcionalidades a toda prisa, Consumir recursos en funcionalidades
mal implementadas
• Solución: Respetar hitos, Participación temprana de personas claves
 Productos inútiles
• Causantes: Solicitud de requerimiento utópica o no viable
• Resultados: Capital y tiempo malgastados
• Solución: Refinar la idea, Refinar el grupo objetivo

36.  Mala investigación
• Causantes: No conocer el valor de la investigación, No disponibilidad del cliente
• Resultados: Producto no satisface al usuario
• Solución: Realizar investigación
 Brecha entre Diseño y Desarrollo
• Causantes: Separación entre equipos de Diseño y Desarrollo
• Resultados: Fractura entre lo desarrollado y lo diseñado
• Solución: Cooperación entre los equipos, Crear conciencia de que las decisiones de diseño
tienen implicancias técnicas
 Dar mayor importancia al proceso de UX
• Causantes: Exceso en énfasis del proceso de UX, foco a entregables e hitos
• Resultados: Productos mal diseñados
• Solución: Realizar procesos iterativos para el diseño, micro-validaciones con usuarios

37. Actualmente existe una fuerte corriente de
Lean UX basada en tres principios que
fortalecen aún más el rol de la UX en
proyectos de TI:
• Design Thinking, aproximación visual a
los retos y problemas,
• Desarrollo ágil: scrum
• Ciclo de proceso: construir, medir,
aprender

38. Conociendo las etapas,
disciplinas, técnicas y
herramientas para realizar una
UX

39. La aplicación de UX
depende de muchos
factores, pruebas y
estudios, requiere
conocimiento de diversas
disciplinas que son
complementarias y a la vez
se sobreponen entre ellas

40. El siguiente diagrama explica
gráficamente las cualidades que son
fundamentales para que un producto o
servicio consiga construir una buena UX:
• Útil:
• Usable
• Deseable
• Localizable
• Accesible
• Creíble
• Valioso

41. Establecido por Jesse James Garett, nos explica la metodología de trabajo a
seguir para garantizar una buena experiencia de usuario

42. Etapas de la UX
Estrategia
• Identificar los objetivos que se busca con el producto
• Briefing alcanzado por el Cliente
• Identificar a los usuarios y sus necesidades
• Realizar entrevistas y analizar resultados

43. Etapas de la UX
Alcance
• Usuarios
• Contenido
• Contexto
• Usuarios: Personas
• Contenido: Análisis del contenido
• Contexto: Especificación funcional

44. Etapas de la UX
Estructura
• Arquitectura de información
• Mapas conceptuales
• Card sorting
• Mapa de arquitectura

45. Etapas de la UX
Esquema
• Diseño de interfaz
• Diseño de interacción
• Diseño de información
• Sketching
• Wirframe

46. Etapas de la UX
Superficie
• Mantener convenciones
• Buen uso del color
• Estilo visual y Tipografía
• Contenido audiovisual
• Mobile First

47. • ¿Cuál es su objetivo?: probar funcionalidades especificas
• ¿Cómo lo aplicamos?: listar tareas a ejecutar, guiar a
participantes
• ¿Qué debemos prevenir?: incomodar o sesgar acciones
del usuario
• ¿Cuál es su objetivo?: medir efectividad de diseño de
opciones
• ¿Cómo lo aplicamos?: presentar dos versiones de un
elemento
• ¿Qué debemos prevenir?: exceso de cambios en interfaz

48. • ¿Cuál es su objetivo?: Evidenciar
problemas de usabilidad
• ¿Cómo lo aplicamos?: Validar
cumplimiento de pautas de evaluación
de usabilidad
• ¿Qué debemos prevenir?: Analizar
problemas puntuales para mejoras
específicas

49. Principios de Usabilidad
Visibilidad del estado del
sistema

50. Principios de Usabilidad
Similitud entre el sistema
y el mundo real

51. Principios de Usabilidad
Control y libertad del
usuario

52. Principios de Usabilidad
Consistencia y estándares

53. Principios de Usabilidad
Prevención de errores

54. Principios de Usabilidad
Reconocer antes que
recordar

55. Principios de Usabilidad
Ayuda y recuperación
ante errores

56. Principios de Usabilidad
Estética y diseño
minimalista

57. Principios de Usabilidad
Ayuda y documentación

58. Preguntas & Respuestas
Aclaremos las dudas…