L’acronimo UI si riferisce a qualsiasi interfaccia tra un essere umano e una macchina, che sia basata su testo, voce o gesti. La GUI, invece, è solo una forma particolare: quella che utilizza elementi grafici visualizzati sullo schermo. Comprendere la differenza tra GUI e UI consente di fare le scelte di design corrette fin dall’inizio di un progetto digitale, piuttosto che confondere il tutto con una delle sue parti.
GUI, CLI, VUI: le tre famiglie di interfacce utente in pratica
Parlare di UI senza specificare di che tipo si tratta equivale a parlare di veicolo senza distinguere una bicicletta da un camion. L’interfaccia utente (UI) è un termine generico che copre diverse famiglie tecniche, ognuna con le proprie restrizioni di design e casi d’uso.
| Tipo di interfaccia | Abbreviazione | Modalità di interazione | Esempio concreto |
|---|---|---|---|
| Interfaccia grafica | GUI | Clic, tocco, scorrimento su elementi visivi (pulsanti, icone, menu) | Applicazione mobile, software desktop, sito web |
| Interfaccia a linea di comando | CLI | Immissione di comandi testuali in un terminale | Terminale Linux, PowerShell, Git Bash |
| Interfaccia vocale | VUI | Comandi vocali, feedback sonoro o vocale | Assistenti vocali (Alexa, Siri), chioschi vocali |
| Interfaccia naturale | NUI | Gestualità, movimenti corporei, sguardo | Visori di realtà mista, Kinect |
La GUI è un sottoinsieme dell’UI, non un sinonimo. Un progetto può combinare diversi tipi di interfacce: un’app di navigazione automobilistica associa una GUI (mappa sullo schermo) e una VUI (istruzioni vocali). Entrambe rientrano nell’UI, ma le loro restrizioni di design divergono completamente.
Per approfondire la definizione dell’interfaccia GUI e le sue specificità rispetto ad altre forme di UI, è necessario esaminare ciò che la distingue a livello tecnico: il livello grafico intermedio tra il sistema e l’utente.
Progettazione di un’interfaccia grafica (GUI): gli elementi che la differenziano da un’UI non visiva
Una GUI si basa su un vocabolario visivo strutturato. Ogni elemento visualizzato sullo schermo svolge un ruolo preciso nell’interazione, ed è questo livello grafico che la separa dalle altre forme di UI.
I componenti tipici di una GUI includono:
- Finestre, pannelli e schede che organizzano lo spazio di lavoro e segmentano i compiti
- Pulsanti, caselle di controllo e menu a discesa che attivano azioni o impostano scelte
- Feedback visivi (barre di avanzamento, animazioni di caricamento, cambi di colore al passaggio del mouse) che confermano all’utente che il suo comando è stato preso in considerazione
- Una tipografia, una palette di colori e una griglia di layout che definiscono la gerarchia delle informazioni
Una CLI, al contrario, non dispone di nessuno di questi elementi. L’utente digita un comando, il sistema restituisce testo. Il carico cognitivo si basa interamente sulla memorizzazione della sintassi. La GUI trasferisce questo carico verso il riconoscimento visivo, rendendola più accessibile agli utenti non tecnici, ma più complessa da progettare e mantenere.
Una VUI presenta un altro problema di progettazione: l’assenza totale di schermo. Il designer deve strutturare un dialogo, anticipare le ambiguità vocali, gestire il rumore ambientale. Gli strumenti, le competenze e i deliverable non hanno nulla in comune con quelli di un designer GUI.
Accessibilità e norme: come la regolamentazione europea ridefinisce il legame tra UI e GUI
La distinzione tra UI e GUI assume una dimensione concreta con le obbligazioni legali di accessibilità in Europa. Dal 28 giugno 2025, il European Accessibility Act (Direttiva (UE) 2019/882) è applicabile nei 27 paesi dell’UE per un ampio ventaglio di prodotti e servizi digitali di largo consumo: e-commerce, servizi bancari, trasporti, telecomunicazioni, libri digitali.
Questa direttiva si basa tecnicamente sulla norma europea EN 301 549, che incorpora i criteri WCAG 2.1 livello AA per i contenuti digitali. In pratica, qualsiasi interfaccia grafica destinata al pubblico in Europa deve rispettare requisiti dettagliati di contrasto, navigazione da tastiera, leggibilità e compatibilità con i lettori di schermo.
Impatto sulla progettazione delle GUI
Un pulsante che non soddisfa il rapporto di contrasto richiesto da WCAG 2.1 AA non è più solo una cattiva scelta estetica: è un difetto di conformità legale. I chioschi touchscreen self-service devono anche seguire EN 301 549 e WCAG 2.1 AA, con l’obbligo di pubblicare una dichiarazione di accessibilità.
WCAG 2.2, pubblicata a dicembre 2024, introduce nuovi criteri che modificano il design delle GUI senza essere ancora pienamente richiesti dalla normativa. I designer GUI devono quindi anticipare due livelli di conformità simultanei.
E le interfacce non grafiche?
La norma EN 301 549 non si limita alle GUI. Copre anche le interfacce vocali e le interfacce a linea di comando, ma con criteri diversi. La conformità di un’UI dipende dal tipo di interfaccia implementata. Un assistente vocale dovrà rispondere a requisiti di chiarezza e velocità, non di contrasto visivo. Questa è un’illustrazione molto diretta del motivo per cui confondere UI e GUI porta a errori di specifica in un capitolato.
Scegliere tra GUI e altre forme di UI in base al contesto del prodotto
La scelta del tipo di interfaccia non dipende da una preferenza, ma da un’analisi del contesto d’uso. Un operatore in sala server che esegue comandi ripetitivi sarà più veloce con una CLI che con una GUI. Un cliente che consulta un catalogo prodotti sul proprio telefono ha bisogno di una GUI tattile ottimizzata.
La domanda da porre non è “GUI o non GUI”, ma “quale tipo di UI corrisponde alle restrizioni dell’utente, dell’ambiente e della normativa”. In un veicolo in movimento, una VUI riduce la distrazione visiva. Su un chiosco pubblico, la GUI deve integrare aree tattili sufficientemente ampie per rispettare le norme di accessibilità.
Il tipo di UI determina le competenze del team di progettazione. Un progetto GUI coinvolge designer UI, sviluppatori front-end e specialisti in accessibilità visiva. Un progetto VUI richiede linguisti computazionali e designer conversazionali. Confondere questi ambiti fin dalla fase di definizione genera ritardi e costi aggiuntivi durante lo sviluppo.
La distinzione tra GUI e UI non è quindi un dibattito di vocaboli. Essa struttura le decisioni tecniche, di bilancio e normative di un progetto digitale fin dalle sue prime fasi.
