Creacion Multimedia

DISEÑO DE INTERFACES GRÁFICAS DE USUARIO
D.G. Alejandra Morales Velasco, I.T. Sandra Mata Rodríguez
Centro Universitario de Producción de Medios Didácticos. Universidad de Colima.
{alejandra_morales, samhara}@ucol.mx

Resumen
El Presente artículo, tiene el propósito de dar
a conocer el procedimiento para el desarrollo de
las interfaces gráficas de usuario (GUI), de las
aplicacionesmultimedia, como parte de las
actividades del Departamento de Diseño
Multimedia del CEUPROMED.
En el desarrollo de las GUI intervienen
múltiples factores, tales como: usuario a quien va
dirigida la aplicación, tema a tratar, edad, medio
en el que se publicará, además de considerar
aspectos de usabilidad que faciliten el manejo de
las aplicaciones desarrolladas.
Palabras clave: InterfaseUsabilidad, Guión de Diseño.

de

Usuario,

1. Departamento de Diseño Multimedia
La actividad principal del Departamento
de Diseño Multimedia consiste en el diseño y
desarrollo de interfaces gráficas de usuario (GUI)
para aplicaciones multimedia que se desarrollan
en el CEUPROMED. Esta actividad consiste en
diseño, creación y definición de los espacios, en
los que irán colocados loselementos que
integrarán la aplicación (texto, imágenes, audio y
video) a fin de permitirle al usuario navegar la
aplicación multimedia de manera sencilla y
agradable.
Interfaz gráfica del usuario (GUI - Graphical 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 (que pueden ser imágenes,
selección del color adecuado, texturas,
fondos, tipos de letra, etc.)
• Espacios para texto.
• Espacios para video.
• Espacios para animación.

• Recursos de navegación (botones, menús,
etc.)
• Recursos educativos (hipervínculos,
glosario, fotografías, ayuda, otros)
• Recursos de apoyo (porejemplo
impresiones)

2. Procedimientos para el diseño de
interfaces gráficas
1. 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. Este guión define el contenido de cada
una de las pantallas y el esquema de navegación
que conformará la aplicación. (Imágenes del
guión)

2. Creación del concepto
Elobjetivo 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.
Después de la revisión del guión de diseño, es
necesario tener conocimiento general a cerca del
contenido de la aplicación, temática, público a
quien va dirigido, nivel escolar, etc. Hay que
realizar una investigación acerca de otros
productos desarrollados queaborden la misma
temática y realizar un análisis de diseño. En este
proceso se deberán definir los colores que se
utilizarán, el tipo de fondo o soporte en el que irán
los elementos, la tipografía y la definición de
espacios.
3. 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. Estaspropuestas serán evaluadas por
el Departamento de Guionismo y la Subdirección
de Producción, a partir de entonces se determinará
una solución que satisfaga los requerimientos del
material

Una vez aprobada la propuesta final, se comenzará
el desarrollo de cada una de las pantallas que
conformarán la aplicación.

3. Desarrollo de las pantallas
3.1 Elementos
3.1.1 Fondo (Background)Este elemento se utilizará como base o soporte
para la colocación de los demás elementos que
integrarán la pantalla como un todo, evitando que
estos parezcan que flotan o que fueron agregados
sin formar parte de. Se desarrollará dependiendo
del concepto, mediante la combinación de
imágenes, colores y/o texturas.
3.1.2 Espacio para texto
Deberán ser diseñados para facilitar la lectura al...