Come progettare stati vuoti e ricerche senza risultati

Un elenco progetti vuoto può significare che una persona non ha mai creato un progetto. Può anche significare che la sua ricerca non ha trovato progetti corrispondenti. Le schermate possono contenere lo stesso rettangolo vuoto, ma richiedono spiegazioni e azioni diverse.

La differenza pratica è la causa dell’assenza. Una raccolta realmente vuota richiede un inizio o la spiegazione di come arrivano i contenuti. Una ricerca senza risultati richiede di modificare query, filtri o ambito che nascondono contenuti esistenti. Mandare entrambi a «Crea progetto» può trasformare un problema di ricerca in lavoro duplicato.

L’assenza di risultati è un tipo di stato vuoto. La distinzione utile è fra raccolta vuota e interrogazione senza corrispondenze: la prima cambia quando arriva il contenuto, la seconda quando cambia la richiesta.

Chiedi cosa farebbe comparire il contenuto

Prima del titolo, completa: qui apparirebbe contenuto se la persona facesse cosa? Spesso basta per distinguere una vista utile da una generica.

Se la risposta è «creasse il primo progetto», la schermata può spiegare cosa contiene un progetto e offrire quell’azione. Se è «rimuovesse il filtro Archiviati», dovrebbe aiutare a cambiare il filtro. Se è «attendesse la fine di una richiesta», l’interfaccia sta ancora caricando. Se è «riottenesse il permesso», un pulsante di creazione può essere irrilevante o indisponibile.

La domanda evita anche di scambiare zero righe visibili per prova che non esistano dati. La vista può sapere soltanto che nessun record accessibile corrisponde alla richiesta. Il messaggio deve rispettare questa conoscenza senza affermare di più sull’intero spazio.

L’articolo NN/G sugli stati vuoti spiega l’utilità di descrivere lo stato del sistema e offrire un percorso appropriato. Avverte anche contro i messaggi senza risultati mentre il contenuto carica. È una base; la decisione dipende da ciò che l’app sa di raccolta e richiesta.

Power BI spiega l’arrivo dei contenuti; NexTag mostra il peso della gerarchia

L’articolo NN/G include la vista recenti di Microsoft Power BI: aprire un contenuto lo fa apparire in Recents. Il dettaglio è causale. Non implica che l’account sia vuoto o che si debba creare qualcosa.

Un caso contrastante appare nella ricerca NN/G sulle pagine senza risultati. In una pagina storica NexTag, un partecipante non notò il piccolo messaggio di assenza di corrispondenze e guardò il contenuto più evidente sotto. Il tracciato dello sguardo non registrò fissazioni sul messaggio stesso. Esistevano suggerimenti di recupero, ma il partecipante non aveva visto il motivo per cui servivano.

La lezione non è che ogni vista vuota richieda un titolo enorme. Il messaggio Power BI ha un compito locale: spiegare una vista dentro uno spazio già esistente. Una pagina di ricerca deve interrompere l’aspettativa che l’area principale contenga risultati corrispondenti. Dai allo stato il risalto sufficiente per il contesto, poi rendi facile trovare l’azione utile. Illustrazioni decorative e raccomandazioni estranee possono compromettere la sequenza anche quando il testo è tecnicamente presente.

Scegli lo stato dai fatti, non da un array vuoto

Una risposta di lunghezza zero non basta. La richiesta può essere in corso, fallita, limitata o riuscita senza dati. Il messaggio va scelto da stato e ambito oltre al conteggio visibile.

La tabella diventa particolarmente utile nelle transizioni. Inserisci una query, sostituiscila immediatamente con un’altra e lascia tornare le risposte nell’ordine opposto. La vista deve mostrare lo stato della richiesta attiva. Una vecchia risposta vuota non dovrebbe cancellare il risultato riuscito più recente. È un difetto del flusso dati: un’altra illustrazione non lo risolverà.

