Diseño UI/UX Pragmático

¡Pon los pies en la tierra!

para Web y Apps

Alberto Mario Angulo Flórez

CEO & CTO en Angulo Digital

alberto.angulodigital.co

albertoangulomultimedia@gmail.com

gerencia@angulodigital.co

UI = User Interface

UX = User Experience

Parte visual

Parte funcional

¿Primero el UI o el UX?

UX

UI

Programación

Testing

UX vs. UI

UX es

UI es

Análisis

Investigación

Optimización

Widgets

Medidas

Estilo Gráfico

10 Principios del UI/UX

› Satisfacer las necesidades de los usuarios

› Sepa dónde se encuentra en el proceso de diseño

› Manejar correcta Jerarquía de Información

› Ser similar y consistente. Insights.

› Entender la accesibilidad y la usabilidad.

› Menos es más.

› Lenguaje visual simple.

› La Tipografía es el 50%.

› Los Íconos permiten mayor comprensión.

› La velocidad s lo que todos queremos.

SKETCHS

WIREFRAMES

(hechos a mano)

WIREFRAMES

(digitales)

MOCKUPS

(Maquetación con estilo gráfico)

Bibliografía

› "No me hagas pensar" - Steve Krug

› "Diseñando Apps para Móviles" -  Javier Cuello

› "Usabilidad de Páginas Web" - Jakob Nielsen​

› "On web Typography" - Jason Santa María

› "Diseño y Usabilidad de aplicaciones iPhone" - Anaya