Una schermata vuota è spesso la prima cosa che vede un nuovo utente. Deve dire perché è vuota e cosa fare dopo. Testa ogni lista, feed o schermata di dati della tua app con questi stati.
La checklist
- Primo utilizzo, account appena creato. - Perché: è la primissima impressione dopo la registrazione. - Come verificare: crea un account nuovo e apri ogni scheda principale. Ognuna mostra una spiegazione e un passo successivo, non un'area vuota.
- Un'azione successiva chiara. - Perché: «Non c'è niente qui» senza un pulsante è un vicolo cieco. - Come verificare: ogni stato vuoto ha un'unica azione ovvia (aggiungi, importa, sfoglia) e funziona.
- Nessun risultato dalla ricerca. - Perché: l'utente deve distinguere «nessuna corrispondenza» da «rotto». - Come verificare: cerca una stringa senza senso. La schermata riporta la query e suggerisce una modifica, come controllare l'ortografia o rimuovere i filtri.
- Risultati esclusi dai filtri. - Perché: gli utenti dimenticano che i filtri sono attivi e pensano che i dati siano spariti. - Come verificare: imposta filtri che non corrispondono a nulla. La schermata dice che i filtri sono attivi e offre «Rimuovi filtri».
- Tutto eliminato. - Perché: l'ultimo elemento rimosso non deve lasciare una lista rotta. - Come verificare: elimina ogni elemento uno alla volta. Compare lo stato vuoto, senza intestazione, conteggio o riga residua obsoleti.
- Contatori e badge a zero. - Perché: «0 elementi» accanto a un layout che sembra pieno confonde. - Come verificare: senza dati, controlla badge delle schede, totali e card riepilogative. Devono mostrare zero o nascondersi, in modo coerente.
- Stato vuoto contro caricamento contro errore. - Perché: mostrare «vuoto» mentre i dati sono ancora in caricamento, o dopo un caricamento fallito, inganna. - Come verificare: rallenta la rete e fai fallire una richiesta. Lo stato vuoto deve comparire solo dopo un caricamento riuscito con zero elementi. Vedi la checklist per gli stati di errore.
- Vuoto dipendente dai permessi. - Perché: una lista di foto vuota può significare che l'accesso è stato negato. - Come verificare: nega il permesso. La schermata spiega il motivo e rimanda alle impostazioni invece di dire «nessuna foto».
- Il contenuto compare quando arrivano i dati. - Perché: la schermata può restare bloccata sullo stato vuoto. - Come verificare: dallo stato vuoto aggiungi o sincronizza un elemento. La lista si aggiorna senza riavvio.
- Layout e immagini.
- Perché: illustrazioni troppo grandi spingono l'azione fuori schermo sui dispositivi piccoli.
- Come verificare: guarda gli stati vuoti su un telefono piccolo, un telefono grande, in orizzontale e con testo grande. L'azione resta visibile.
- Testi e lingua.
- Perché: i testi tristi o colpevolizzanti danno fastidio, e le stringhe non tradotte sono comuni proprio qui.
- Come verificare: leggi ogni stato vuoto in ciascuna lingua supportata.
- Accessibilità.
- Perché: l'arte decorativa non deve nascondere il messaggio.
- Come verificare: con uno screen reader, testo e azione devono essere letti in un ordine sensato e l'immagine va saltata o descritta.
Correlati
Torna a tutte le checklist · Checklist per gli stati di caricamento · Checklist per ricerca e filtri
I nuovi utenti incontrano per primi le tue schermate vuote. Inizia qui per vederle con gli occhi di qualcun altro: feedback privati e strutturati, 1 feedback = 1 credito.