Che cos'è una GUI e cosa fa per te

Come

DiMichael Bryant

Ultimo aggiornamento il21 settembre 2021

Sia che tu stia leggendo questo articolo sul tuo smartphone, tablet o computer, lo stai sperimentando attraverso un'interfaccia utente grafica o una GUI. Come suggerisce il nome, una GUI consente agli utenti di interagire con i dispositivi elettronici tramite icone grafiche piuttosto che interfacce utente basate su testo. Ecco uno sguardo alla storia della GUI e perché è cruciale.

Cronologia della GUI

Gli utenti Windows di lunga data potrebbero pensare che la transizione dai sistemi basati su testo alla GUI sia avvenuta quando Windows 95 ha sostituito Windows 3.1. Anche se questo è stata una pietra miliare essenziale nell'adozione della GUI, bisogna tornare al 1963, quando fu introdotto il primo programma di progettazione grafica assistita da computer.

Con il programma Sketchpad di Ivan Sutherland, gli utenti possono creare e manipolare oggetti nei disegni tecnici utilizzando una penna ottica. Sketchpad è stato seguito dall'On-Line System (NLS) di Stanford nello stesso decennio. Sebbene il nome NLS possa essere stato perso nella storia, il risultato no. Il sistema utilizzava collegamenti ipertestuali basati su testo che il primo mouse del computer al mondo ha manipolato.

Negli anni '70 fu introdotta la programmazione Smalltalk, che funzionava sul computer Xerox Alto. La maggior parte delle GUI moderne sono derivate da questo sistema. Nel frattempo, l'interfaccia utente dello Xerox PARC ha portato in primo piano altri elementi grafici ormai familiari, tra cui finestre, menu, pulsanti di opzione e caselle di controllo. Entro la fine del decennio, aziende come Microsoft, Apple e IBM sono state coinvolte con le GUI.

Adozione successiva

I sistemi GUI sono entrati nel mainstream negli anni '80 in rapida evoluzione. L'Apple Lisa è stato rilasciato nel 1983, seguito dal primo Apple Macintosh di maggior successo un anno dopo. Windows 95 è finalmente arrivato un decennio dopo e in pochi mesi è diventato il sistema operativo desktop più popolare di tutti i tempi.

L'inizio del 21° secolo ha visto l'arrivo dei sistemi operativi mobili, tra cui iOS di Apple, Android di Google e molti altri. Sebbene diversi in superficie, ognuno ha utilizzato gli stessi elementi della GUI implementati per la prima volta decenni fa.

Caratteristiche principali dell'interfaccia grafica

I sistemi GUI offrono ciascuno queste sezioni generiche: finestre, menu, icone, controlli e schede. Gli elementi interattivi includono un cursore, un puntatore, un punto di inserimento, una selezione e una maniglia di regolazione.

finestre

Stai visualizzando questo articolo tramite un browser Web, che, per definizione, è una finestra, proprio come il tuo programma di posta elettronica o il titolo del software Adobe. Le finestre sono aree dello schermo di un computer in cui le informazioni visualizzabili sono separate dal resto dello schermo.

Una finestra contenitore racchiude altre finestre o controlli proprio come una finestra del browser consente di visualizzare e navigare in una serie di elementi, come documenti o pagine web. Oggi, console come US-DOS e UNIX vengono visualizzate tramite finestre di terminale di testo.

Ci sono anche finestre di messaggio, a volte chiamate finestre di dialogo. Queste finestre vengono aperte all'interno di un programma sulla macchina. Questi in genere ti chiedono di fornire una risposta affermativa o negativa. Ad esempio, quando modifichi un documento in un programma come Microsoft Word, potrebbe apparire una finestra di messaggio che ti chiede se questa è la mossa che desideri fare.

Menu

Quando usi un mouse, un dito o un altro dispositivo di puntamento, molto probabilmente stai eseguendo un comando attraverso l'elemento successivo della GUI, i menu. Questi elementi in genere offrono un elenco di scelte, rendendo più facile per l'utente determinare cosa fare dopo. Esistono vari tipi di menu, tra cui una barra dei menu e un menu di scelta rapida. Vedrai il primo nella parte superiore dello schermo. È dotato di menu a discesa che appaiono quando si fa clic sulle parole nel menu.

I menu contestuali, al contrario, sono invisibili finché non vengono cliccati o toccati. Facendo clic con il pulsante destro del mouse su un computer di solito viene visualizzato un menu di contenuti precedentemente nascosto.

Icone

Le parti più evidenti di qualsiasi sistema GUI sono le icone. Queste piccole immagini, che si trovano su un desktop, una home page o una cartella, rappresentano oggetti diversi come un programma, un file, una pagina Web o un comando. L'icona apre il suddetto oggetto quando si fa clic.

Controlli

Sui sistemi GUI, troverai anche controlli, a volte chiamati widget. Questi elementi di controllo grafici sono un componente software essenziale, che consente all'utente di leggere o modificare (mediante modifica) le informazioni su un'applicazione. I controlli assumono varie forme, inclusi cursori, pulsanti di opzione, caselle di controllo e altro.

schede

Infine, ci sono le schede. Questi elementi in genere assumono la forma di una piccola casella rettangolare o di un semplice testo. Quando si fa clic, viene visualizzato un elenco di oggetti o sezioni simili. Le schede, ad esempio, sono un componente essenziale nei browser web. Quando fai clic sulle schede, puoi spostarti tra due o più siti Web contemporaneamente senza chiuderne un altro. Ogni scheda contiene una pagina web separata.

Elementi interattivi principali della GUI

Nessuno di noi apprezzerebbe appieno cosa significa GUI per l'informatica se non fosse per gli strumenti sviluppati per spostarsi tra le varie funzionalità. Questi elementi interattivi si sono evoluti nel corso degli anni e includono cursori, puntatori e molti altri.

UN puntatore è un oggetto grafico che si muove sullo schermo di un computer utilizzando un mouse o un touchpad. I puntatori avviano clic, tocchi e trascinamenti familiari. UN cursore è un tipo di puntatore e indica la tua posizione esatta su un display. Una linea verticale lampeggiante mostra la posizione di un cursore.

Un punto di inserimento è dove si verificheranno i comandi avviati dall'utente, ad esempio, all'interno di app di testo o quando si utilizza l'operazione di copia-incolla. UN selezione è un elenco di elementi in cui avvengono le operazioni dell'utente. Gli utenti di solito aggiungono elementi a questo elenco manualmente, anche se non sempre. Infine, an maniglia di regolazione è un indicatore di un punto di partenza per un'operazione di trascinamento della selezione. Una casella che appare sugli angoli e sui bordi di una finestra, ad esempio, è una maniglia di regolazione.

Molto da vedere

In molti aspetti, Tutto quanto sullo schermo di un computer è una GUI. Sebbene caratteristiche ed elementi siano migliorati nel corso degli anni, i concetti di base sono rimasti gli stessi per decenni. Senza questi, l'informatica sarebbe molto diversa.