UX Design Process: Presente y Futuro - Alfonso Falconi
23
Transcript of UX Design Process: Presente y Futuro - Alfonso Falconi
UX Design Process - Fases
fuente: UX Booth
#GX25
Sketch
#GX25
Sketch
#GX25
Stencils
#GX25
Stencils
#GX25
Wireframes
image: Winie Lim, Paul Armstrong, Eu Diaz
#GX25
Wireframes
#GX25
Wireframes
#GX25
Storyboard
#GX25
Flowcharting
#GX25
Flowcharting
#GX25
• Planificación • Elimine elementos que distraigan • Use colores cuidadosamente • Usar tamaños reales • Todo tiene un significado • Ser consistentes, no uniformes • Experimentar y colaborar rápido • Comenzar simple, permanecer simple
Wireframes – Tips de Diseño
Análisis de Negocios: “el quinto elemento” Martes 09:30 – Conference Room Virginia Hiriart - Andreia Matonti
#GX25
Mockups
#GX25
• No saltearse los wireframes • Revisar sitios o productos de la competencia • Usar la correcta fidelidad • Hacer presentaciones con mockups • Son una herramienta de comunicación
Mockups – Tips de Diseño
#GX25 Prototype
#GX25
• Experimentación y Colaboración • Mide la viabilidad y reduce el retrabajo • Test de usabilidad en etapas tempranas • Identifica las prioridades de diseño • Vender una idea
Prototipos – 5 razones para usarlos
Usabilidad en Historia Clínica Oncológica (HCEO) Martes 12:15 – Ballroom C Matías Garay
#GX25
Porqué es fundamental en apps para Smart Devices: • ‘Gestos’ agregan una nueva dimensión de interacciones. • Permiten experimentar con los flujos de usuarios entre las diferentes pantallas. • Animaciones hacen que la experiencia sea divertida y provoque usar la aplicación.
Prototipos
#GX25
• Conocer a tu audiencia y sus objetivos • Explicar el contexto antes de mostrar el prototipo • Involucrar los usuarios (Diseño participativo) • Foco en flujo de usuarios y escenarios de usuarios • Pocos clicks (Keep Clicking Simple) • Usar animaciones • Usar los prototipos para test de usabilidad • Sketching: El prototipo para el prototipo • Prototipar solo lo necesario
Prototipos – Tips de Diseño
#GX25
UXD - Herramientas Wireframes Mockups Prototypes
Balsamiq X XMoqups X X XOmnigraffle (ipad) X XMockups.me wireframes – lite (ipad) X XUXPin X X XAxure X X XIndigo X X XJustinmind X X XPhotoshop X XSketch X XInvision XMockflow XFlinto X
#GX25
Presente: Situación actual de la prototipación • Se está cuestionando el aporte de wireframes y mockups estáticos • Se busca fusionar wireframes y prototipos
Wireframing & Prototyping: Presente y Futuro
#GX25
Futuro: La era de la prototipación Partimos de la base de wireframes y prototipos fusionados. • Herramientas que borran la línea que diferencia wireframes, mockups y prototipos. • Traen dos nuevos ‘updates’ al UXD: • Prototipación rápida. • Colaboración sin e-mail. • Microinteracciones
Wireframing & Prototyping: Presente y Futuro
