In breve: la UX (user experience) è l'esperienza complessiva di chi usa un sito o un'app, cioè quanto è facile capire, trovare e fare quello che serve. La UI (user interface) è la parte che vedi e tocchi: colori, testi, bottoni, icone, spazi. La UX decide cosa deve succedere e in che ordine, la UI decide come appare.

Cos'è la UX (user experience)

Il Nielsen Norman Group, il riferimento internazionale sull'usabilità, definisce la user experience come l'insieme di tutti gli aspetti dell'interazione di una persona con un'azienda, i suoi servizi e i suoi prodotti. Non riguarda solo lo schermo: conta anche se la risposta arriva, se il prezzo è chiaro, se il reso è semplice.

Nel lavoro di tutti i giorni la UX risponde a domande come queste:

• Chi usa il sito e cosa sta cercando di fare?
• Quali informazioni gli servono per decidere, e in che ordine?
• In quale punto si blocca o abbandona?

Gli strumenti sono la ricerca con gli utenti, la struttura delle pagine, i flussi, i wireframe e i test di usabilità. Il risultato non è ancora un'interfaccia bella: è un percorso che funziona.

Cos'è la UI (user interface)

La user interface è lo strato visivo e interattivo: tipografia, colori, griglia, bottoni, campi dei moduli, icone, messaggi di errore, stati di caricamento. Una buona UI rende evidente cosa si può fare, guida l'occhio verso l'azione principale e resta coerente in ogni pagina.

Quando un prodotto cresce, la UI si organizza in un design system: una libreria di componenti e regole che tiene tutto coerente e fa risparmiare tempo a chi sviluppa.

La differenza tra UX e UI, in una tabella

	UX (user experience)	UI (user interface)
Domanda	Funziona? Si capisce cosa fare?	Si vede bene? È chiaro dove toccare?
Cosa produce	Struttura, flussi, wireframe, test	Schermate definitive, componenti, design system
Come si misura	Contatti, vendite, abbandoni, tempo per completare un compito	Leggibilità, coerenza, contrasto, errori di clic
Se manca	Un sito bello in cui nessuno trova cosa cerca	Un percorso logico che sembra trascurato e non ispira fiducia

Un esempio: il checkout di un e-commerce

Lavoro di UX: decidere quanti passaggi servono, permettere l'acquisto senza registrazione, mostrare le spese di spedizione prima dell'ultimo passo, scegliere quali metodi di pagamento proporre.

Lavoro di UI: un bottone di acquisto ben visibile anche da smartphone, campi grandi abbastanza da toccare con il pollice, errori scritti in modo chiaro accanto al campo sbagliato, un riepilogo leggibile a colpo d'occhio.

Se sbagli la UX, anche il checkout più elegante perde clienti. Se sbagli la UI, un percorso corretto sembra complicato. Servono tutte e due.

Un esempio: un software gestionale

Nei software che le persone usano tutto il giorno, come quelli per la logistica di magazzino, la differenza si sente ancora di più. La UX parte da come lavora davvero il reparto: quali operazioni si ripetono, quali dati servono subito, dove nascono gli errori. La UI rende quelle informazioni leggibili in fretta, con stati e priorità riconoscibili senza leggere tutto. Ne parlo anche in perché un gestionale è difficile da usare.

UX/UI designer: perché spesso è una persona sola

Nei grandi team UX designer e UI designer sono ruoli separati. Nei progetti di aziende e attività è comune che sia la stessa persona a seguire entrambe le parti, ed è un vantaggio: chi disegna l'interfaccia conosce già i motivi delle scelte fatte sul percorso. È il modo in cui lavoro, dai siti ai software e gestionali.

In entrambe le parti entra l'accessibilità: contrasto dei colori, testi leggibili, comandi usabili anche da tastiera. Le linee guida WCAG 2.2 del W3C sono il riferimento.

Gli errori più comuni

• Partire dalla grafica. Si sceglie lo stile prima di sapere cosa deve fare la pagina.
• Confondere bello con chiaro. Un effetto elegante che nasconde il bottone principale costa contatti.
• Non provarlo con nessuno. Bastano poche persone che usano il sito davanti a te per scoprire i problemi più grossi.

Se il sito o il software esiste già, il primo passo è un UX audit: mostra dove le persone si bloccano prima di cambiare qualsiasi cosa.

Fonti

• Nielsen Norman Group – The Definition of User Experience (UX)
• Nielsen Norman Group – 10 Usability Heuristics for User Interface Design
• W3C – Web Content Accessibility Guidelines (WCAG) 2.2

Altri articoli su Siti web e design

• Dark mode: perché l'AI la preferisce
• Quanto costa davvero la manutenzione di un sito WordPress
• Test di usabilità con 5 utenti: come farli senza budget
• Esempi di design system: cosa imparare da Google, Apple e IBM
• Come progettare una dashboard leggibile
• Gestionale difficile da usare: 7 errori di UX e come correggerli
• UX audit: cos'è e come si fa (con checklist)
• Come creare un sito web: la guida da dove partire
• Come creare un sito di vendita online: la guida da dove partire
• Landing page o sito web: quando basta una pagina e quando serve il sito
• Sito web per professionisti e studi: cosa deve avere
• Sito immobiliare collegato al gestionale: gli annunci si aggiornano da soli
• Sito web per agenzie immobiliari: cosa deve avere
• Sito web per parrucchieri: cosa serve per riempire l'agenda
• Web agency o freelance a Rimini: come scegliere
• 10 domande da fare prima di scegliere chi rifà il tuo sito
• Sito web per ristoranti a Rimini: cosa deve avere
• Sito per stabilimenti balneari: la guida per la Riviera
• Natale: landing page regalo che vendono (il metodo Diffusione Luce)
• Tendenze web design e UX/UI 2027
• Restyling prima della stagione: il calendario per gli hotel della Riviera
• Sito per hotel: 10 elementi per più prenotazioni dirette
• Come creare un portale web o una piattaforma online
• Tutti gli articoli su Siti web e design

Approfondisci

• Realizzazione siti web a Rimini
• UX/UI design di software e gestionali
• UI design e design system
• Tutti gli articoli del blog

Domande frequenti