Che cosè una GUI e cosa fa per te

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 anziché 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. Sebbene questa sia stata una pietra miliare essenziale nell'adozione della GUI, bisogna risalire 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 leggera. Sketchpad è stato seguito da Stanford's On-Line System (NLS) nello stesso decennio. Sebbene il nome NLS possa essere andato perso nella cronologia, il risultato non lo è stato. Il sistema utilizzava collegamenti ipertestuali basati su testo manipolati dal primo mouse per computer al mondo.

Negli anni '70 fu introdotta la programmazione Smalltalk, che veniva eseguita sul computer Xerox Alto. La maggior parte delle GUI moderne sono derivate da questo sistema. Nel frattempo, l'interfaccia utente di 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 rapido movimento. L'Apple Lisa è stato rilasciato nel 1983, seguito dal primo Apple Macintosh molto più riuscito 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 di sistemi operativi mobili, inclusi iOS di Apple, Android di Google e molti altri. Sebbene diverso in superficie, ognuno ha utilizzato gli stessi elementi della GUI implementati per la prima volta decenni fa.

Funzionalità principali della GUI

Ciascun sistema GUI offre 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 appaiono attraverso le finestre del terminale di testo.

Ci sono anche finestre di messaggio, che a volte vengono chiamate finestre di dialogo. Queste finestre vengono aperte all'interno di un programma sul tuo computer. 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 chiede se questa è la mossa che desideri fare.

Menù

Quando si utilizza un mouse, un dito o un altro dispositivo di puntamento, è molto probabile che si stia eseguendo un comando tramite il successivo elemento 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 contestuale. 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 contenuto 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 viene cliccato.

Controlli

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

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 si fa clic sulle schede, è possibile spostarsi tra due o più siti Web contemporaneamente senza chiuderne un altro. Ogni scheda contiene una pagina Web separata.

Elementi interattivi chiave della GUI

Nessuno di noi apprezzerebbe appieno cosa significhi la 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 è il punto in cui si verificheranno i comandi avviati dall'utente, ad esempio all'interno di app di testo o quando si usa l'operazione di copia-incolla. Una selezione è un elenco di elementi in cui vengono eseguite le operazioni dell'utente. Gli utenti di solito aggiungono elementi a questo elenco manualmente, anche se non sempre. Infine, una maniglia di regolazione è un indicatore di un punto di partenza per un'operazione di trascinamento della selezione. Un riquadro che appare agli angoli e ai bordi di una finestra, ad esempio, è una maniglia di regolazione.

C'è molto da vedere

Per molti aspetti, tutto  sullo schermo di un computer è una GUI. Sebbene le caratteristiche e gli elementi siano migliorati nel corso degli anni, i concetti di base sono rimasti gli stessi per decenni. Senza questi, l'informatica sembrerebbe molto diversa.