Skip to content

O que é uma GUI (Graphical User Interface)?

25 de abril de 2021

GUI significa interface gráfica do usuário e é pronunciado GOO-ee ou gooey. Uma GUI contém elementos gráficos como janelas, menus, ícones e links que você seleciona quando está trabalhando com um sistema operacional, aplicativo de software ou aplicativo móvel.

Alexander Kirch / EyeEm / Getty Images

Interfaces de linha de comando governadas no passado de interação com o computador

Para realmente apreciar o design da GUI, é útil saber o que o precedeu. Antes de a GUI ser comumente usada, as telas dos computadores exibiam apenas texto simples e eram controladas por um teclado. As interações com o computador foram digitadas em uma linha de comando. Portanto, em vez de arrastar e soltar um arquivo para movê-lo, os usuários digitaram o nome do comando, o nome do arquivo a ser movido e o diretório de destino. Os usuários tiveram que memorizar os comandos necessários para executar essas e muitas outras funções.

IBM PC 5150 com teclado e monitor monocromático verde (5151), executando o MS-DOS 5.0

Boffy b / Wikimedia Commons / CC-BY-SA

GUI: uma revolução visual

Uma GUI é muito diferente. Em vez de ser baseado em texto, é baseado visualmente, tornando o computador muito mais fácil de usar. Quando os sistemas operacionais e aplicativos incorporam uma GUI, comandos e ações são executados por meio da manipulação direta dos elementos gráficos na tela. Em GUIs, os seguintes tipos de elementos de interface são comumente usados:

  • janelas exibe informações na tela. Aplicativos, páginas da web e documentos abrem em janelas. As janelas podem ser movidas, redimensionadas e colocadas uma na frente da outra.
  • Menus oferecem listas de ações para escolher. Eles organizam os comandos disponíveis em um aplicativo em grupos lógicos.
  • Controles de entrada permitir que os usuários selecionem uma ou mais opções de uma lista. Os controles de entrada incluem caixas de seleção, botões de opção, listas suspensas, alternadores, campos de texto e selecionadores de data e hora.
  • Componentes de navegação permitem que os usuários se movam de um lugar para outro dentro da interface. Os exemplos incluem breadcrumbs, controles deslizantes, caixas de pesquisa, paginação e tags.
  • Componentes informativos informar os usuários sobre o status de uma tarefa. Os exemplos incluem notificações de mensagens recebidas, barras de progresso, dicas de ferramentas e janelas pop-up.

A GUI da área de trabalho do Windows mostrando a interface gráfica do usuário do Microsoft Word

Os usuários selecionam um ou uma combinação dos elementos acima pressionando as teclas do teclado, clicando com o mouse ou tocando na tela. Essas ações simplificam o início de aplicativos, a abertura de arquivos, a navegação em sites da Web e a execução de outras tarefas. Esses elementos da GUI fornecem indicações visuais consistentes das tarefas que podem ser executadas em um aplicativo. Eles também tornam o aprendizado de novos aplicativos mais confortável.

História da GUI

Em 1981, a Xerox apresentou o PARC, a primeira GUI. O fundador da Apple, Steve Jobs, viu isso durante um tour pela Xerox e lançou um sistema operacional baseado em GUI para Macintosh em 1984. A Microsoft seguiu em 1985 com o Windows 1.0.

Microsoft Windows 1.0

Rezonansowy / Wikimedia Commons / Domínio Público
Esses programas baseados em GUI eram controlados com um ponteiro do mouse que se movia pela tela quando os usuários moviam o mouse físico. Foi o começo do apontar e clicar. Essa mudança significava que os usuários não precisavam mais aprender uma longa lista de comandos para operar um computador. Cada comando foi representado em um menu ou por um ícone na tela. Em 1990, as GUIs começaram a se parecer mais com as usadas em dispositivos modernos.

Captura de tela do Windows 3.0, Word e Excel

Microsoft Suécia / Flickr / CC BY 2.0
No início de 2010, novos tipos de entrada, como comandos de deslizar e pinçar, foram adicionados à capacidade da GUI para acomodar o crescente mercado móvel. Agora, as GUIs do computador também aceitam entradas de joysticks, canetas ópticas, câmeras e microfones. Mesmo modelos de carros mais novos usam GUIs em conjunto com controles de botão.