Una domanda pratica di revisione è «Cosa faresti ora?». Mostra la schermata senza descriverne prima lo stato. Se una persona sceglie Crea perché non trova la query conservata, i controlli di recupero richiedono attenzione. Se aspetta perché la vista sembra incompleta, chiarisci se l’elaborazione è finita. Registra l’interpretazione, non soltanto il clic sul pulsante previsto: un clic corretto per caso può nascondere uno stato frainteso.

Scrivi per la causa

Primo utilizzo: un inizio credibile

La vista del primo utilizzo dovrebbe aiutare a capire l’oggetto che si sta per creare. «Qui non c’è ancora niente» riconosce il vuoto, ma non spiega lo scopo dell’area. «Tieni insieme brief dei progetti, link e note di revisione» offre a una persona nuova una ragione più concreta per cominciare.

Abbina la spiegazione a un’azione realmente disponibile. Se per creare un progetto basta un nome, «Crea progetto» può aprire quel piccolo primo passo. Se la configurazione richiede un servizio esterno, l’azione dovrebbe nominare il collegamento. Un pulsante che sembra semplice e apre un flusso inaspettatamente complesso può creare un nuovo problema appena risolto quello del vuoto.

La quantità di spiegazione dovrebbe corrispondere alla familiarità probabile. Chi apre uno spazio progetti per la prima volta può apprezzare un breve esempio. Chi ha cancellato deliberatamente l’ultima ricerca salvata probabilmente non ha bisogno di un’introduzione alla ricerca. La raccolta è vuota in entrambi i casi, ma le conoscenze sono diverse.

Fai attenzione al contenuto campione. Le righe dimostrative rendono tangibile un concetto, ma devono essere inequivocabilmente etichettate come esempi e non sembrare dati propri della persona. Se il progetto campione include «Approvato dal cliente», chi lo rivede non deve poterlo scambiare per un’approvazione reale. Lo stato vuoto riduce l’incertezza, non la sostituisce con una finzione attraente.

Nessun risultato: cambia la richiesta

«Nessun risultato trovato» dice che la ricerca è finita, ma non ne esplicita ragione e recupero. Un messaggio utile conserva la relazione tra richiesta ed esito. Per la ricerca, mantieni la query inserita visibile e modificabile. Per i filtri, lascia visibili quelli attivi. Altrimenti la persona deve ricordare cosa ha chiesto prima di decidere cosa cambiare.

Un titolo chiaro per l’esempio potrebbe essere «Nessun progetto corrisponde a “lancio autunnale”». Se il filtro data è la restrizione probabile, puoi aggiungere «L’intervallo attuale è 1–7 ottobre». È informazione utile anche se l’applicazione non sa stabilire se l’assenza dipenda dalla query o dalle date.

Scegli azioni di recupero che cambino la condizione pertinente. «Rimuovi filtro data» è più preciso di «Ricomincia» con un solo filtro data attivo. «Cancella tutti i filtri» va bene se li elimina davvero; se lascia intatta la query, la formulazione dovrebbe rendere comprensibile la distinzione. Un reset che cambia silenziosamente ricerca e ambito dei filtri può sorprendere chi voleva cambiare soltanto una cosa.

Le indicazioni NN/G per ricerche senza risultati suggeriscono un esito evidente, vie avanti e tono non derisorio. Applica al compito: progetti, cataloghi e documenti legali richiedono suggerimenti e immagini diversi.

Se mostri alternative suggerite, spiega cosa sono. «Progetti correlati» non dovrebbe sembrare il risultato della query senza corrispondenze. Metti prima la spiegazione e assegna alla raccolta alternativa una propria etichetta. Non si dovrebbe dover ricostruire il motivo per cui, dopo una ricerca specifica, sono comparsi elementi apparentemente irrilevanti.

Afferma solo ciò che il sistema può stabilire

«Non esistono progetti» è ampio. «Nessun progetto con questi filtri» è più stretto. «Nessun progetto visibile a te in questo spazio» è un altro confine. Decidi dalle prove, non dalla frase che sta in una riga.

