Alexandro Facio habla en la primera edición de UX Nights en León, Guanajuato sobre principios de diseño de experiencia de usuario y algunos elementos de trabajo de diseño centrado en el usuario.

1. Sigue esta
presentación
J. 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

2. UXWalkthrough
Agenda de hoy:
UX Ideas -> SD Conclusiones

4. Hablando
de ExtremosRecuerda en tu vida las experiencias...

Buenas

Incomodas

Malas

5. “Las personas al interactuar con su
entorno durante un periodo de
tiempo, son estimuladas, generando
emociones, con el tiempo son
sentimientos y volviéndose
memorable, adquiriendo...
Experiencias.”

6. UX
“An experience occurs when a
company intentionally uses services
as the stage, and goods as props, to
engage individual customers in a way
that creates a memorable event”

7. Las Personas
Tenemos una interface
biológica y psico siológica,
que es canalizado por los 5
sentidos y 6 emociones.
  

9. ¿Qué no es UX?Diseño de IU o Diseño Visual
Un paso en el proceso.
Una elección
Una sola diciplina
Sólo acerca de la usabilidad
Sólo acerca del usuario
(fake)
Caro
Facil
Acerca de Tenología
Rol de una persona o
departamento de diseño
Diseño de IU
Diseño Visual

10. Panorama general

11. Manos
a la ObraConvertir ideas a algo “tangible” -> Sistema de Diseño

12. Diseñar UX 

Sketches

Wireframes

Mockups

Prototype

Dev. FE/BE

Feedback

13. Sketches 
Ideas, en papel, preguntas
correctas y diseñar arquetipos.
Herramientas
Brainstorm
W's
Personas (Arketipos)

15. Wireframes 
Trasladar de papel a software,
la funcionalidades, layouts.
Herramientas
Word
Indigo
Balsamiq
Sketch
Testing
inVision
MarvelApp

17. Mockups 
Look & Feel, los aspectos
visuales, generar la guía de
estilos.
Herramientas
Illustrator
Sketch
Photoshop
Testing
inVision
MarvelApp

19. Prototype 
Generar un prototipo, siendo
minucioso con el testing.
Herramientas
Balsamiq
Indigo
Sketch
inVision
MarvelApp
Dev Frontent*
Testing
inVision
MarvelApp

21. Dev. FE/BE 
Programar con datos cticios y
el frontend.
Herramientas
Yeoman
Laravel (PHP)
Cualquier sábor de Javascript
Hosting-> VPS
Testing
Testing en dispositivos
Entrevistas, grabar

22. reacciones

23. Feedback 
Las métricas nos dan un valor
“tangible”.
Herramientas
Google Analytics
Entrevistas y grabar
reaccioness
Mapas de calor
Testing
Crear metas, eventos.
Entrevistas, grabar
reacciones

25. ConclusionesConoce primero a tus usuarios (los usuarios de tus
clientes) 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 realiza
siempre testing en cada etapa.

26. ReferenciasWelcome to the experience economy
Diseño para los 5 sentidos
Diferencia entre emociones y sentimientos
Experience design and information architecture
resources