O que é uma GUI e o que ela faz por você

Esteja você lendo este artigo em seu smartphone, tablet ou computador, você o está experimentando por meio de uma interface gráfica de usuário ou GUI. Como o próprio nome sugere, uma GUI permite que os usuários interajam com dispositivos eletrônicos por meio de ícones gráficos, em vez de interfaces de usuário baseadas em texto. Aqui está uma olhada na história da GUI e por que ela é crucial.

Histórico da GUI

Usuários de longa data do Windows podem pensar que a transição de sistemas baseados em texto para GUI ocorreu quando o Windows 95 substituiu o Windows 3.1. Embora este tenha sido um marco essencial na adoção da GUI, você tem que voltar a 1963, quando o primeiro programa de design gráfico assistido por computador foi introduzido.

Com o programa Sketchpad de Ivan Sutherland, os usuários podem criar e manipular objetos em desenhos de engenharia usando uma caneta de luz. O Sketchpad foi seguido pelo Sistema On-Line de Stanford (NLS) mais tarde naquela década. Embora o nome NLS possa ter sido perdido na história, o resultado não. O sistema usava hiperlinks baseados em texto que o primeiro mouse de computador do mundo manipulava.

Na década de 1970, foi introduzida a programação Smalltalk, que rodava no computador Xerox Alto. A maioria das GUIs modernas são derivadas desse sistema. Enquanto isso, a interface de usuário do Xerox PARC trouxe outros elementos gráficos agora familiares para a frente, incluindo janelas, menus, botões de rádio e caixas de seleção. No final da década, empresas como Microsoft, Apple e IBM se envolveram com GUIs.

Adoção posterior

Os sistemas GUI entraram no mainstream na década de 1980. O Apple Lisa foi lançado em 1983, seguido pelo muito mais bem-sucedido primeiro Apple Macintosh um ano depois. O Windows 95 finalmente chegou uma década depois e, em poucos meses, tornou-se o sistema operacional de desktop mais popular de todos os tempos.

O início do século 21 viu a chegada de sistemas operacionais móveis, incluindo o iOS da Apple, o Android do Google e muitos outros. Embora diferentes na superfície, cada um usou os mesmos elementos GUI implementados pela primeira vez décadas atrás.

Principais recursos da GUI

Os sistemas GUI oferecem essas seções genéricas: janelas, menu, ícones, controles e guias. Os elementos interativos incluem um cursor, ponteiro, ponto de inserção, seleção e alça de ajuste.

janelas

Você está visualizando este artigo por meio de um navegador da Web, que, por definição, é uma janela, assim como seu programa de e-mail ou o título do software Adobe. As janelas são áreas de uma tela de computador onde as informações visíveis são separadas do resto da tela.

Uma janela de contêiner inclui outras janelas ou controle, assim como uma janela do navegador permite que você visualize e navegue em uma série de itens, como documentos ou páginas da web. Hoje, consoles como US-DOS e UNIX aparecem através de janelas de terminais de texto.

Há também janelas de mensagens, às vezes chamadas de caixas de diálogo. Essas janelas são abertas dentro de um programa em sua máquina. Eles normalmente pedem que você forneça uma resposta afirmativa ou negativa. Por exemplo, quando você altera um documento em um programa como o Microsoft Word, uma janela de mensagem pode aparecer perguntando se esta é a mudança que você deseja fazer.

Menus

Ao usar um mouse, dedo ou outro dispositivo apontador, você provavelmente está executando um comando por meio do próximo elemento da GUI, os menus. Esses elementos geralmente oferecem uma lista de opções, tornando mais fácil para o usuário determinar o que fazer em seguida. Existem vários tipos de menus, incluindo uma barra de menus e um menu de contexto. Você verá o primeiro na parte superior da tela. Possui menus suspensos que aparecem ao clicar em palavras no menu.

Os menus de contexto, por outro lado, são invisíveis até serem clicados ou tocados. Clicar com o botão direito do mouse em um computador normalmente traz um menu de conteúdo anteriormente oculto.

Ícones

As partes mais notáveis ​​de qualquer sistema GUI são os ícones. Essas pequenas imagens, encontradas em uma área de trabalho, página inicial ou pasta, representam objetos diferentes, como um programa, arquivo, página da Web ou comando. O ícone abre o referido objeto quando clicado.

Controles

Em sistemas GUI, você também encontrará controles, às vezes chamados de widgets. Esses elementos gráficos de controle são um componente de software essencial, permitindo que o usuário leia ou efetue (através da edição) informações sobre um aplicativo. Os controles assumem várias formas, incluindo controles deslizantes, botões de opção, caixas de seleção e muito mais.

Abas

Por fim, há abas. Esses elementos geralmente assumem a forma de uma pequena caixa retangular ou texto simples. Quando clicado, uma lista de objetos ou seções semelhantes é exibida. Tabs, por exemplo, é um componente essencial em navegadores da web. Ao clicar em abas, você pode navegar entre dois ou mais sites simultaneamente sem fechar outro. Cada guia contém uma página da Web separada.

Principais elementos interativos da GUI

Nenhum de nós apreciaria totalmente o que a GUI significa para a computação se não fossem as ferramentas desenvolvidas para alternar entre os vários recursos. Esses elementos interativos evoluíram ao longo dos anos e incluem cursores, ponteiros e muito mais.

Um ponteiro é um objeto gráfico que se move na tela do computador usando um mouse ou touchpad. Os ponteiros iniciam cliques, toques e arrastos familiares. Um cursor é um tipo de ponteiro e indica sua localização exata em uma tela. Uma linha vertical piscando mostra a localização de um cursor.

Um ponto de inserção é onde os comandos iniciados pelo usuário ocorrerão, por exemplo, em aplicativos de texto ou ao usar a operação copiar e colar. Uma seleção é uma lista de itens onde as operações do usuário ocorrem. Os usuários geralmente adicionam itens a essa lista manualmente, embora nem sempre. Finalmente, uma alça de ajuste é um indicador de um ponto de partida para uma operação de arrastar e soltar. Uma caixa que aparece nos cantos e bordas de uma janela, por exemplo, é uma alça de ajuste.

Muito para ver

Em muitos aspectos, tudo  em uma tela de computador é uma GUI. Embora os recursos e elementos tenham melhorado ao longo dos anos, os conceitos básicos permaneceram os mesmos por décadas. Sem isso, a computação seria muito diferente.