Skip to main content
LanguageItaliano
Nozioni di base4 minuti di letturaOttobre 2026

Cos'è uno stato vuoto in UX?

Risposta breve

Uno stato vuoto è ciò che mostra una schermata quando non c'è ancora nulla da visualizzare: una nuova casella di posta, un carrello vuoto, una ricerca senza risultati o un elenco cancellato dai filtri. Uno stato vuoto valido spiega il motivo per cui è vuoto e indica chiaramente il passaggio successivo, ad esempio la creazione del primo elemento o la modifica della ricerca.

Punto chiave

  • Tipi: primo utilizzo, cancellato dall'utente, nessun risultato ed errore o nessun accesso
  • Spiega perché lo schermo è vuoto in parole semplici
  • Offri un'azione chiara che lo riempia
  • Mantieni le illustrazioni e le animazioni piccole e amichevoli, senza mai intralciare l'azione
  • Scrivi una copia diversa per ogni tipo di stato vuoto

Le schermate vuote sono facili da dimenticare perché i progettisti di solito lavorano con dati campione. Nel prodotto reale, ogni nuovo utente li incontra per primo, quindi modellano la prima impressione più di quasi qualsiasi altro schermo.

Esistono quattro tipi comuni. Gli stati vuoti al primo utilizzo compaiono prima che la persona abbia creato qualcosa. Gli stati cancellati dall'utente vengono visualizzati dopo aver terminato o eliminato tutto, ad esempio un elenco di cose da fare vuoto. Gli stati senza risultati vengono visualizzati dopo una ricerca o un filtro. E gli stati di errore o di mancato accesso compaiono quando i dati non possono essere mostrati affatto.

Ogni tipo ha bisogno di parole diverse. Uno stato di primo utilizzo dovrebbe spiegare a cosa serve lo schermo e invitare alla prima azione: "Ancora nessun progetto. Crea il tuo primo progetto". Uno stato senza risultati dovrebbe aiutare le persone a riprendersi: mostrare ciò che hanno cercato e offrire la possibilità di cancellare i filtri. Uno stato purificato può essere un piccolo momento di ricompensa.

Le immagini sono facoltative. Una piccola illustrazione o un'animazione delicata possono rendere lo schermo più amichevole e un personaggio animato può guidare un utente alle prime armi. Mantieni un approccio leggero, assicurati che l'azione sia la cosa più visibile e non fare affidamento sull'immagine per spiegare lo stato.

Se desideri un personaggio animato amichevole per uno stato vuoto, ExodeUI, che creiamo, ha una libreria gratuita di mascotte interattive che vengono eseguite come file ExodeUI e reagiscono all'input.

Domande frequenti

Cosa dovrebbe includere uno stato vuoto?

Un titolo breve, una frase che spiega perché è vuoto o a cosa serve lo schermo e un'azione chiara. L'illustrazione è facoltativa.

Cos'è uno stato zero?

Un altro nome per uno stato vuoto, solitamente il tipo di primo utilizzo mostrato prima che qualcuno abbia aggiunto qualsiasi contenuto.

Come si progetta uno stato senza risultati?

Ripeti il ​​termine di ricerca, suggerisci correzioni ortografiche o termini più ampi e proponi di cancellare i filtri. Non lasciare mai alla persona un'area vuota.

Gli stati vuoti dovrebbero essere animati?

Possono esserlo, se l'animazione è piccola, non si ripete in modo distratto e rispetta le impostazioni di movimento ridotto. L'azione conta più dell'animazione.

Guide ed esempi correlati

Aggiungi un personaggio amichevole agli schermi vuoti

Scegli tra mascotte interattive gratuite che reagiscono al cursore e ai tocchi e inseriscile nella tua app o nel tuo sito web.

Sfoglia mascotte gratuite
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →