Interfaz Gráfica de
Usuario
• Interfaz gráfica de usuario
• (En inglés Graphic User Interface, también
conocido con su acrónimo GUI)
Es un método para facilitar la interacción del
usuario con el ordenador o la computadora a
través de la utilización de un conjunto de
imágenes y objetos pictóricos (iconos,
ventanas..) además de texto.
• GUI es un acrónimo del vocablo inglés Graphical
User Interface.
Douglas Engelbart, además de inventor del ratón
de ordenador, desarrolló la primera interfaz
gráfica en los años 1960 en EE.UU. en los
laboratorios de XEROX.
Fue introducida posteriormente al público en las
computadoras Apple Macintosh en 1984, y a las
masas hasta 1993 con la primera versión popular
del sistema operativo Windows 3.0.
Tipos de Interfaces gráficas
• Interfaz de caracteres (interfaz de usuario no gráfica)
• O interfaz de usuario de línea de comandos, utiliza un
intérprete de línea de comandos para introducir varios
comandos de texto que permiten la comunicación con un
programa informático.
• Es utilizada principalmente por los administradores de
sistemas y por los desarrolladores de software
para gestionar archivos de la computadora, realizar
configuraciones internas en las máquinas, entre otros tipos
de funciones.
• Interfaz orientada al usuario
• Es una de las utilizadas actualmente debido a que
todos los dispositivos electrónicos a día de hoy la
tienen instalada.
• Su principal ventaja consiste en la creación y
automatización de scripts de manera casi intuitiva,
proporcionando así un grado de funcionalidad mayor
que el de las interfaces gráficas de usuario.
• Interfaz Web
• Conocida también como interfaz gráfica basada en la web,
hace referencia a la interacción entre el software que se
ejecuta en un servidor web, cuya interfaz es una página web
que se descarga y se actualiza en un navegador web y el
usuario.
• Este tipo de interfaz está soportado por tecnologías como
Silverlight, JavaScript, Java y Flash, las cuales permiten
interacciones como reproducir audio, dibujar en la
pantalla, el uso del ratón y el teclado, arrastrar y soltar
widgets, entre otras.
¿Cuáles son los componentes de
una GUI?
Una GUI combina el diseño visual y las funciones de programación. Por esto,
ofrece botones, menús desplegables, campos de navegación, campos de
búsqueda, iconos y widgets. Los desarrolladores deben tener siempre en cuenta
la facilidad de uso. Los componentes más comunes de una GUI son los
siguientes:
• Campos de entrada
• Ventana
• Lienzo (canvas)
• Marcos
• Botones
• Bloques de encabezado
• Campos de texto
Principios para el diseño de
interfaces gráficos.
• Autonomía
La computadora, la IU y el entorno de trabajo
deben estar a disposición del usuario. Se debe
dar al usuario el ambiente flexible para que
pueda aprender rápidamente a usar la
aplicación.
• Percepción del Color
• Aunque se utilicen convenciones de color en
la IU, se deberían usar otros mecanismos
secundarios para proveer la información a
aquellos usuarios con problemas en la
visualización de colores.
• Legibilidad
• Para que la IU favorezca la usabilidad del sistema
de software, la información que se exhiba en ella
debe ser fácil de ubicar y leer. Es importante
hacer clara la presentación visual (colocación
/agrupación de objetos, evitar la presentación de
excesiva información.
¿Qué requisitos debe cumplir una
GUI?
• fácil de utilizar para el usuario.
• Mantén la simplicidad: se recomienda prescindir de elementos de diseño
innecesarios y elegir designaciones simples y fáciles de comprender.
• Diseña con orientación a un objetivo: cada página debe estar bien
estructurada; cada elemento debe tener una función clara.
• Consistencia: si se utilizan múltiples elementos y gráficos, es importante que
todos los componentes individuales sean consistentes entre sí.
• Diseño y tipografía: las unidades de diseño, los colores y los textos deben
resaltar u ocultar el elemento, dependiendo de la finalidad del componente.
También es importante utilizar fuentes y tamaños de fuente apropiados para
la función y fáciles de comprender.
• Actualizaciones de usuario: una interfaz gráfica de usuario también debe
informar sobre errores y cambios en el estado.
¿Cuáles son las ventajas y los inconvenientes de una
GUI?
