UX Evolucion o Revolucion - UX como pilar estrategico de transformacion
Ux beneficios e implementación
-
Upload
edwin-madueno -
Category
Software
-
view
1.088 -
download
1
Transcript of Ux beneficios e implementación
![Page 1: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/1.jpg)
UX Beneficios e implementación en proyectos
Edwin MadueñoLima 2015
![Page 2: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/2.jpg)
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
![Page 3: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/3.jpg)
Veamos de que se trata
![Page 4: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/4.jpg)
persona
usuario
persona
![Page 5: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/5.jpg)
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
![Page 6: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/6.jpg)
![Page 7: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/7.jpg)
![Page 8: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/8.jpg)
![Page 9: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/9.jpg)
Qué se puede obtener de aplicarlo
![Page 10: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/10.jpg)
• 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.
![Page 11: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/11.jpg)
Lo que el Cliente y nosotros creemos que el usuario necesita
Lo que el Usuario realmente necesita
![Page 12: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/12.jpg)
![Page 13: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/13.jpg)
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
![Page 14: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/14.jpg)
Beneficios que nos traeLealtad 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.
![Page 15: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/15.jpg)
Beneficios que nos traeRetorno 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.
![Page 16: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/16.jpg)
Beneficios que nos traeEficiencia 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.
![Page 17: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/17.jpg)
Beneficios que nos traeSatisfacció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.
![Page 18: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/18.jpg)
Beneficios que nos traeReducció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.
![Page 19: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/19.jpg)
Beneficios que nos traeMejorar posicionamiento6.
![Page 20: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/20.jpg)
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
![Page 21: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/21.jpg)
Como medimos los beneficios de UXEficacia
• Tasa de Conversión: Se contabilizan las tareas ejecutadas exitosamente
• Tasa de Rebote: Se contabilizan los tareas donde se produjeron error
![Page 22: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/22.jpg)
Como medimos los beneficios de UXEficiencia
• Recarga de Páginas, Tiempo consumido, Cantidad de clics.
Satisfacción
• Se mide con cuestionarios al final de cada prueba
![Page 23: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/23.jpg)
![Page 24: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/24.jpg)
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
![Page 25: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/25.jpg)
![Page 26: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/26.jpg)
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
![Page 27: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/27.jpg)
• 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 pivotablepor todas las partes.
![Page 28: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/28.jpg)
•
•
•
•
![Page 29: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/29.jpg)
Proceso de implementación de UXInvestigació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
![Page 30: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/30.jpg)
Proceso de implementación de UXOrganizació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
![Page 31: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/31.jpg)
Proceso de implementación de UXDiseñ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
![Page 32: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/32.jpg)
Proceso de implementación de UXPruebas
• 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
![Page 33: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/33.jpg)
![Page 34: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/34.jpg)
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
![Page 35: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/35.jpg)
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
![Page 36: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/36.jpg)
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
![Page 37: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/37.jpg)
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
![Page 38: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/38.jpg)
Conociendo las etapas, disciplinas, técnicas y herramientas para realizar una UX
![Page 39: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/39.jpg)
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
![Page 40: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/40.jpg)
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
![Page 41: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/41.jpg)
Establecido por Jesse James Garett, nos explica la metodología de trabajo a seguir para garantizar una buena experiencia de usuario
![Page 42: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/42.jpg)
Etapas de la UXEstrategia
• 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
![Page 43: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/43.jpg)
Etapas de la UXAlcance
• Usuarios
• Contenido
• Contexto
• Usuarios: Personas
• Contenido: Análisis del contenido
• Contexto: Especificación funcional
![Page 44: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/44.jpg)
Etapas de la UXEstructura
• Arquitectura de información
• Mapas conceptuales
• Card sorting
• Mapa de arquitectura
![Page 45: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/45.jpg)
Etapas de la UXEsquema
• Diseño de interfaz
• Diseño de interacción
• Diseño de información
• Sketching
• Wirframe
![Page 46: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/46.jpg)
Etapas de la UXSuperficie
• Mantener convenciones
• Buen uso del color
• Estilo visual y Tipografía
• Contenido audiovisual
• Mobile First
![Page 47: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/47.jpg)
• ¿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
![Page 48: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/48.jpg)
• ¿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
![Page 49: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/49.jpg)
Principios de UsabilidadVisibilidad del estado del sistema
![Page 50: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/50.jpg)
Principios de UsabilidadSimilitud entre el sistema y el mundo real
![Page 51: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/51.jpg)
Principios de UsabilidadControl y libertad del usuario
![Page 52: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/52.jpg)
Principios de UsabilidadConsistencia y estándares
![Page 53: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/53.jpg)
Principios de UsabilidadPrevención de errores
![Page 54: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/54.jpg)
Principios de UsabilidadReconocer antes que recordar
![Page 55: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/55.jpg)
Principios de UsabilidadAyuda y recuperación ante errores
![Page 56: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/56.jpg)
Principios de UsabilidadEstética y diseño minimalista
![Page 57: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/57.jpg)
Principios de UsabilidadAyuda y documentación
![Page 58: Ux beneficios e implementación](https://reader034.fdocumento.com/reader034/viewer/2022051520/58ecd6161a28ab74628b4633/html5/thumbnails/58.jpg)
Preguntas & RespuestasAclaremos las dudas…