UX Development Process
UX Development Process
UX Development 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
“Si la experiencia es satisfactoria, la tecnología es exitosa”.
UXFuncionalidadLo que debe hacer
DiseñoQue le guste hacerlo
AccesibilidadQue lo puedan hacer
todos
UsabilidadQue el usuario pueda hacerlo
UX Development Process
UX Development Process
DesarrolloServiciosInfraestructura
ReplanteamientoFactibilidad
Usabilidad
Iteraciones en el proceso
Research Motion DesignInformation A. UI Design TestingFrontEnd
¿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
Todos los involucrados en el proyecto
Benchmark
y quienes quieran aportar ideas y experiencia
Personas y escenarios
Entrevistas a clientes
Objetivos de negocio
AnalyticsPruebas de usabilidad
Heurística
BrainstormingFactibilidad
AfectacionesViabilidad tecnológicaEsquemas
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
Information Architecture
UX Development Process
UX Development Process Information Architecture
NavegaciónObtención de datos
Definición de serviciosErrores
Diseño de MódulosFlujo del sistemaFuncionalidad
Comprensión de la informaciónEsquemas y estructurasOrganizar contenidos
DocumentaciónJerarquí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?
UX Development Process
UI Design
UX Development Process UI Design
User Interface Design
Workflows & Interactions
UI
Visual Design
Info
rmat
ion
Arch
itectu
re
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 PrototypeMaqueta
HTML/CSS
UX Development Process
Testing
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
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
Lo que queremos evitar
Cliente
¿Cómo lo compro?
No puedo regresar
WTF
No entiendo
UX Development Process
El Contexto UXLa experiencia estáestrechamente ligada a lasemociones.
UX Development Process
-Los individuos no ganan, los equipos si.