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

Los tiempos en que solo los cie­n­tí­fi­cos y los de­sa­rro­lla­do­res de software podían usar los or­de­na­do­res 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 co­no­ci­mie­n­tos es­pe­cia­li­za­dos previos. No obstante, llegar a esto no fue un camino de rosas. Para hacerlo posible, hubo que de­sa­rro­llar las in­te­r­fa­ces gráficas de usuario, un tipo de interfaz de usuario.

Los primeros conceptos de interfaz gráfica de usuario se de­sa­rro­lla­ron en los años 70 en la empresa Xerox. Su propósito principal era permitir manejar or­de­na­do­res con el ratón y el teclado en lugar de solo con in­s­tru­c­cio­nes 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 sma­r­t­pho­nes 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 mo­vi­mie­n­tos de dedos.

La GUI es una interfaz entre la persona y la máquina. El objetivo de esta interfaz gráfica es re­pre­se­n­tar el código del backend de un sistema de la forma más clara posible para el usuario para si­m­pli­fi­car­le las tareas diarias. Para esto, son muy im­po­r­ta­n­tes los iconos y las imágenes, ya que solo estos permiten una apli­ca­ción universal e in­de­pe­n­die­n­te 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 co­mu­ni­car­se con el ordenador. Suele estar basada en la in­ter­ac­ció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 di­s­po­si­ti­vo se transmite al ordenador, que luego la traduce en un mo­vi­mie­n­to equi­va­le­n­te en la pantalla. Por ejemplo, si un usuario hace clic en un de­te­r­mi­na­do icono de programa en el menú, se ejecuta la in­s­tru­c­ción co­rre­s­po­n­die­n­te y se abre el programa.

La GUI es, por lo tanto, una especie de traductor en la co­mu­ni­ca­ció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 apli­ca­cio­nes. Esto podría re­pre­se­n­tar­se así (el ejemplo muestra cómo abrir el ex­plo­ra­dor):

Una GUI combina el diseño visual y las funciones de pro­gra­ma­ción. Por esto, ofrece botones, menús de­s­ple­ga­bles, campos de na­ve­ga­ción, campos de búsqueda, iconos y widgets. Los de­sa­rro­lla­do­res deben tener siempre en cuenta la facilidad de uso. Los co­m­po­ne­n­tes más comunes de una GUI son los si­guie­n­tes:

• Campos de entrada
• Ventana
• Lienzo (canvas)
• Marcos
• Botones
• Bloques de en­ca­be­za­do
• Campos de texto

La papelera de reciclaje es un buen ejemplo de un elemento común a la mayoría de los sistemas ope­ra­ti­vos. Además, su re­pre­se­n­ta­ció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 do­cu­me­n­tos y archivos.

Al escribir las GUI, los de­sa­rro­lla­do­res se basan en la pro­gra­ma­ción basada en eventos, porque las acciones del usuario son im­pre­de­ci­bles. Por esto las GUI no se pueden programar li­nea­l­me­n­te, sino que deben es­cri­bi­r­se 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 im­po­r­ta­n­te que la GUI se controle de manera intuitiva. No obstante, para lograrlo es necesario co­m­pre­n­der bien las ne­ce­si­da­des y pre­fe­re­n­cias del usuario. Un diseño orientado a la ex­pe­rie­n­cia de usuario tiene el propósito de pro­po­r­cio­nar al usuario lo que este espera de la apli­ca­ción. Si vas a de­sa­rro­llar una GUI, presta atención a los si­guie­n­tes aspectos:

• Mantén la si­m­pli­ci­dad: se re­co­mie­n­da pre­s­ci­n­dir de elementos de diseño in­ne­ce­sa­rios y elegir de­sig­na­cio­nes simples y fáciles de co­m­pre­n­der.
• Diseña con orie­n­ta­ción a un objetivo: cada página debe estar bien es­tru­c­tu­ra­da; cada elemento debe tener una función clara.
• Co­n­si­s­te­n­cia: si se utilizan múltiples elementos y gráficos, es im­po­r­ta­n­te que todos los co­m­po­ne­n­tes in­di­vi­dua­les sean co­n­si­s­te­n­tes entre sí.
• Diseño y ti­po­gra­fía: las unidades de diseño, los colores y los textos deben resaltar u ocultar el elemento, de­pe­n­die­n­do de la finalidad del co­m­po­ne­n­te. También es im­po­r­ta­n­te utilizar fuentes y tamaños de fuente apro­pia­dos para la función y fáciles de co­m­pre­n­der.
• Ac­tua­li­za­cio­nes de usuario: una interfaz gráfica de usuario también debe informar sobre errores y cambios en el estado.

Las in­te­r­fa­ces gráficas de usuario han ganado gran po­pu­la­ri­dad por las numerosas ventajas que ofrecen a los usuarios. Sin embargo, tienen también algunos in­co­n­ve­nie­n­tes. En la siguiente tabla, te ex­pli­ca­mos las ventajas y de­s­ve­n­ta­jas de diversas GUI.