Técnicas de Diseño Centrado en el Usuario en Technisys
-
Upload
diego-gonzalez -
Category
Design
-
view
495 -
download
2
Transcript of Técnicas de Diseño Centrado en el Usuario en Technisys
![Page 2: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/2.jpg)
www.technisys.com
1. El rol del Analista UX2. Técnicas de Investigación3. Técnicas de Solución
Agenda
![Page 3: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/3.jpg)
www.technisys.com
InvestigaciónAnalista UX
![Page 4: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/4.jpg)
www.technisys.com
EFOAF
Contexto del Analista UX
AnalistaUX DV DE
Diseño FinalEF
Iteraciones Polish
Revisión de la Funcionalidad
FlujoOmnicanal
Flujo Omnicanal
![Page 5: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/5.jpg)
www.technisys.com
SoluciónInvestigación
Objetivo del Analista UX
EspecificaciónFuncional
Centrado en el Negocio
Centrado en los Usuarios
Flujo de pantallas omnicanal Media calidadCentrado en el Negocio Centrado en el Usuario
FPO
![Page 6: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/6.jpg)
www.technisys.com
SoluciónInvestigación
Proceso del Analista UX
> Objetivos del Negocio ¿?> Usuarios ¿?> Contexto de uso ¿?> Soluciones existentes ¿?
Instancia exploratoria
![Page 7: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/7.jpg)
www.technisys.com
SoluciónInvestigación
Proceso del Analista UX
> Prototipar> Testear> Medir> Ajustar> Entregar
Instancia de definición
![Page 8: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/8.jpg)
www.technisys.com
SoluciónInvestigación
Técnicas del Analista UX
> Knowledge Transfer> Encuestas> Entrevistas> Observaciones Contextuales> Personas> UX Benchmark> Card Sorting
> Evaluaciones Heurísticas> Prototipado Iterativo> Test de Usabilidad> Métricas> Knowledge Transfer
![Page 9: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/9.jpg)
www.technisys.com
Objetivos y Lenguaje(Lo que las personas dicen)
Comportamientos(Lo que las personas hacen)
MétricasCualitativas
MétricasCuantitativas
Test de UsabilidadObservación contextual
Encuestas
Card Sorting
Entrevistas
Evaluación HeurísticaA/B Testing
Test de Usabilidad Remoto
Matriz de Técnicas de DCU
¿Qué datos nos devuelve? ¿Qué necesitamos saber?
![Page 10: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/10.jpg)
www.technisys.com
InvestigaciónInvestigación
![Page 11: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/11.jpg)
www.technisys.com
SoluciónInvestigación
> Objetivos del Negocio ¿?> Usuarios ¿?> Contexto de uso ¿?> Soluciones existentes ¿?
Investigación
¿Quién lo va a usar? ¿Dónde lo va a usar? ¿Existen casos de éxito que lo hayan resuelto?Instancia exploratoria
![Page 12: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/12.jpg)
www.technisys.com
AnalistaFuncional
Analistade Usabilidad
Knowledge Transfer
Objetivos de la EF Pasos de negocio Normativas BC Precondiciones
Negocio
Idea general del usuario y el contexto
![Page 13: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/13.jpg)
www.technisys.com
Usuarios
¿Quiénes son los usuarios?
![Page 14: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/14.jpg)
www.technisys.com
Objetivos del Negocio
¿Cuáles son sus objetivos?
![Page 15: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/15.jpg)
www.technisys.com
Objetivos del Usuario
¿Y los del usuario?
![Page 16: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/16.jpg)
www.technisys.com
Contexto de uso
¿Cómo y dónde lo va a usar?
![Page 17: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/17.jpg)
www.technisys.com
Modelos Mentales
Entenderlos Construirles +Adopción+Valor +Recomendación
![Page 18: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/18.jpg)
www.technisys.com
Lo identificamos
![Page 19: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/19.jpg)
www.technisys.com
Encuestas
Cuantitativos Estadísticas ¿Qué?
![Page 20: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/20.jpg)
www.technisys.com
EntrevistasEntrevistas
Cualitativos ¿Por qué?
![Page 21: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/21.jpg)
www.technisys.com
Observaciones Contextuales
Cualitativos ¿Cómo? ¿Lo que hace es lo que dice que hace? Invisible en interfaces o entrevistas
![Page 22: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/22.jpg)
www.technisys.com
![Page 23: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/23.jpg)
www.technisys.com
Personas
Arquetipos Conocer nuestra audiencia Lenguaje común de comunicación Fundamento
![Page 24: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/24.jpg)
www.technisys.com
UX Benchmark
Relevamiento
![Page 25: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/25.jpg)
www.technisys.com
Card Sorting
Validación de AIModelos mentales Ordenamiento Jerarquización Lenguaje
![Page 26: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/26.jpg)
www.technisys.com
Card Sorting
![Page 27: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/27.jpg)
www.technisys.com
Solución
![Page 28: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/28.jpg)
www.technisys.com
SoluciónInvestigación> Prototipar> Testear> Medir> Ajustar> Entregar
Solución
EF + Investigación
![Page 29: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/29.jpg)
www.technisys.com
Evaluación Heurística
Reglas de buenas prácticas Rápida y económica
![Page 30: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/30.jpg)
www.technisys.com
Prototipado Iterativo
Iteraciones en Baja Fidelidad
Iteracionesen Media Fidelidad Prototipo refinado
Proponer y testear Mayor a menor Validación de hipótesis
![Page 31: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/31.jpg)
www.technisys.com
Prototipado Iterativo en Baja Fidelidad
Económico Exploración Descartar rápido Sin detalles finales
![Page 32: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/32.jpg)
www.technisys.com
Prototipado Iterativo en Baja Fidelidad
Económico Exploración Descartar rápido Sin detalles finales
![Page 33: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/33.jpg)
www.technisys.com
Test con prototipos en Baja Fidelidad
Usuarios ocasionales Registro estadístico
![Page 34: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/34.jpg)
www.technisys.com
Métricas Cuantitativas
Estadísticos
![Page 35: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/35.jpg)
www.technisys.com
Refinamos
![Page 36: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/36.jpg)
www.technisys.com
Prototipado Iterativo en Media Fidelidad
Herramientas digitales +Detalles
![Page 37: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/37.jpg)
www.technisys.com
Test de Usabilidad
Usuarios finales Think AloudLaboratorio Registro electrónico
![Page 38: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/38.jpg)
www.technisys.com
Análisis y Métricas
+Eficacia de tareas +Eficiencia de tareas +Satisfacción +Timing
![Page 39: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/39.jpg)
www.technisys.com
Documentación y Entrega
Flujo Omnicanal
![Page 40: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/40.jpg)
www.technisys.com
EFOAF
Entregables
AnalistaUX DV DE
Diseño FinalEFFlujo
Omnicanal
Iteraciones PolishFlujo Omnicanal
Revisión de la Funcionalidad
![Page 41: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/41.jpg)
www.technisys.com
Analista Diseñador Visual
Knowledge Transfer: Diseñador Visual
+Documentación +Fundamentos
![Page 42: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/42.jpg)
www.technisys.com
AnalistaFuncional
Analistade Usabilidad
Knowledge Transfer: Analista Funcional
+Flujo omnicanal +Patrones de Interacción Lenguaje
![Page 43: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/43.jpg)
www.technisys.com
EFO
Negocio > Funcional UX < Usuarios
Especificación Funcional Omnicanal
![Page 44: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/44.jpg)
www.technisys.com
![Page 45: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/45.jpg)
www.technisys.com
Muchas gracias
![Page 46: Técnicas de Diseño Centrado en el Usuario en Technisys](https://reader030.fdocuments.net/reader030/viewer/2022021506/58cf50a61a28aba17e8b55c5/html5/thumbnails/46.jpg)
www.technisys.com *