Lista de elementos de la interfaz gráfica de usuario

Una ventana es un área de la pantalla que muestra información, cuyo contenido se visualiza independientemente del resto de la pantalla. Un ejemplo de ventana es la que aparece en la pantalla al hacer clic en el icono "Mis documentos" en Microsoft Windows . Es fácil para el usuario manipular una ventana: se puede mostrar y ocultar haciendo clic en un icono o aplicación , y se puede mover a cualquier área arrastrándola (es decir, haciendo clic en un área específica de la ventana  , generalmente la barra de título superior  , manteniendo pulsado el botón del dispositivo señalador y luego moviendo dicho dispositivo). Una ventana se puede colocar delante o detrás de otra, se puede ajustar su tamaño y se pueden usar barras de desplazamiento para navegar por sus secciones. También se pueden abrir varias ventanas simultáneamente, en cuyo caso cada una puede mostrar una aplicación o archivo diferente  ; esto resulta muy útil al trabajar en un entorno multitarea. La memoria del sistema es la única limitación en cuanto al número de ventanas que se pueden abrir a la vez. También existen muchos tipos de ventanas especializadas. ^{[ 1 ]}

• Una ventana contenedora encierra otras ventanas o controles. Al moverla o redimensionarla, los elementos que contiene se mueven, redimensionan, reorientan o quedan recortados por la ventana contenedora.
• Una ventana del navegador permite al usuario ver y navegar por una colección de elementos, como archivos o páginas web . Los navegadores web son un ejemplo de este tipo de ventanas.
• Las ventanas de terminal de texto presentan interfaces de usuario basadas en caracteres y comandosdentro de la interfaz gráfica general. Las consolas de MS-DOS y Unix son ejemplos de este tipo de ventanas. Las ventanas de terminal suelen ajustarse a las convenciones de teclas de acceso rápido y visualización de las terminales basadas en CRT anteriores a las interfaces gráficas de usuario (GUI), como la VT-100.
• Una ventana secundaria se abre automáticamente o como resultado de la actividad del usuario en una ventana principal. Las ventanas emergentes en Internet pueden ser ventanas secundarias.
• Una ventana de mensaje , o cuadro de diálogo , es un tipo de ventana secundaria. Suelen ser ventanas pequeñas y sencillas que un programa abre para mostrar información al usuario o para obtener información de él. Casi siempre incluyen uno o más botones que permiten al usuario cerrar el diálogo con una respuesta afirmativa, negativa o neutral.

Los menús permiten al usuario ejecutar comandos seleccionando opciones de una lista. Las opciones se seleccionan con el ratón u otro dispositivo señalador dentro de una interfaz gráfica de usuario (GUI). También se puede usar el teclado. Los menús son prácticos porque muestran los comandos disponibles en el software . Esto reduce la cantidad de documentación que el usuario debe leer para comprender el software. ^{[ 2 ]}

• Una barra de menú se muestra horizontalmente en la parte superior de la pantalla y/o en la parte superior de algunas o todas las ventanas. Un menú desplegable suele estar asociado a este tipo de menú. Cuando un usuario hace clic en una opción del menú, aparece el menú desplegable. ^{[ 3 ] [ 4 ]}
• Un menú tiene un título visible en la barra de menús. Su contenido solo se muestra cuando el usuario lo selecciona con el puntero. El usuario puede entonces seleccionar los elementos del menú desplegable. Cuando el usuario hace clic en cualquier otro lugar, el contenido del menú desaparece. ^{[ 5 ]}
• Un menú contextual es invisible hasta que el usuario realiza una acción específica con el ratón, como pulsar el botón derecho. Cuando se produce dicha acción, el menú aparece bajo el cursor. ^{[ 3 ]}
• Los extras del menú son artículos individuales que aparecen dentro o al lado del menú.

Un icono es una pequeña imagen que representa objetos como archivos, programas, páginas web o comandos. Son una forma rápida de ejecutar comandos, abrir documentos y ejecutar programas. Los iconos también son muy útiles al buscar un objeto en la lista del navegador, ya que en muchos sistemas operativos todos los documentos con la misma extensión tendrán el mismo icono.

Los elementos de interfaz, conocidos como elementos de control gráfico , controles o widgets, son componentes de software con los que el usuario interactúa mediante manipulación directa para leer o editar información sobre una aplicación. Cada widget facilita una interacción específica entre el usuario y el ordenador. Estructurar una interfaz de usuario con kits de herramientas de widgets permite a los desarrolladores reutilizar código para tareas similares y proporciona a los usuarios un lenguaje común de interacción, manteniendo la coherencia en todo el sistema de información.

Los usos comunes de los widgets incluyen la visualización de colecciones de elementos relacionados (como con varios controles de lista y lienzo ), el inicio de acciones y procesos dentro de la interfaz ( botones y menús ), la navegación dentro del espacio del sistema de información ( enlaces , pestañas y barras de desplazamiento ) y la representación y manipulación de valores de datos (como etiquetas , casillas de verificación , botones de opción , controles deslizantes y selectores numéricos ).

Una pestaña es típicamente un pequeño recuadro rectangular que generalmente contiene una etiqueta de texto o un icono gráfico asociado a un panel de vista. Cuando se activa, el panel de vista, o ventana, muestra los widgets asociados a esa pestaña; los grupos de pestañas permiten al usuario cambiar rápidamente entre diferentes widgets. Esto se utiliza en todos los navegadores web modernos . ^{[ 6 ] [ 7 ] [ 8 ] [ 9 ] [ 10 ]} Con estos navegadores, puede tener varias páginas web abiertas a la vez en una ventana y navegar rápidamente entre ellas haciendo clic en las pestañas asociadas a las páginas. Las pestañas generalmente se colocan en grupos en la parte superior de una ventana, pero también pueden agruparse en el lateral o en la parte inferior de una ventana. Las pestañas también están presentes en los paneles de configuración de muchas aplicaciones. Microsoft Windows, por ejemplo, utiliza pestañas en la mayoría de los diálogos de su panel de control.

Un cursor es un indicador que se utiliza para mostrar la posición en un monitor de ordenador u otro dispositivo de visualización que responderá a la entrada de texto o a un dispositivo señalador.

Una selección es una lista de elementos sobre los que el usuario realizará operaciones. Normalmente, el usuario añade los elementos a la lista manualmente, aunque el ordenador puede crear una selección automáticamente.

Un punto de control indica el punto de inicio para una operación de arrastrar y soltar . Normalmente, la forma del puntero cambia al colocarlo sobre el punto de control, mostrando un icono que representa la operación de arrastrar y soltar compatible.