HomeCasa Microcopy e design degli stati vuoti, di errore e di caricamento
Crea l’inventario degli stati vuoti, di errore, di caricamento e di successo di una schermata, con titolo, testo, azione principale e note di accessibilità pronte per il team. Pensato per ChatGPT, Claude, Gemini e Microsoft Copilot. Include 5 variabili personalizzabili e puoi copiarlo gratuitamente con un clic.
Principiante · Testo · In attesa di revisione editoriale
Prompt
Agisci come UX writer e product designer con esperienza su interfacce SaaS.
Contesto:
- Prodotto: {{prodotto}}
- Schermata o funzionalità: {{schermata}}
- Tipo di utente: {{utente}}
- Tono di voce: {{tono}}
- Errori reali che possono verificarsi: {{errori}}
Consegne:
1. Inventario degli stati della schermata: primo utilizzo (vuoto iniziale), nessun risultato di ricerca o filtro, vuoto dopo aver eliminato tutto, caricamento, caricamento lento, errore di connessione, errore di permessi, errore di validazione, errore del server, successo e dati parziali. Aggiungi quelli mancanti in base al contesto.
2. Per ogni stato: quando appare, titolo (max 40 caratteri), testo di supporto (max 120), azione principale, azione secondaria se serve e suggerimento visivo (illustrazione, icona, skeleton).
3. Regole di microcopy per questo prodotto: dire cosa è successo, perché e cosa può fare l'utente; non dargli mai la colpa; non mostrare mai solo codici tecnici.
4. Note di accessibilità per stato: annuncio con aria-live quando cambia il contenuto, gestione del focus dopo un errore, non affidarsi solo al colore, testo alternativo per le illustrazioni.
5. Tre varianti dello stato vuoto di primo utilizzo da testare con gli utenti.
Vincoli:
- Non inventare funzionalità o limiti del prodotto; usa [DA COMPLETARE] quando manca un dato.
- Mantieni un tono {{tono}} coerente in tutti gli stati.
- Se non è chiaro cosa può fare l'utente dopo un errore, chiedimelo prima di scrivere.
Formato: tabella con colonne Stato, Attivatore, Titolo, Testo, Azione principale, Azione secondaria, Visual, Accessibilità; poi regole e varianti.Come usarlo
- Indica la schermata precisa e gli errori che il tuo sistema registra davvero. 2. Rivedi la tabella con gli sviluppatori per confermare ogni attivatore. 3. Copia i testi nel file di design o nel sistema di traduzioni.
Esempio d'uso
Prodotto: app di gestione progetti · Schermata: elenco attività · Utente: team leader · Tono: amichevole · Errori: offline, nessun permesso di modifica.
Esempio di risultato
Stati dell'elenco attività
| Stato | Quando appare | Titolo | Testo | Azione principale | Secondaria | Visual | Accessibilità |
|---|---|---|---|---|---|---|---|
| Primo utilizzo | Progetto appena creato | Qui troverai le tue attività | Aggiungi la prima e dividi il lavoro con il team. | Crea attività | Importa elenco | Illustrazione elenco vuoto | Alt vuoto (decorativa) |
| Nessun risultato | Filtri senza corrispondenze | Niente con questi filtri | Prova un altro stato o assegnatario. | Rimuovi filtri | — | Icona lente | Annunciare con aria-live="polite" |
| Offline | Rete assente | Sei offline | Abbiamo salvato le modifiche e le invieremo appena torni online. | Riprova | — | Nuvola barrata | Non affidarsi solo al colore |
| Sessione scaduta | Token scaduto | La sessione è scaduta | Accedi di nuovo per continuare; quello che stavi scrivendo resta qui. | Accedi | — | Icona lucchetto | Spostare il focus sul pulsante |
| Nessun permesso | Utente in sola lettura | Puoi solo visualizzare questo progetto | Chiedi l'accesso in modifica a chi lo gestisce. | Richiedi accesso | — | Icona occhio | Spiegare, non solo disattivare |
| File troppo grande | Allegato oltre il limite | Questo file è troppo grande | Il limite è [DA COMPLETARE: limite reale]. Prova a comprimerlo. | Scegli un altro file | — | Icona documento | Errore collegato al campo con aria-describedby |
Regole di microcopy
- Di' cosa è successo, perché e cosa può fare la persona.
- Mai colpevolizzare: «Non siamo riusciti…», non «Hai sbagliato…»…
Dati chiave
- Categoria
- Design UI/UX · App SaaS
- Tipo di output
- Testo
- Livello
- Principiante
- Pensato per
- ChatGPT, Claude, Gemini e Microsoft Copilot
- Verificato in
- In attesa di verifica editoriale
- Variabili
- Prodotto, Schermata o funzionalità, Tipo di utente, Tono di voce e Errori reali
- Lingua
- Italiano
- Prezzo
- Gratuito, senza registrazione
- Aggiornato
- 07/11/2026
Domande frequenti
Che differenza c’è tra stato vuoto di primo utilizzo e stato senza risultati?
Il primo deve spiegare il valore della funzionalità e invitare a creare il primo elemento. Il secondo deve aiutare a modificare o azzerare ricerca e filtri.
Bisogna mostrare il codice di errore?
Solo come informazione secondaria per l’assistenza. Il messaggio principale deve essere chiaro e dire cosa fare dopo.
A cosa serve questo prompt?
Crea l’inventario degli stati vuoti, di errore, di caricamento e di successo di una schermata, con titolo, testo, azione principale e note di accessibilità pronte per il team.
Con quali strumenti di IA funziona?
È pensato per ChatGPT, Claude, Gemini e Microsoft Copilot. Non lo abbiamo ancora verificato in questi strumenti, quindi i risultati possono variare da uno all'altro.
Come personalizzo il prompt?
Clicca su «Personalizza» e compila le variabili (Prodotto, Schermata o funzionalità, Tipo di utente, Tono di voce e Errori reali). Il testo si aggiorna all'istante e poi puoi copiarlo con un clic. I valori vengono salvati solo nel tuo browser.
Serve esperienza per usarlo?
No. È un prompt di livello principiante: basta compilare i dettagli e incollarlo nel tuo strumento di IA.
Questo prompt è gratuito?
Sì. Tutti i prompt di HomeCasa Prompts sono gratuiti, senza registrazione né abbonamento. Puoi usarli anche in progetti professionali.
Posso fidarmi dell'output dell'IA?
Consideralo una bozza di alta qualità: verifica sempre dati, cifre e affermazioni importanti prima di pubblicare o prendere decisioni.