Questo conta con contenuti privati o limitati. Un risultato vuoto non significa necessariamente che l’oggetto sia assente: la persona potrebbe non poterlo vedere. Il team deve decidere cosa si può rivelare e quali recuperi sono appropriati. Il design non dovrebbe svelare l’esistenza di record riservati solo per rendere più specifico un messaggio vuoto.

Anche senza vincoli di permesso, una vista può conoscere solo parte della situazione. Gli indici possono aggiornarsi dopo il salvataggio e le importazioni essere ancora in corso. Se l’applicazione sa che un’importazione è attiva, può descriverlo. Se non lo sa, evita promesse rassicuranti sull’arrivo imminente degli elementi mancanti.

Per lo spazio fittizio: query riuscita con zero corrispondenze produce «Nessun progetto corrispondente»; raccolta confermata a zero produce «Ancora nessun progetto». Una query non riuscita non produce nessuno dei due messaggi. Così la rete non prende il tono ottimista del primo uso.

Conserva la struttura che facilita il prossimo passo

Una vista vuota può essere più calma di un elenco popolato mantenendo comunque i controlli utili. Ricerca, chip dei filtri, titolo e ambito della raccolta aiutano a capire dove ci si trova. Eliminarli tutti per un’illustrazione centrata può rendere lo schermo attraente ma il recupero più difficile.

Nel nostro elenco senza risultati, mantieni il campo ricerca nella stessa posizione e lo spazio selezionato visibile. Metti la spiegazione nell’area dei risultati. La persona può così modificare la richiesta senza cercare un controllo spostato perché è cambiato il conteggio.

Una schermata di primo utilizzo ha più libertà: non ci sono righe da confrontare e un’introduzione più grande può essere appropriata. Mantieni comunque navigazione familiare e titolo chiaro. Prima di premere il pulsante si deve sapere se il progetto verrà creato nello spazio personale o condiviso del team.

Non far dipendere l’ingombro da una sola breve frase inglese. Prova nomi di progetto più lunghi, messaggi tradotti più lunghi e filtri su due righe. Le viste vuote vengono spesso disegnate a larghezze desktop comode, poi compresse in pannelli laterali. Un design che funziona solo con «No items» non è pronto per contenuti realistici.

Scegli l’azione utile che richiede meno sforzo

Un’azione di recupero dovrebbe far avanzare senza scartare lavoro inutilmente. Se la persona ha scelto con cura spazio, intervallo di date e responsabile, cancellare tutto è un reset importante. Può risolvere l’assenza di risultati, ma distrugge anche il contesto che stava cercando di indagare.

Offri una modifica minore quando il sistema la supporta. Rimuovere un singolo filtro può servire più di cancellare tutta la richiesta. Ampliare le date può conservare una parola chiave rilevante. Tornare alla cartella padre può dare più informazioni che rimandare alla home dell’applicazione.

Non suggerire che l’azione più piccola garantisca il successo. «Rimuovi filtro data» descrive onestamente un’operazione; «Mostra i tuoi progetti» promette un esito che l’interfaccia potrebbe non sapere di poter fornire. Con un conteggio preliminare disponibile e affidabile il prodotto può suggerire di più; altrimenti mantieni fattuale l’etichetta.

Creare può ancora essere utile senza risultati, ma di solito come percorso secondario. Si può cercare un progetto prima di decidere di crearlo. Offri questa strada senza presentarla come unico recupero. Se i duplicati sono costosi, valuta di spiegare che la ricerca copriva lo spazio attuale invece di proporre troppo presto un nuovo oggetto.

Percorri la stessa pagina nel tempo

La revisione più rivelatrice è una sequenza breve, non una raccolta di screenshot vuoti isolati. Inizia da un elenco popolato, applica un filtro con zero corrispondenze, rimuovilo e conferma il ritorno dell’elenco originale. Poi crea una raccolta davvero vuota e confronta messaggio e azione.

