the-bridge-logo.svg
Screenshot 2023-11-22 at 16.07.16.png
17/11/2023  - UX/UI Design

Interfaz de usuario

La Interfaz gráfica de usuario (GUI) es uno de los tipos de Interfaces de usuario (UI) que existen, por lo tanto, de general a particular, iremos viendo primero que es una UI para así poder posicionar y adentrarnos en la GUI. ¿Qué es una Interfaz de usuario (UI)? La Interfaz del usuario es el diseño que los usuarios ven y con el que interactúan para poder navegar por un sitio web, app.… Incluye diseños intuitivos que hacen que los clientes queden contentos con la experiencia. En cambio, los sitios que no dan una experiencia positiva alejan a los clientes, porque sus plataformas son difíciles de entender o no cumplen sus necesidades. Los 3 tipos de Interfaces de usuario que existen Una interfaz de usuario consta de dos partes: el lenguaje de presentación, que se refiere a la transacción del ordenador hacia la persona, y el lenguaje deacción, que se caracteriza por ser la interacción de la persona hacia el ordenador. Existen 3 tipos de Interfaces: Interfaz de lenguaje natural Las interfaces de lenguaje natural permiten la comunicación entre humanos y máquinas en un lenguaje cotidiano y natural. Es decir, no se requieren habilidades especiales del usuario para controlarla. Un ejemplo es Alexa, que cuenta con un software basado en modelos acústicos y del lenguaje. Interfaz de preguntas y respuestas Una de las interfaces que más utilizan por los usuarios es la interfaz de preguntas y respuestas. En ella el ordenador muestra en la pantalla una pregunta al usuario. Para interactuar, el usuario ingresa una respuesta (a través de un golpe de teclado o un clic del mouse), y el ordenador actúa sobre esa información de una manera pre-programada, generalmente pasando a la siguiente pregunta. Los asistentes usados para instalar software son un ejemplo común de una Interfaz de pregunta y respuesta. El usuario responde las preguntas acerca del proceso de instalación, como por ejemplo: dónde instalar el software o sus características.  Interfaz gráfica de usuario La Interfaz gráfica de usuario, conocida también como GUI (del inglés graphical user interface),utiliza imágenes, iconos y menús para mostrar las acciones disponibles en un dispositivo, entre las que el usuario puede escoger una o varias. ¿Qué es la Interfaz gráfica de usuario (IGU)? La Interfaz gráfica de usuario, conocida también como GUI (Graphical user interface) es el entorno que utiliza un conjunto de imágenes y objetos gráficos para representar información y acciones disponibles en la interfaz mediante las cuales una máquina y el usuario interactúan. Surge como evolución de las Interfaces de línea de comandos que se usaban para operar los primeros sistemas operativos y es pieza fundamental de un entorno gráfico.Ejemplos: Windows, Linux o Mac OS. A mediados de los setenta las GUI comenzaron a sustituir a las Interfaces de línea de comando(CLI), y esto permitió que la interacción con las computadoras fuera más sencilla e intuitiva. Aquí podemos ver la diferencia entre una Interfaz de línea de comando y una Interfaz gráfica de usuario de manera sencilla:  CLI Windows
  GUI Windows
 Antes de que se desarrollaran y popularizaron las GUI, solo las personas con conocimientos profundos de informática podían usar un computador, pero las interfaces gráficas sustituyeron la complejidad de los comandos por acciones predeterminadas, simbolizadas por elementos visuales muy sencillos de comprender. Los precursores de la Interfaz gráfica de usuario fueron los investigadores de Stanford Research Institute liderados por Douglas Engelbart, desarrollaron una Interfaz de hipervínculos en modo de texto utilizada mediante un ratón en 1973. A mediados de los 80 Mac se convirtió en el referente de las Interfaces gráficas amigables con funciones muy complejas, pero: “tan fáciles de usar como una tostadora”. Este término fue ampliado, definiendo los conceptos de ventana, botones, menús y el puntero del ratón. Más tarde, se incluyeron los iconos, carpetas, la red Ethernet y el correo electrónico entre otros. Por último, con la aparición de nuevas tecnologías se han implementado en realidad virtual o pantallas táctiles. Una buena GUI no solo es importante para los programas, sistemas operativos y aplicaciones. Se estima que el 68% de los visitantes que abandonan un sitio web lo hacen debido a que la experiencia de usuario, incluyendo la Interfaz, no está optimizada para sus necesidades y expectativas. ¿Quiénes son los responsables de una IGU? Detrás de cualquier Interfaz gráfica de usuario existe un programa, sistema operativo o aplicación. Por eso, la GUI suele ser un trabajo en conjunto entre desarrolladores y diseñadores. Sin embargo, quienes suelen dedicarse a esta tarea son los expertos en User Interface que buscan la mejor manera de que el usuario pueda interactuar con el programa, mediante elementos visuales fáciles de comprender. Conclusión Independientemente de los 3 tipos de interfaces que existen, el diseño UX/UI interviene en todas, no solo en la parte de la GUI. ¿Por qué opino esto? Simplemente porque, para hacer los 3 tipos de interfaces es necesario UX. Si necesitas una interfaz de lenguaje natural que permita la comunicación entre humanos y máquinas en un lenguaje sencillo, tendremos que hacer un research de qué necesita el usuario, para que esta interfaz satisfaga sus necesidades, aunque sea mediante la voz y no mediante un elemento gráfico. Algo similar ocurre con la Interfaz de preguntas y respuestas. Para que estas preguntas estén bien hechas necesitamos saber qué respuestas queremos obtener, no hacerlas al azar. También necesitaremos saber cómo las entiende el usuario para que este proceso sea simple. Finalmente, y por los motivos anteriormente señalados, UX/UI se encuentra presente en todos los tipos de interfaces, puede que en algunas sea mediante UX, en otras UI y en otras UX e UI. Esto y mucho más es lo que aprendemos en el bootcamp de Producto Digital. ¿Quieres unirte? Elena Silvestre del bootcamp de UX/UI Product Design de The Bridge
Sigue leyendo. Artículos especializados en diferentes áreasEcha un vistazo al resto de artículos que tenemos en nuestro blog. Trabajamos duro para crear contenido de calidad y enriquecer la comunidad.
    ¿Te has quedado con ganas de saber más?No lo dudes y contacta con nosotros, te resolveremos todas las dudas y te asesoraremos para que encuentres el bootcamp, la modalidad y el plan de financiación que mejor se adapta a ti.
    SOLICITA INFORMACIÓN