Este documento describe las interfaces gráficas de usuario (GUI), incluyendo su definición, componentes principales, requisitos de diseño y tipos de interfaces de usuario. Una GUI facilita la comunicación entre el usuario y un programa a través de elementos gráficos como íconos. Debe mantener la simplicidad y consistencia para que sea fácil de usar. Los tipos de interfaces incluyen CLI (línea de comandos), GUI (gráfica) y NUI (natural).

1. Interfaces
gráficas de
usuario (GUI)
Alberto Elena, Bryan Josué. AE210567
Lebrón Flores, Ivania María. LF212591
Montano González, Fernando Josué. MG210111
Munguía Villacorta, Luciana María. MV210941
Velásquez Joyar, Andrea Guadalupe.
VJ210576
Integrantes

2. 2
¿Qué es la GUI?
Es una interfaz la cual facilita al usuario la
comunicación que tiene con un debido
programa, esto es, visto de otra forma, la
comunicación entre el usuario y la máquina,
la principal funcionalidad de una interfaz
gráfica de usuario, estos se pueden utilizar
para manipular de la mejor manera
computadoras, tabletas, celulares, estos por
lo general, se apoyan de elementos gráficos
como podrían ser los íconos, de esta forma
se le da un mayor realce a lo que está
ocurriendo.

3. CLI
Antecedentes
Los usuarios se sentaban frente
a una computadora y lo que
veían era una pantalla blanca, y
un espacio donde ingresar un
comando que debían aprenderse
01
No gráfica orientada
a menús
Le permitía al usuario interactuar
con el mouse en lugar de tener
que escribir comandos en el
teclado.
02
GUI
Contienen un menú, iconos y
el proceso de apuntar y
hacer clic con un mouse,
para brindar una mejor
experiencia de usuario
03
3

4. Apple
Macintosh
Paradigmas para las GUI
“Computadora para todos”.
Introdujo el primer menú, iconos y el proceso de
apuntar y hacer clic con un mouse.
Limitaba a los usuarios con respuestas
contextuales
01
IBM-SAA
Sistema completo de interfaces que puede
abarcar maquinas desde computadoras
personales hasta centrales.
Serie de suites con herramientas de
networking y bases de datos.
Todas las acciones podían ser ejecutadas
desde el teclado
02
4

5. 5
Funcionamiento de
las GUI
Su funcionamiento principal es que esta sirve de
intermediaria entre el usuario y el sistema, ya que a
través de distintos componentes gráficos los cuales
están dirigidos a crear un entorno sencillo y fácil de
navegar para el usuario, esta presenta información y
recibe las acciones y solicitudes del usuario, para
luego poder enviarlas a la capa de procesamiento.

6. 6
Componentes de la GUI
Cuadros de texto
Casillas de
verificación
Controles deslizables y
botones
aumentar/disminuir.
Cuadros de diálogo con
controles en pestañas
Botones de
opción
Cuadros de lista y
de lista
desplegable
Botones de comando
Áreas de texto
Mapas de imagen
Cuadros de
mensaje

7. Requisitos por cumplir
7
Consistencia
Todos los elementos que se utilicen
deben ser consistentes entre sí y estar
orientados a un objetivo y una función
Diseño y tipografía
Ayuda al usuario a ubicarse en la
interfaz con ayuda de colores, textos,
íconos, entre otros.
Mantener la simplicidad
Elementos simples y fáciles de
comprender, y evitar los elementos
innecesarios de diseño
Diseño orientado a un
objetivo
Cada elemento que se vaya a usar debe
tener una función definida y la interfaz
debe estar bien estructurada según lo que
se necesite.
Actualizaciones de
usuario
Una interfaz debe informar sobre
errores o cambios en el estado.

8. 8
Ejemplos
Interfaz gráfica de Windows.

9. 9
Ejemplos
Interfaz gráfica de Amazon.

10. Tipos de interfaces de usuario
10
CLI
Una interfaz de línea de
comandos es una interfaz de
usuario basada en texto,
suele ser implementado para
enviar instrucciones o tareas
específicas a una
computadora, esta es
estática, directa y sin mayor
complejidad.
● Codificada
● Estricta
GUI
Interfaz gráfica de usuario
que utiliza distintos
componentes gráficos, como
imágenes, botones, etc., para
crear un entorno visualmente
atractivo, en lugar se ser solo
una visualización de texto.
Suele ser dinámica,
responsiva, receptiva y fácil
de explorar.
● Metafórica
● Exploratoria
NUI
La interfaz natural de usuario
busca sentirse lo más
“natural” al usuario posible, no
utiliza sistemas de mando o
dispositivos de entrada como
clics, en su
lugar se utilizan movimientos
gestuales, como pueden ser
las yemas de los dedos en una
pantalla táctil.
● Directa
● Intuitiva

11. 11
Preguntas
1) ¿Cuál es el significado de GUI?
2) ¿Cuáles son los componentes de una GUI?
3) ¿Por qué una Interfaz Gráfica de Usuario debe mantener la
simplicidad?
4) ¿Cuáles son los tipos de interfaces de usuario?
5) ¿En qué ocasiones se recomienda utilizar la interfaz CLI?