Descripción del Curso.

 

UNIVERSIDAD TECNOLÓGICA DE PANAMÁ

CENTRO REGIONAL DE CHIRIQUÍ

FACULTAD DE INGENIERÍA DE SISTEMAS COMPUTACIONALES

DEPARTAMENTO DE PROGRAMACIÓN DE COMPUTADORAS 

LICENCIATURA EN DESARROLLO Y GESTIÓN DE SOFTWARE

CURSO DE DISEÑO DE INTERFACES DE USUARIO 

CONTENIDO DEL CURSO - I SEMESTRE 2025

Asignatura:	Diseño de interfaces de usuario
Código:	1477
Teoría:	2 horas.
Profesor:	Ramón G. González Tribaldos, MSC.
Correo-e:	ramon.gonzalez@utp.ac.pa
Prerrequisito:	0104 (IVU)
Créditos:	3
Laboratorio:	3 horas.
Fundamental:	Sí.
Última revisión:	2021.

DESCRIPCIÓN DE LA ASIGNATURA

OBJETIVOS GENERALES

CONTENIDO MODULAR: DISEÑO DE INTERFACES DE USUARIO

El saber cómo diseñar de manera correcta y efectiva las interfaces de usuario es fundamental para poder desarrollar aplicaciones de software que sean usables por el usuario.  La usabilidad del diseño de interfaz de usuario es determinante en la adopción y éxito del software desarrollado. Esta asignatura tiene como propósito fortalecer las habilidades técnicas y blandas en los estudiantes, para diseñar interfaces de usuario siguiendo los principios, patrones y técnicas que ayuden a la construcción de un buen diseño de interfaz que garantice la usabilidad de las aplicaciones informática independientemente del dispositivo, tipo de software y tecnología utilizada.
 
En esta asignatura se abordan los principios que apoyan la usabilidad y el buen diseño de la interfaz de usuario de las aplicaciones informáticas, además de lineamientos y patrones para la organización del contenido, navegabilidad, el diseño de la estructura (layout), el diseño de las interfaces para la entrada de datos, el diseño visual de la interfaz de usuario, y el diseño de interfaces de usuario en interfaces móviles.
 
▪  Diseñar interfaces de usuario de las soluciones informáticas propuestas que cumplan con los estándares y criterios de usabilidad e interacción que permitan una buena experiencia de usuario empleando las metodología, principios y patrones de diseño.
▪  Utilizar diversos medios y herramientas tecnológicas, para la organización visual de la información en los sistemas informáticos, garantizando una interfaz coherente y funcional que facilite la interacción del usuario y la presentación de la información, en los proyectos de software que desarrolla en su campo profesional.

 

OBJETIVOS ESPECÍFICOS

 
▪  Identificar los principios, estándares, y heurísticas que apoyan la usabilidad y el buen diseño de interfaces de usuarios para su aplicación en el desarrollo de las aplicaciones informáticas.
▪  Organizar de forma adecuada el contenido y la navegación de la interfaz de usuario de las aplicaciones informáticas para facilitar la navegabilidad y encontrabilidad del usuario.
▪  Conocer como estructurar el diseño (layout) de la interfaz de usuario de las aplicaciones informáticas para crear una estructura armoniosa.
▪  Aplicar los lineamientos y patrones de diseño de la interacción para crear interfaces de usuarios que faciliten el uso y la interacción entre la aplicación y el usuario.
▪  Aplicar los lineamientos de color y diseño visual en las interfaces de usuario de las aplicaciones de software para que éstas sean visualmente estéticas produciendo en el usuario emociones positivas y de afecto a la aplicación.
▪  Desarrollar diseños de interfaces de usuario para entornos móviles que tomen en cuenta las limitaciones de tamaño de los dispositivos.
 
I.      PRINCIPIOS PARA EL DISEÑO DE LA INTERFAZ DE USUARIO (4 semanas).   
 
1.1 Introducción al diseño de Interfaz de usuario y la usabilidad
1.1.1      Definición de interfaz de usuario
1.1.2      Diseño de la IU y la interacción
1.1.3      Diseñando para el usuario
1.1.4      Experiencia de Usuario
1.1.5      Usabilidad
1.1.6      Importancia de un buen diseño de interfaz de usuario
1.2 Principios que apoyan la Usabilidad
1.2.1      Principios de Dix,
1.2.2      Reglas de Oro de Schneiderman.
1.2.3      Heurísticas de Nielsen. 
1.2.4      Principios de Tognazzini.
1.3   Principios de Interacción de Norman
1.4   Estándares asociados a la Usabilidad 
1.4.1      Estándar ISO 9241. Ergonomía de Interacción de los Sistemas - Interacción (partes 11 y 110).
1.4.2      Estándar ISO/IEC 25010. Calidad del Software: Usabilidad.
 
II.     ORGANIZACIÓN DEL CONTENIDO Y NAVEGACIÓN (3 semanas).   
 
