¿Qué es una interfaz gráfica de usuario (GUI)?

Los tiempos en que solo los científicos y los desarrolladores de software podían usar los ordenadores han quedado muy atrás. Hoy en día, casi todo el mundo puede manejar un PC o una tableta, a menudo incluso sin necesitar conocimientos especializados previos. No obstante, llegar a esto no fue un camino de rosas. Para hacerlo posible, hubo que desarrollar las interfaces gráficas de usuario, un tipo de interfaz de usuario.

Los primeros conceptos de interfaz gráfica de usuario se desarrollaron en los años 70 en la empresa Xerox. Su propósito principal era permitir manejar ordenadores con el ratón y el teclado en lugar de solo con instrucciones en formato de texto. Xerox Alto fue el primer PC con una interfaz gráfica. Apple le siguió en los años 80 con el Macintosh. Con la aparición de los smartphones y las tabletas, el principio de la interfaz gráfica ha pasado por grandes cambios. Hoy en día, hay pantallas que se pueden utilizar con simples gestos y movimientos de dedos.

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.

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. Esto podría representarse así (el ejemplo muestra cómo abrir el explorador):

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

La papelera de reciclaje es un buen ejemplo de un elemento común a la mayoría de los sistemas operativos. Además, su representación gráfica tanto en Windows como en Mac es la imagen de una papelera real. De este modo, el usuario sabe de inmediato que sirve para borrar documentos y archivos.

Al escribir las GUI, los desarrolladores se basan en la programación basada en eventos, porque las acciones del usuario son impredecibles. Por esto las GUI no se pueden programar linealmente, sino que deben escribirse de tal manera que un comando solo se ejecute cuando el usuario dé la señal para este.

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:

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

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.