El Diseño de Interfaces de Usuario (UI) emerge como un elemento crítico que define la relación entre las personas y la tecnología. La UI es la primera impresión que un usuario tiene de cualquier aplicación o sitio web, y esa primera impresión puede ser determinante para su éxito o fracaso. La UI no es solo estética; es funcionalidad, usabilidad y accesibilidad. Los usuarios demandan interfaces que sean intuitivas, eficientes y gratificantes. Esta formación de Principio del UI (User Interface) te permitirá comprender y aplicar los principios y técnicas de diseño de UI. Desde la definición esencial de la Interfaz de Usuario hasta la creación de Wireframes y Prototipos de Alta Fidelidad, enfocándose en asegurar que los productos digitales sean visualmente atractivos y funcionales.
Principio del UI (User Interface)
Programación
20 h
Presentación
Objetivos
-
Comprender y definir los elementos de la Interfaz de Usuario (UI).
-
Aplicar principios de diseño para optimizar interfaces de usuario.
-
Utilizar herramientas especializadas para diseñar de forma efectiva.
-
Integrar percepciones del usuario en el diseño de interfaces.
-
Dominar el proceso de diseño de UI, desde wireframes hasta prototipado.
-
Aplicar reglas heurísticas y patrones para mejorar la usabilidad.
-
Crear y utilizar UI kits y sistemas de diseño de manera efectiva.
Índice de contenidos
UNIDAD DIDÁCTICA 1. INTERFAZ DE USUARIO -UI
1. Definición de Interfaz de Usuario - UI
2. Elementos de la interfaz de Usuario
3. Optimización de las interfaces de Usuario
4. Herramientas para el diseño UI
5. Diseño basado en las percepciones
6. Fundamentos del diseño de interacción
7. Moodboards
8. Qué es el IxD
9. UNIDAD DIDÁCTICA 2. UI DESIGN PROCESS
10. Proceso de negocio
11. User persona
12. Screen flow
13. Wireframes
14. Diseño Alta Fidelidad
15. Prototipado
16. Feedback y entrega
UNIDAD DIDÁCTICA 3. FUNDAMENTOS DEL DISEÑO UI
1. Principios del diseño aplicados al UI
2. Principios de claridad
3. Reglas Heurísticas de usabilidad
4. Elementos de una interfaz de usuario
5. Patrones y consistencias del diseño UI
UNIDAD DIDÁCTICA 4. UI KIT Y SISTEMAS DE DISEÑO
1. UI kits
2. Atomic Design
3. Icon Design
4. Los sistemas de diseño