2.1 Organización del contenido.
2.1.1    Introducción.
2.1.2    Arquitectura de la información.
2.1.3    Patrones para la estructuración de contenidos.
2.1.4    Técnicas de categorización.
2.1.5    Técnica: tarjetas de ordenamiento.
2.2 Diseño de navegación.
2.2.1 Navegabilidad y encontrabilidad.
2.3 Modelos de navegación.
2.3.1    Navegación global.
2.3.2    Navegación de utilidad.
2.3.3    Navegación asociativa.
2.3.4    Modelos típicos de navegación.
2.3.5    Ejemplos de modelos de navegación.
2.4    Técnica: Tree-Testing.
2.5    Convenciones de diseño para sitios web.
2.5.1    Estándares y mejores prácticas.
2.5.2    Diseño responsivo.
2.5.3    Accesibilidad y diseño inclusivo.
 
III.   DISEÑO DE LA ESTRUCTURA - LAYOUT (2 semanas). 
 
3.1   Elementos Básicos del Layout.
3.1.1    Jerarquía Visual.
3.1.2    Flujo Visual.
3.1.3    Secciones de la interfaz de usuario.
3.1.4    Uso de despliegue dinámico.
3.1.5    Adaptabilidad del diseño.
3.1.6    Gestalt.
3.2      Patrones para el diseño del Layout.
3.3      Técnica: Prototipado.
3.3.1    Wireframes vs Mockups.
3.3.2    Evolución del prototipo.
 
IV.   DISEÑO DE LA INTERACCIÓN (2 semanas). 
 
4.1  Interacción.
4.2  Formularios de entrada de datos.
4.2.1      Consideraciones de diseño.
4.2.2      Patrones de diseño de formularios y controles de entrada.
4.3 Listas.
4.3.1      Consideraciones de diseño.
4.3.2      Patrones de diseño de listas. 
4.4 Acciones y Comandos.
4.4.1      Consideraciones de diseño.
4.4.2      Patrones de diseño para acciones y comandos.
 
V.    DISEÑO VISUAL Y ESTÉTICA (2 semanas).
 
5.1  Las emociones, la estética y las aplicaciones de software.
5.2  Fundamentos del diseño visual.
5.2.1      Jerarquía Visual.
5.2.2      Composición.
5.2.3      Tipografía.
5.2.4      Evocando sentimiento.
5.2.5      Imágenes.
5.3 El color.
5.3.1      Círculo cromático.
5.3.2      Colores cálidos y fríos.
5.3.3      Colores complementarios y análogos.
5.3.4      Psicología del color.
5.3.5      Ceguera del color.
5.3.6      Herramientas.
5.4 Tipos de Estilos Visuales.
 
VI.   DISEÑO PARA LAS INTERFACES MÓVILES (2 semanas).
 
6.1  Retos del Diseño de IU en smartphones.
6.2  Consideraciones de diseño en interfaces móviles.
6.3  Patrones de diseño para interfaces móviles.

EVALUACIÓN:

  

Examenes parciales (2)                                             30%

Asignaciones (tareas, laboratorios, talleres)          12%

e-Portafolio*                                                               10%

Asistencia | Participación                                          3%

Proyecto de investigación (básico, aplicado)          15%

Examen Semestral                                                       30% 

                                                                                      100% 

CRONOGRAMA DE EXÁMENES PARCIALES;

Parcial No.1 Viernes 16 de mayo de 2025.

Parcial No.2 Viernes 04 de julio de 2025.                                                                

* Se utilizará la herramienta Blogger del G Suite de Google.

 

BIBLIOGRAFÍA RECOMENDADA:
 
✓  Tidwell, J., Bewer, C., Valencia, A.  (2020). Designing Interfaces.  Patterns for Effective
Interaction Design. O’Reilly, Third Edition, 271 p.
✓  Grant, W. (2018) 101 UX Principles: A Definitive Design Guide.  Pacckt Publishing, 414 p. 
✓  McKay, E. (2013).  UI is Communication:  How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication. Morgan Kaufmann- Elsevier, 378 p.
✓  MacDonald, D. (2019). Practical UI Patterns for Design Systems.   Fast-Track Interaction Design for a Seamless User Experience.  Apress, 315 p.
✓  Caonaci, D.  (2021) Designing User Interfaces:  Exploring User Interfaces, UI Elements, Desing Prototypes and the Figma UI Design Tool. BPB publications, 230 p.
✓  Schneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N., Diakopoulos, N. (2016)  Designing the User Interface: Strategies for Effective Human-Computer Interaction.  Pearson, 6th Edition, 616 p.
✓  Johnson, J. (2020). Designing with the Mind in Mind:  Simple Guide to Understanding User Interface Design Guideliness.  Morgan Kaufmann – Elsevier, 3rd Edition, 304 p.
✓  Sharp, H., Preece, J., Rogers, Y. (2019).  Interaction Design: Beyond Human-Computer Interaction.  Willey, 5th Edition, 642 p.