Upload
ux-nights
View
180
Download
2
Embed Size (px)
Citation preview
Sigue estapresentaciónJ. Alejandro Facio Moreno, ICO
Facebok:
Twitter:
Visión de presentación:
Recomendado imprimir desde Chrome: Ctr + P,Activar "gra�cos de fondo"
Alexandrós Facio
@alex_facio
Diurna Nocturna
Imprimir presentación
http://bit.ly/1TDadMb
UX WalkthroughAgenda de hoy:
UX Ideas -> SD Conclusiones
Hablandode ExtremosRecuerda en tu vida las experiencias...
Buenas
Incomodas
Malas
“Las personas al interactuar con suentorno durante un periodo detiempo, son estimuladas, generandoemociones, con el tiempo sonsentimientos y volviéndosememorable, adquiriendo...
Experiencias.”
UX“An experience occurs when acompany intentionally uses servicesas the stage, and goods as props, toengage individual customers in a waythat creates a memorable event”
Las PersonasTenemos una interfacebiológica y psico�siológica,que es canalizado por los 5sentidos y 6 emociones.
¿Qué no es UX?Diseño de IU o Diseño VisualUn paso en el proceso.Una elecciónUna sola diciplinaSólo acerca de la usabilidadSólo acerca del usuario(fake)CaroFacilAcerca de TenologíaRol de una persona odepartamento de diseño
Diseño de IUDiseño Visual
Panorama general
Manosa la ObraConvertir ideas a algo “tangible” -> Sistema de Diseño
Diseñar UX
Sketches
Wireframes
Mockups
Prototype
Dev. FE/BE
Feedback
Sketches Ideas, en papel, preguntascorrectas y diseñar arquetipos.
Herramientas
BrainstormW'sPersonas (Arketipos)
Wireframes Trasladar de papel a software,la funcionalidades, layouts.
Herramientas
WordIndigoBalsamiqSketch
Testing
inVisionMarvelApp
Mockups Look & Feel, los aspectosvisuales, generar la guía deestilos.
Herramientas
IllustratorSketchPhotoshop
Testing
inVisionMarvelApp
Prototype Generar un prototipo, siendominucioso con el testing.
Herramientas
BalsamiqIndigoSketchinVisionMarvelAppDev Frontent*
Testing
inVisionMarvelApp
Dev. FE/BE Programar con datos �cticios yel frontend.
Herramientas
YeomanLaravel (PHP)Cualquier sábor de JavascriptHosting-> VPS
Testing
Testing en dispositivosEntrevistas, grabarreacciones
reacciones
Feedback Las métricas nos dan un valor“tangible”.
Herramientas
Google AnalyticsEntrevistas y grabarreaccionessMapas de calor Testing
Crear metas, eventos.Entrevistas, grabarreacciones
ConclusionesConoce primero a tus usuarios (los usuarios de tusclientes) antes de diseñar un producto.No es el estilo visual o diseñar interfaces.llevar tus ideas a un sistema de diseño y realizasiempre testing en cada etapa.
ReferenciasWelcome to the experience economyDiseño para los 5 sentidosDiferencia entre emociones y sentimientosExperience design and information architectureresources