GUI

INTERFAZ GRAFICA DE USUARIO

COMENZAR

Índice

01. ¿QUE ES UNA GUI?

06. COMPONENTES DE UNA GUI

02. EVOLUCION DE LAS GUI

07. REQUISITOS DE UNA GUI

03. ¿PARA QUE SIRVE UNA GUI?

08. VENTAJAS Y DESVENTAJAS

04. GUIS PARA TODO

09. GUIS MAS POPULARES

05. ¿COMO FUNCIONA UNA GUI?

10. RESUMEN

¿QUE ES UNA GUI?

Interfaz gráfica de usuario (GUI), acrónimo en inglés de Graphical User Interfase. La interfaz gráfica de usuario es un programa o entorno que gestiona la interacción con el usuario basándose en relaciones visuales como iconos, menús o un puntero.

EVOLUCION DE LAS GUI

1968

1984

1945

Teorías de Vannevar Bush.

Douglas Engelbart fue un brillante científico.

Apple Lisa

1981

1990

1962

Ordenador Xerox Star.

Ivan Sutherland, estudiante de Doctorado del MIT.

Windows 3. 0, version comercial

¿PARA QUE SIRVE UNA GUI?

La GUI es una interfaz entre la persona y la máquina. El objetivo de esta interfaz gráfica es representar el código del backend de un sistema de la forma más clara posible para el usuario para simplificarle las tareas diarias. Para esto, son muy importantes los iconos y las imágenes, ya que solo estos permiten una aplicación universal e independiente del texto. Por ejemplo, casi todo el mundo sabe cómo es un icono de wifi, mientras que la palabra varía mucho en los distintos idiomas.

GUIS PARA TODO

¿CÓMO FUNCIONA UNA GUI?

La GUI es una interfaz de usuario que permite a los usuarios comunicarse con el ordenador. Suele estar basada en la interacción a través del ratón y el teclado (aunque el control a través de gestos es cada vez más común): al mover el ratón, el puntero se desplaza en la pantalla. La señal del dispositivo se transmite al ordenador, que luego la traduce en un movimiento equivalente en la pantalla. Por ejemplo, si un usuario hace clic en un determinado icono de programa en el menú, se ejecuta la instrucción correspondiente y se abre el programa. La GUI es, por lo tanto, una especie de traductor en la comunicación entre el humano y la máquina. Sin la GUI, tendrías que utilizar la línea de comandos para llamar a programas y aplicaciones.

¿CUALES 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.

• Marcos.
• Botones.
• Bloques de encabezado.
• Campos de texto.

¿QUÉ REQUISITOS, DEBE CUMPLIR UNA GUI?

• 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.

• Una buena GUI debe ser, sobre todo, fácil de utilizar para el usuario. Durante la fase de diseño, es importante que la GUI se controle de manera intuitiva. No obstante, para lograrlo es necesario comprender bien las necesidades y preferencias del usuario. Un diseño orientado a la experiencia de usuario tiene el propósito de proporcionar al usuario lo que este espera de la aplicación. Si vas a desarrollar una GUI, presta atención a los siguientes aspectos:

DESVENTAJAS

VENTAJAS

VS

Las interfaces gráficas de usuario han ganado gran popularidad por las numerosas ventajas que ofrecen a los usuarios. Sin embargo, tienen también algunos inconvenientes. En la siguiente tabla, te explicamos las ventajas y desventajas de diversas GUI.

1. Menor flexibilidad: solo se pueden ejecutar instrucciones preprogramadas.
2. La funcionalidad del sistema no se puede cambiar ni adaptar.
3. Las GUI requieren una cantidad de memoria relativamente grande en el sistema.
4. Las GUI son más lentas que las interfaces basadas únicamente en la línea de comandos.
5. Para el desarrollador, es comparativamente más difícil diseñar una GUI fácil de utilizar..
6. Algunas aplicaciones requieren más tiempo para ejecutarse.

1. Simple y fácil de usar.
2. Diseño visualmente atractivo,
3. Incluso los usuarios con menos conocimientos técnicos pueden ejecutar aplicaciones simples con la GUI.
4. La representación visual facilita enormemente la búsqueda de documentos y archivos.
5. El sistema responde a instrucciones que el usuario puede indicar de forma muy intuitiva gracias al formato visual.
6. El usuario puede navegar entre varias aplicaciones de forma rápida y sencilla.

GUIS MAS POPULARES

APPLE

MICROSOFT

ANDROID

Escritorio, NoteBook, MacBook, IPhone.

Escritorio, laptop, tabletas.

Telefonos, tabletas.

EN RESUMEN

Sin las interfaces gráficas de usuario, la revolución digital no habría sido concebible. Las GUI permiten incluso a los usuarios inexpertos familiarizarse rápidamente con los programas. Los símbolos fáciles de comprender y el texto explicativo aseguran una gran facilidad de uso.

FUENTES DE INFORMACIÓN

https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-una-gui/#:~:text=Una%20graphical%20user%20interface%20o%20GUI%20es%20una,las%20aplicaciones%20utilizan%20una%20interfaz%20gr%C3%A1fica%20de%20usuario. https://neoattack.com/neowiki/interfaz-grafica-de-usuario/ https://www.studocu.com/es-mx/document/universidad-nacional-autonoma-de-mexico/modulo-8/unidad-1-interfaz-grafica-de-usuario/23973532

¡Gracias!

REFERENCIAS: https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-una-gui/