Nello spazio fittizio, una persona parte da sei progetti nella raccolta attuale. Sceglie un responsabile senza progetti nella settimana selezionata. L’area risultati comunica zero corrispondenze e lascia visibili i controlli di responsabile e data. Eliminare il filtro data ripristina gli eventuali progetti corrispondenti nel periodo più ampio, conservando la persona scelta.

Passa ora a un nuovo spazio senza progetti. La stessa area presenta lo scopo dei progetti e ne offre la creazione. Rimuovere filtri è inutile: nessuno è attivo e la raccolta sottostante è vuota. L’interfaccia può condividere tipografia e spaziatura con il primo stato senza condividerne il messaggio.

Sono questioni d’implementazione oltre che di design. Un confronto statico specifica il comportamento desiderato; l’app funzionante richiede test sui tempi delle richieste e sui cambi di stato. Tieni la revisione su quel piccolo percorso, senza estenderla a un catalogo scollegato di tutti gli stati possibili.

Adatta il tono alla situazione

Preferiti personali vuoti possono essere leggeri e accoglienti. Un audit log vuoto durante un incidente richiede calma e precisione. Sorriso e «Cominciamo!» non vanno bene a entrambi.

Considera la preoccupazione più probabile. Un nuovo utente può chiedere «Cosa appartiene qui?». Chi cerca un file noto può domandare «Ho perso l’accesso, scelto la posizione sbagliata o digitato il nome errato?». Chi controlla lavoro completato può volere solo conferma che non resti nulla. È più facile scegliere il tono con la domanda sottostante esplicita.

Non congratularti soltanto perché l’elenco ha zero righe. Una coda vuota può significare compiti finiti, ma anche un filtro che li nasconde. Per celebrare serve una condizione positiva confermata. Se l’app non la può stabilire, una spiegazione neutra è più affidabile.

Evita anche di scusarti per il normale primo utilizzo. Una raccolta nuova senza record non ha nulla di intrinsecamente sbagliato. Riserva il linguaggio d’interruzione alle vere interruzioni e lascia che le viste vuote ordinarie sembrino una parte normale del prodotto.

Le illustrazioni devono meritare spazio

Un’illustrazione può spiegare cosa apparirà nella raccolta o distinguere primo uso e ricerca. Non dovrebbe spingere l’azione utile sotto la prima schermata né far sentire la pagina un vicolo cieco. Se togliere l’immagine rende più chiaro il messaggio, rivedi la composizione anziché difendere la decorazione.

Per lo spazio di lavoro, un disegno lineare sobrio di scheda progetto può mostrare i tipi di informazioni contenute. La vista senza risultati può richiedere soltanto un piccolo simbolo di ricerca perché query e filtri danno già il contesto. I due stati possono condividere una famiglia visiva senza la stessa grande immagine.

Mantieni le spiegazioni essenziali come vero testo dell’interfaccia. Un’illustrazione rinforza la relazione tra filtro e risultato, ma il testo deve avere senso anche senza immagine. Conta soprattutto con minuscole etichette nitide nel file di design e illeggibili in un layout stretto.

Verifica la distinzione in OpenDesign

Un’anteprima HTML supportata in OpenDesign facilita il confronto. Costruisci raccolta vuota e ricerca senza risultati con testi realistici, modifica manualmente testo o stili e verifica i viewport predefiniti. I commenti in chat possono identificare esattamente messaggio o azione da rivedere.

Per una revisione utile, chiedi a qualcuno cosa sia successo su ogni schermata e cosa farebbe dopo. Non presentarle prima come «primo utilizzo» e «vuoto filtrato»: quelle etichette suggeriscono la risposta che deve comunicare il design. Se entrambe producono la stessa interpretazione, la differenza non è ancora abbastanza chiara.

Controlla anche nell’app query attiva, permessi e reset: devono scegliere il messaggio valutato nel design.

Una piccola decisione evita un grande equivoco

Prima dell’approvazione, leggi il titolo come affermazione fattuale e verifica che l’app sappia abbastanza. Leggi l’azione come promessa di cambiamento e verifica che il controllo lo produca.