El documento describe las etapas del proceso de elaboración de una interfaz gráfica de usuario. Estas incluyen 1) recibir un guión de diseño, 2) crear un concepto visual acorde a la aplicación y usuario, 3) desarrollar propuestas de diseño, 4) desarrollar las pantallas con elementos como fondo, texto, video e imágenes, 5) clasificar las pantallas como de inicio, contenido, trabajo o créditos, 6) armar las pantallas integrando los elementos, y 7) revisar y entregar las pantallas

1. Elaboración de Interfaz
Gráfica de Usuario
• David Ruiz López
• Ana Itzamary Vásquez Medrano
• Zenón Hernández Hinojosa
• Andrea Martínez
• Oscar Fajardo Hernández
• Francisco Javier Basilio Ferrar
• Eduardo Esteban Fernández

2.  Las interfaces básicas de usuario son aquellas que
incluyen elementos como
menús, ventanas, teclado, ratón, los beeps y
algunos otros sonidos que la computadora hace, y en
general, todos aquellos canales por los cuales se
permite la comunicación entre el ser humano y la
computadora. La mejor interacción humano-
máquina a través de una adecuada interfaz (Interfaz
de Usuario), que le brinde tanto comodidad, como
eficiencia.

3. Por sus siglas en inglés (Graphic User Interface) Es el término que
se utiliza para llamar al conjunto de elementos visuales
relacionados entre sí, que brinda un sistema o programa para que
el usuario interactúe en él.
Estos elementos de los que se hace mención son:
• Elemento gráfico
• Espacios para texto.
• Espacios para video.
• Espacios para animación
• Recursos de navegación
• Recursos educativos
• Recursos de apoyo

5. I. Recepción de Guión de Diseño
El proceso de creación de las interfaces
gráficas de usuario comienza cuando a partir
de un guión de diseño.
II. Creación del concepto
El objetivo de este proceso es la creación de
un concepto visual acorde a la temática de la
aplicación multimedia y el usuario final.

6. III. Desarrollo y presentación de propuestas de
diseño
Sobre la base del concepto desarrollado, se
realizan bocetos o propuestas de diseño para la
aplicación.
IV. Desarrollo de las pantallas
IV.I Elementos
IV.I.I Fondo (Background)
IV.I.II Espacio para texto
IV.I.III Espacios para video
IV.I.IV Espacios para imágenes
IV.I.V Botones e iconografía

7. IV.II Clasificación de las pantallas
IV.II.I Pantalla de inicio
IV.II.II Pantalla de contenido o menú
IV.II.III Pantalla de trabajo
IV.II.IV Pantalla de créditos
V. Armado de pantallas
Consiste en integrar los elementos necesarios que
se incluirán dentro de cada pantalla, de acuerdo
al tipo de pantalla que se trate.
VI. Revisión y entrega de pantallas