Desarrollo de una interfaz gráfica de usuario (GUI)

Rodrigo Ricardo Publicado el 9 diciembre, 2020 5 minutos y 37 segundos de lectura

Interfaz gráfica del usuario

Todos los sistemas informáticos necesitan algún tipo de interfaz de usuario para que la computadora y el ser humano puedan comunicarse. El tipo de interfaz más utilizado para los sistemas informáticos actuales es una interfaz gráfica de usuario, o GUI (pronunciada como pegajosa).

Una interfaz gráfica de usuario utiliza elementos visuales que presentan información almacenada en una computadora de una manera fácil de entender. Estos elementos facilitan el trabajo y el uso de programas informáticos. Una GUI utiliza ventanas, iconos y menús para ejecutar comandos, como abrir archivos, eliminar archivos y mover archivos. El software GUI es mucho más fácil de usar que el software de línea de comandos, ya que no es necesario escribir y memorizar comandos individuales.

Los elementos gráficos más comunes están representados por WIMP: ventana, icono, menú y puntero. Una ventana es un área de la pantalla que muestra información. El contenido de la ventana se muestra independientemente del resto de la pantalla. Como probablemente adivinó, el sistema operativo Windows deriva su nombre del uso de Windows. Un icono es una imagen pequeña que representa objetos, como un programa o un archivo. Puede manipular el icono de diferentes formas. Por ejemplo, al hacer doble clic en el icono se abre el programa o archivo. Un menú proporciona una lista de opciones a los usuarios. Las opciones se seleccionan con un mouse u otro dispositivo señalador. Los menús muestran lo que es posible dentro del software en términos de comandos y funciones. Un puntero es un símbolo en pantalla que representa el movimiento de un dispositivo que el usuario controla para seleccionar ventanas, iconos y menús.

Estos cuatro elementos han dominado el diseño de la interfaz de usuario desde que se introdujeron por primera vez a mediados de la década de 1980. Más recientemente, los dispositivos móviles, como los teléfonos inteligentes y las tabletas, han comenzado a utilizar estos elementos de nuevas formas debido a las limitaciones de espacio y los dispositivos de entrada disponibles. La tecnología de pantalla táctil ha introducido nuevas interacciones, como pellizcar y girar, que no son compatibles con los dispositivos de entrada tradicionales.

Importancia del diseño de la interfaz

Diseñar una buena interfaz de usuario es fundamental para el éxito de un sistema. Una buena interfaz de usuario fomenta una interacción fácil y natural entre un usuario y un sistema. Idealmente, un usuario puede olvidar que está usando una computadora y continuar con lo que quiere hacer.

Si bien una interfaz de apariencia elegante puede ser realmente genial, la principal preocupación cuando se trata del diseño de la interfaz de usuario es la usabilidad. La usabilidad se define en una norma ISO oficial como «la medida en que un producto puede ser utilizado por usuarios específicos para lograr objetivos específicos con eficacia, eficiencia y satisfacción en un contexto de uso específico». Lo que eso significa en términos prácticos es que una interfaz bien diseñada debería contribuir a lo siguiente:

  • Capacidad de aprendizaje : ¿Qué tan fácil es para los usuarios realizar tareas básicas?
  • Eficiencia : ¿Qué tan rápido pueden realizar las tareas?
  • Memorabilidad : ¿Con qué facilidad pueden los usuarios establecer su competencia?
  • Errores : ¿cuántos errores cometen los usuarios?
  • Satisfacción : ¿Qué tan agradable es usar el diseño?

El diseño de la interfaz de usuario es fundamental para el éxito de un sistema y debe formar parte de los conceptos de diseño originales del sistema.

Desarrollo de interfaz

El diseño de la interfaz de usuario requiere una buena comprensión de las necesidades del usuario. Un proceso de diseño de interfaz de usuario típico sigue estos pasos:

  • Recopilación de requisitos de funcionalidad : ¿qué funcionalidad se requiere para satisfacer las necesidades de los usuarios?
  • Análisis de usuarios : ¿Quiénes son los usuarios potenciales del sistema y cuál es su nivel de habilidad?
  • Arquitectura de la información : ¿cómo se utilizará el sistema en los procesos comerciales?
  • Creación de prototipos : consiste en una versión simple de la interfaz con algunas de sus características clave.
  • Prueba de usabilidad : consiste en que los usuarios seleccionados prueben el prototipo.
  • Diseño de interfaz gráfica : desarrollo de la apariencia real de la GUI final.

Si ha estado utilizando diferentes tipos de software, es posible que haya notado que muchos aspectos de la interfaz son muy similares en diferentes aplicaciones. Esto es particularmente cierto para las aplicaciones de la misma empresa. La idea es que cuando haya aprendido los conceptos básicos de Microsoft Word, le resultará mucho más fácil aprender Microsoft PowerPoint, ya que algunas de las funciones son las mismas.

Las plataformas de desarrollo de software suelen tener herramientas integradas para diseñar interfaces de usuario. Esto facilita el desarrollo de interfaces con elementos similares al software existente.

Otros aspectos del diseño de interfaces

Además de desarrollar una GUI para un sistema, hay varios otros aspectos a considerar. Los sistemas pueden incluir un procedimiento de inicio de sesión para autenticar a los usuarios basándose en nombres de usuario y contraseñas. Si tal procedimiento es deseable como medida de seguridad, debe formar parte de la interfaz de usuario.

Los sistemas relativamente complicados pueden incluir asistentes. En lugar de que un usuario seleccione manualmente entre una serie de opciones, un asistente proporciona pasos predefinidos que realizan un determinado flujo de trabajo o proceso. Esto proporciona consistencia y facilidad de uso, en particular para usuarios novatos. Muchos sistemas incluyen una función de ayuda donde los usuarios pueden aprender sobre el programa, ver tutoriales o buscar temas específicos.

Resumen de la lección

Una interfaz gráfica de usuario utiliza elementos visuales que presentan información almacenada en una computadora de una manera fácil de entender. Los elementos gráficos más comunes están representados por WIMP: ventana, icono, menú y puntero. La usabilidad es el grado en el que un producto puede ser utilizado por usuarios específicos para lograr objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso específico. El diseño de la interfaz de usuario es fundamental para el éxito de un sistema y debe formar parte de los conceptos de diseño originales del sistema.

Resultado de aprendizaje

Después de ver esta lección, debería poder identificar elementos de las interfaces de usuario y explicar cómo se desarrollan para mejorar las aplicaciones de software.

Explora más sobre este tema

Selecciona un tema y sigue aprendiendo...

Rodrigo Ricardo
Rodrigo Ricardo Editor y fundador