Este documento describe el proceso de desarrollo UX, que incluye investigación de usuarios, diseño de arquitectura de información, diseño de interfaz de usuario, pruebas y desarrollo front-end. El objetivo es entender las necesidades de los usuarios y crear productos satisfactorios mediante un enfoque centrado en el usuario.
2. UXDevelopment Process
«La premisa principal del Diseño
Centrado en el Usuario es que los
mejores productos de diseño son el
resultado de entender las
necesidades de las personas que los
utilizan» - Design Council
La tecnología teje emociones¿Qué les emociona?
Conocer a nuestros clientes
UX Development Process
3. “Si la experiencia es satisfactoria, la
tecnología es exitosa”.
UXFuncionalidad
Lo que debe hacer
Diseño
Que le guste hacerlo
Accesibilidad
Que lo puedan hacer
todos
UsabilidadQue el usuario pueda hacerlo
UX Development Process
5. ¿Para qué hacer Research?
• Hacer diseños y rediseños acertados.
• Reducir tiempos de ajuste en desarrollo.
• Quitar las suposiciones del proceso de diseño y desarrollo.
• Disminuir costos en capacitación y atención al cliente.
• Innovación a partir de opiniones de clientes y métricas.
“Entender a los usuarios y sus necesidades, definir los objetivos del negocio,
identificar los requerimientos, características y funcionalidad”.
Recopilación de datos e investigación de antecedentes, esta información
identifica las tareas y objetivos del sitio web o aplicación basado en las
necesidades de los clientes, lo que impulsará la solución de diseño críticos.
UX Development Process User Research
6. Todos los involucrados en el proyecto
Benchmark
y quienes quieran aportar ideas y experiencia
Personas y escenarios
Entrevistas a clientes
Objetivos de negocio
Analytics
Pruebas de usabilidad
Heurística
Brainstorming
Factibilidad
AfectacionesViabilidad tecnológica
Esquemas
Notas
Suposiciones Tiempos
Marketing Call Center Negocio Diseño Sistemas
Operaciones Infraestructura Business Analyst
Recopilación de información FactibilidadDefinición de valor
Seguridad
Declaración de problemas
UX ALL
UX Development Process User Research
Móviles
8. UX Development Process Information Architecture
Navegación
Obtención de datos
Definición de servicios
Errores
Diseño de MódulosFlujo del sistema
Funcionalidad
Comprensión de la información
Esquemas y estructurasOrganizar contenidos
Documentación
Jerarquía
“Mejores diseños para la presentación de la información, obtener una
correcta operación y comprensión de los contenidos”.
¿Para qué hacer IA?
10. UX Development Process UI Design
User Interface Design
Workflows &
Interactions
UI
Visual
Design
Information
Architecture
Con la información recopilada y diseño colaborativo,
se crean wireframes que serán validados por los
involucrados en el proyecto.
Después se diseñan los elementos y finalmente se crea
un prototipo que servirá para mostrar a los usuarios, si
se detectan problemas de usabilidad o comprensión,
se hacen las correcciones antes de empezar el
desarrollo Front End
Wireframe Mockup Prototype
Maqueta
HTML/CSS
12. Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 5 Sprint 6 Sprint 7 Sprint 8
1
2
3
4
Incorporando el proceso a SCRUM
1
2
3
4
Fast and furious Mission ImpossibleResearch
Motion Design
Information A. UI Design
TestingFrontEnd
* Se toma como base un sprint de dos semanas
Fury Road Suicide Squad
UX Development Process
13. Lo que queremos evitar
I want it
yesterday
Dunno’ what I need, just
send me a proposal
This was supposed to
be included
That’s not what I
wanted
The Lord
UX Development Process
14. Lo que queremos evitar
Cliente
¿Cómo lo
compro?
No puedo
regresar
WTF
No entiendo
UX Development Process
15. El Contexto UX
La experiencia está
estrechamente ligada a las
emociones.
UX Development Process