Cos’è una Graphical User Interface (GUI)?

I tempi in cui i computer erano materia esclusiva di scienziati e sviluppatori software sono ormai lontani. Al giorno d’oggi, praticamente tutti possono utilizzare un PC o un tablet, spesso anche senza una particolare conoscenza informatica preesistente. Ma questo ha richiesto lo sviluppo di interfacce grafiche, una forma di interfaccia utente.

I primi concetti di interfaccia grafica utente sono stati introdotti negli anni '70 dalla società Xerox. L’obiettivo principale era quello di utilizzare i PC con il mouse e la tastiera, anziché usare le istruzioni testuali. Xerox Alto è stato il primo PC dotato di GUI. Negli anni '80 seguì Apple con il Macintosh. Con lo sviluppo di smartphone e tablet, il principio dell’interfaccia grafica si è evoluto in modo significativo, tanto che oggi i display si possono usare anche con movimenti delle dita e gesti.

GUI è l’interfaccia che consente l’interazione uomo-macchina. Il suo scopo è quello di riprodurre il codice nel back end di un sistema nel modo più semplice possibile, per semplificarne il lavoro quotidiano. I simboli e le immagini sono particolarmente importanti in questo caso, perché consentono un utilizzo universale e indipendente dal testo. Per esempio, quasi tutti sanno com’è fatta l’icona del Wi-Fi, mentre la parola che la indica può variare da una lingua all’altra.

La GUI è un’interfaccia utente che permette agli utenti di comunicare con il computer. L’interazione più comune è tramite mouse e tastiera (anche se nel frattempo è diventato sempre più importante il comando tramite gesti): quando muoviamo il mouse di un computer, il cursore si muove sul nostro schermo. Il segnale del dispositivo viene trasmesso al computer, che lo traduce nel movimento corrispondente sullo schermo. Ad esempio, quando un utente clicca su una determinata icona di un programma nel menu di selezione, viene eseguita l’applicazione corrispondente e il programma viene aperto.

L’interfaccia grafica è quindi una sorta di traduttore nella comunicazione uomo-macchina. Senza l’interfaccia grafica, i programmi e le applicazioni andrebbero richiamati tramite comandi nella riga di comando. Il comando per aprire Explorer, ad esempio, apparirebbe così:

Una Graphical User Interface combina l’aspetto grafico e le funzioni di programmazione, offrendo pulsanti, menu a tendina, campi di navigazione, campi di ricerca, icone e widget. Gli sviluppatori devono porre particolare attenzione alla facilità di utilizzo. Le componenti principali della GUI sono:

• Caselle
• Finestre
• Canvas
• Frame
• Pulsanti
• Intestazioni
• Campi di testo

Il cestino è un buon esempio di elemento che si trova nella maggior parte dei sistemi operativi ed è rappresentato graficamente come un cestino sia su Windows, sia su Mac. Questo rende immediatamente chiaro all’utente a cosa serva il cestino: eliminare documenti e file.

Quando scrivono le GUI, gli sviluppatori si affidano alla programmazione basata su eventi perché non possono prevedere cosa farà l’utente. Pertanto, le GUI non possono essere programmate in modo imperativo, ma devono essere scritte in modo da eseguire un comando solo quando l’utente dà il segnale.

Un’interfaccia grafica efficace deve prima di tutto agevolare l’esperienza utente. Durante la progettazione, è importante che la GUI consenta una gestione intuitiva da parte dell’utente. Pertanto, per raggiungere quest’obiettivo, è necessaria una buona comprensione delle esigenze e delle preferenze degli utenti. Un design orientato alla user experience mira a fornire all’utente ciò che si aspetta dall’applicazione. Quando si sviluppa una GUI bisogna assolutamente tenere conto dei seguenti aspetti:

• Interfacce semplici: si consiglia di evitare elementi di design non necessari e di scegliere denominazioni semplici e facilmente comprensibili.
• Layout orientato allo scopo: ogni pagina deve essere ben strutturata e ogni elemento deve svolgere una funzione chiara.
• Coerenza: quando si utilizzano più componenti ed elementi di grafica, è importante che vi sia armonia tra loro.
• Design e tipografia: le unità di design, i colori e il testo devono evidenziare gli elementi in primo piano o in background. È anche importante utilizzare font e dimensioni dei caratteri che siano appropriati alla funzione e facilmente riconoscibili.
• Aggiornamenti degli utenti: una GUI dovrebbe anche informare su errori e cambiamenti di stato.

Le interfacce utente grafiche si sono affermate perché offrono agli utenti numerosi vantaggi, ma presentano anche qualche svantaggio. Vi spieghiamo i punti di forza e di debolezza delle GUI nella tabella sottostante.