User Interface

User Experience

Es nuestro marco referencial.

User Journeys

Analizar una interfaz es analizar un diálogo.

• Qué es lo que necesito.
• Encontrar lo que busco.
• No entiendo que me quieres decir.
• Ese icono es para minimizar o cerrar.
• ¡Es un mega form!.. mejor no.
• Es un intercambio de información.
• Entiende como pienso y no me confundas.

Prototipar en papel es una forma sencilla, rápida y barata de evaluar nuestras ideas ¡y en un día! 

Prototipa rápido para no enamorarte.

Sketch

Wireframe

¡Manos al Papel!

Lo bonito de los wireframes es que nos permite experimentar. 

1. Visualiza tu próxima página o recuerda una que te guste.
2. Dibújala con las partes esenciales para lograr su objetivo.
3. Genera 3 ideas de historias de usuario.

Mockup

Prototipo

Y todo esto...¿para qué?

• Feedback
• Prácticas reales (Usuarios reales)
• Asegurar una experiencia positiva
• Usabilidad (Intuitivo y fácil de usar) GENERA EMOCIONES
• Todo sea para que logremos simplificar la comprensión de nuestras interfaces.

¿Usabilidad?

• Usuarios Reales.
• Los detalles son importantes.
• No decirle al usuario qué hacer.
• NO debes necesitar un manual de uso.

Lo que pasó.

Lo que interpretó.

Lo que expresó.

Análisis de usabilidad.

Análisis de opinión.

Mapas de Calor

• Scroll
• Clic
• Movimiento

¡Call to action a la vista!

False Affordance
(Falsas sugerencias) 

En resumen...

Producto

Interfaz

Experiencia

Los mejores diseños se vuelven invisibles.

Sprint Design 

La magia está en sus manos

Y también la frustración

¡Gracias!

@IzumeBe

Brends Hdz (Izume)