โœ๏ธ Microcopy UX writing: le piccole parole che migliorano lโ€™esperienza digitale

๐Ÿ“Œ Introduzione

Ci sono testi che leggiamo con attenzione e testi che quasi non ci accorgiamo di leggere. Quando premiamo un pulsante, compiliamo un modulo, riceviamo un messaggio di errore o cerchiamo di capire cosa succederร  dopo un pagamento, incontriamo continuamente parole minuscole per dimensione ma decisive per lโ€™esperienza. รˆ qui che entra in gioco il microcopy ux writing.

Un pulsante con scritto โ€œContinuaโ€ puรฒ sembrare innocuo. Ma continua verso cosa? Un acquisto? Una schermata di riepilogo? Un pagamento immediato? Una registrazione? Cambiare una sola parola puรฒ eliminare un dubbio che, nel momento sbagliato, potrebbe convincere una persona ad abbandonare lโ€™operazione.

SupportHost Logo
Scopri le offerte di Hosting Condiviso!

Velocitร , sicurezza e supporto italiano per il tuo sito web, l'hosting usato da Scrivimelo.it!

Scopri ora
Servizio VPN sicuro
Naviga online in modo sicuro e senza limiti

Proteggi la tua privacy, accedi ai contenuti ovunque e naviga in sicurezza su Wi-Fi pubblici. Offerta speciale: ottieni fino al 74% di sconto + 3 mesi extra con il piano di 2 anni, fino al 7 gennaio.

Scopri lโ€™offerta

Il microcopy comprende proprio questi piccoli testi distribuiti nelle interfacce digitali: etichette, pulsanti, istruzioni, messaggi di errore, conferme, placeholder, notifiche, tooltip e brevi indicazioni che accompagnano lโ€™utente mentre utilizza un sito, unโ€™applicazione o un servizio online.

Secondo Nielsen Norman Group, il microcopy รจ la forma piรน piccola di UX copy e viene utilizzato per informare rapidamente, incoraggiare unโ€™interazione e indicare quale dovrebbe essere il passo successivo. Puรฒ inoltre prevenire errori e aiutare le persone a comprendere meglio lโ€™interfaccia.

Fare microcopy ux writing non significa quindi trovare frasi brillanti da infilare nei pulsanti. Significa progettare parole che arrivino nel punto esatto in cui servono, dicano ciรฒ che lโ€™utente deve sapere e gli permettano di proseguire senza fermarsi a interpretare lโ€™interfaccia.

Vediamo come riuscirci, partendo dai principi fondamentali e arrivando a esempi concreti da adattare a siti, app, e-commerce e servizi digitali.

microcopy ux writing

๐Ÿงญ Cosโ€™รจ il microcopy UX writing e perchรฉ conta cosรฌ tanto

Il microcopy ux writing nasce dall’incontro tra scrittura e progettazione dell’esperienza utente. Il testo non viene aggiunto alla fine, quando l’interfaccia รจ ormai pronta: idealmente รจ una parte del modo in cui quella stessa interfaccia comunica e funziona.

Pensiamo alla schermata di registrazione di un servizio. Potrebbero esserci un titolo, tre campi e un pulsante. Sono poche parole, ma ognuna risponde a una domanda.

Cosa devo fare?

Quali informazioni devo inserire?

Perchรฉ mi viene chiesto il numero di telefono?

Quale formato deve avere la password?

Cosa accadrร  premendo il pulsante?

Posso tornare indietro?

Un buon microcopy risponde alle domande importanti prima che diventino ostacoli.

Il punto non รจ scrivere il meno possibile. รˆ scrivere quanto basta. Una frase di tre parole che lascia un dubbio non รจ necessariamente migliore di una frase di otto parole che lo elimina.

Consideriamo un campo destinato alla password.

โ€œPasswordโ€

รจ formalmente corretto, ma comunica pochissimo.

โ€œAlmeno 8 caratteriโ€

fornisce invece un’informazione utile prima che l’utente commetta un errore.

Ancora meglio, quando esistono piรน requisiti, l’interfaccia puรฒ mostrarli nel momento appropriato anzichรฉ aspettare che la persona scelga una password non valida per poi rimproverarla.

Questo รจ uno dei punti centrali del microcopy ux writing: il testo migliore non si limita a spiegare l’interfaccia. Contribuisce a renderla piรน facile da usare.

La differenza puรฒ sembrare minima quando analizziamo una singola frase. Diventa enorme quando pensiamo alle decine di micro-interazioni che compongono un acquisto, una prenotazione, una registrazione o la configurazione di un account.

๐ŸŽฏ Scrivere per unโ€™azione, non per riempire uno spazio

Uno degli errori piรน comuni consiste nel considerare il testo come qualcosa da inserire negli spazi lasciati liberi dal design.

C’รจ un pulsante? Serve una parola.

C’รจ un popup? Serve una frase.

C’รจ un errore? Mettiamo โ€œOperazione non riuscitaโ€.

Il microcopy ux writing funziona meglio quando il ragionamento viene capovolto: prima si identifica ciรฒ che l’utente sta cercando di fare, poi si decide quale informazione puรฒ aiutarlo a riuscirci.

Prima di scrivere qualsiasi microcopy conviene quindi rispondere ad alcune domande:

  • Dove si trova l’utente?
  • Cosa sta cercando di ottenere?
  • Cosa sa giร ?
  • Quale dubbio potrebbe avere?
  • Qual รจ il prossimo passo?
  • Quali conseguenze produce l’azione?
  • C’รจ qualcosa che potrebbe sorprenderlo?

Immaginiamo una persona che ha terminato di compilare un ordine.

Un pulsante come:

โ€œAvantiโ€

obbliga a interpretare il flusso.

Una soluzione come:

โ€œVai al pagamentoโ€

anticipa invece chiaramente il passaggio successivo.

Se il pagamento avviene immediatamente, perรฒ, anche โ€œVai al pagamentoโ€ potrebbe essere ambiguo. In quel caso potrebbe servire una formulazione ancora piรน esplicita:

โ€œPaga 42,00 โ‚ฌโ€

Il contesto determina la scelta.

Un principio utile รจ chiedersi: se eliminassi tutto il resto della schermata e lasciassi soltanto questa frase, l’utente capirebbe ancora abbastanza bene cosa sta per succedere?

Non sempre la risposta deve essere sรฌ, perchรฉ il microcopy vive dentro un’interfaccia. Ma la domanda costringe a eliminare formule generiche e a concentrarsi sull’azione reale.

๐Ÿง  Chiarezza, contesto e tono: i principi del microcopy efficace

Un buon microcopy ux writing dovrebbe essere innanzitutto comprensibile. Sembra scontato, ma molte interfacce utilizzano ancora terminologia interna all’azienda, sigle, codici tecnici o espressioni che hanno senso per chi ha progettato il sistema e molto meno per chi lo utilizza.

Se un pagamento non riesce, per esempio:

โ€œErrore transazione 5032โ€

puรฒ essere utile in un log tecnico, non necessariamente all’utente.

Meglio spiegare ciรฒ che la persona ha bisogno di sapere:

โ€œIl pagamento non รจ riuscito. Non รจ stato effettuato alcun addebito.โ€

E, quando possibile, aggiungere il passo successivo:

โ€œControlla i dati della carta o prova un altro metodo di pagamento.โ€

La chiarezza viene prima della personalitร  del brand.

Questo non significa che il tono debba essere freddo. Un’app dedicata al tempo libero puรฒ permettersi un linguaggio piรน informale rispetto al portale di una banca, ma il tono non dovrebbe mai ostacolare la comprensione.

Un altro principio รจ la coerenza.

Se l’azione viene chiamata โ€œSalvaโ€ in una schermata, โ€œConfermaโ€ in quella successiva e โ€œRegistraโ€ in una terza, l’utente potrebbe domandarsi se si tratti della stessa operazione.

Il microcopy ux writing richiede quindi anche un piccolo vocabolario condiviso: le stesse azioni dovrebbero essere indicate con termini coerenti in tutta l’esperienza.

Infine c’รจ il contesto. La stessa frase puรฒ funzionare perfettamente in un punto e risultare insufficiente in un altro.

โ€œFatto!โ€

puรฒ essere una buona conferma dopo aver modificato un’impostazione secondaria.

Dopo un bonifico, invece, รจ molto piรน utile:

โ€œBonifico disposto correttamente.โ€

Ancora meglio se l’interfaccia mostra immediatamente importo, destinatario e possibilitร  di scaricare la ricevuta.

Il microcopy deve adattarsi al peso dell’azione.

๐Ÿ–ฑ๏ธ Pulsanti e call to action: dire chiaramente cosa succederร 

I pulsanti sono uno degli esempi piรน evidenti di microcopy ux writing. Occupano pochissimo spazio e spesso contengono appena una o due parole, ma possono determinare la comprensione dell’intera schermata.

Formule generiche come:

โ€œOKโ€

โ€œInviaโ€

โ€œContinuaโ€

โ€œProcediโ€

non sono necessariamente sbagliate. Il problema nasce quando non spiegano abbastanza.

Quando possibile, la call to action dovrebbe descrivere l’azione.

Invece di:

โ€œInviaโ€

si puรฒ scrivere:

โ€œInvia la richiestaโ€

Invece di:

โ€œContinuaโ€

si puรฒ usare:

โ€œContinua al pagamentoโ€

Invece di:

โ€œConfermaโ€

puรฒ essere piรน chiaro:

โ€œConferma la prenotazioneโ€

Invece di:

โ€œScaricaโ€

si puรฒ specificare:

โ€œScarica il PDFโ€

Invece di:

โ€œRegistratiโ€

puรฒ funzionare:

โ€œCrea il tuo accountโ€

Anche i pulsanti secondari meritano attenzione.

Pensiamo a una finestra che chiede se salvare le modifiche. Le opzioni:

โ€œSรฌโ€ / โ€œNoโ€

costringono l’utente a tornare mentalmente alla domanda.

Le alternative:

โ€œSalva modificheโ€ / โ€œEsci senza salvareโ€

rendono le conseguenze immediatamente riconoscibili.

Nei processi delicati la precisione diventa ancora piรน importante.

โ€œElimina accountโ€

รจ molto piรน chiaro di โ€œConfermaโ€ dentro una finestra relativa alla cancellazione.

Il microcopy ux writing efficace evita di nascondere le conseguenze dietro parole neutre. L’obiettivo non รจ convincere qualcuno a cliccare a ogni costo, ma permettergli di decidere sapendo cosa accadrร .

๐Ÿ“ Form, placeholder e istruzioni: prevenire gli errori prima che accadano

I moduli sono uno dei luoghi in cui le parole possono far risparmiare piรน tempo.

Quando una persona compila un form, ogni dubbio rappresenta una piccola interruzione. Se non capisce quale dato inserire o in quale formato, deve tentare, aspettare la validazione e magari correggere il valore.

Un buon microcopy ux writing prova invece a prevenire il problema.

Prendiamo un campo relativo alla data.

โ€œDataโ€

รจ ambiguo.

โ€œData di nascitaโ€

รจ piรน chiaro.

Se รจ necessario un formato particolare, si puรฒ aggiungere:

โ€œGG/MM/AAAAโ€

Lo stesso vale per informazioni meno ovvie.

โ€œCodiceโ€

potrebbe diventare:

โ€œCodice ricevuto via SMSโ€

Oppure:

โ€œInserisci il codice di 6 cifre inviato al numero che termina con 42.โ€

Le istruzioni dovrebbero comparire quando sono utili, non dopo l’errore.

Anche spiegare perchรฉ viene richiesta un’informazione puรฒ ridurre l’incertezza.

Accanto al numero di telefono:

โ€œLo useremo solo per comunicazioni relative alla consegna.โ€

Accanto a un documento:

โ€œServe per verificare la tua identitร .โ€

Accanto all’indirizzo email:

โ€œQui riceverai la conferma della prenotazione.โ€

Bisogna inoltre fare attenzione ai placeholder. Un testo dentro il campo puรฒ essere utile come esempio, ma scompare quando la persona comincia a digitare. Per informazioni indispensabili รจ generalmente preferibile utilizzare un’etichetta o un testo di supporto che rimanga visibile.

Il microcopy dovrebbe alleggerire il lavoro dell’utente, non trasformare la compilazione in un piccolo esame.

โš ๏ธ Messaggi di errore: aiutare senza accusare

Gli errori sono uno dei momenti piรน delicati di qualsiasi esperienza digitale.

L’utente stava cercando di ottenere qualcosa e improvvisamente il flusso si interrompe. รˆ proprio qui che il microcopy ux writing deve essere piรน preciso.

Nielsen Norman Group raccomanda di utilizzare un linguaggio comprensibile, descrivere in modo conciso il problema e aiutare l’utente a recuperare dall’errore. Un messaggio efficace dovrebbe quindi rispondere almeno a due domande: che cosa รจ successo? e che cosa posso fare adesso?

โ€œErrore.โ€

non risponde a nessuna delle due.

โ€œEmail non valida.โ€

spiega qualcosa, ma non sempre abbastanza.

โ€œControlla l’indirizzo email: sembra mancare la parte dopo @.โ€

รจ piรน utile quando il sistema รจ realmente in grado di identificare quel problema.

Lo stesso principio vale per altri casi.

Invece di:

โ€œPassword errata.โ€

si puรฒ usare:

โ€œLa password non รจ corretta. Riprova oppure reimpostala.โ€

Invece di:

โ€œCampo obbligatorio.โ€

puรฒ essere piรน naturale:

โ€œInserisci il tuo cognome per continuare.โ€

Invece di:

โ€œErrore caricamento.โ€

si puรฒ scrivere:

โ€œNon siamo riusciti a caricare il file. Riprova tra qualche secondo.โ€

Invece di:

โ€œFormato non supportato.โ€

meglio:

โ€œQuesto formato non รจ supportato. Carica un file JPG, PNG o PDF.โ€

รˆ inoltre importante non attribuire inutilmente la colpa alla persona.

โ€œHai inserito una data sbagliataโ€

suona accusatorio.

โ€œControlla la data inseritaโ€

porta l’attenzione sulla soluzione.

Anche il momento in cui appare l’errore conta. Mostrare un avviso mentre l’utente sta ancora digitando puรฒ creare rumore e frustrazione. La validazione deve intervenire quando esiste realmente un problema, non anticiparlo.

Un buon messaggio di errore non serve a dimostrare che il sistema ha individuato uno sbaglio. Serve a far ripartire l’utente.

๐Ÿ’ฌ Conferme, notifiche e stati vuoti: dare una voce allโ€™interfaccia

Il microcopy ux writing non interviene soltanto quando qualcosa va storto. รˆ fondamentale anche quando tutto funziona.

Dopo un’azione importante, l’utente vuole sapere se รจ stata completata.

โ€œOperazione eseguita.โ€

รจ tecnicamente sufficiente.

โ€œPrenotazione confermata.โ€

รจ molto piรน informativo.

โ€œMessaggio inviato.โ€

โ€œModifiche salvate.โ€

โ€œPagamento ricevuto.โ€

โ€œFile caricato correttamente.โ€

Queste formule eliminano immediatamente il dubbio.

Quando รจ utile, la conferma puรฒ anche anticipare il prossimo passaggio:

โ€œOrdine confermato. Riceverai una email con i dettagli della spedizione.โ€

Oppure:

โ€œRichiesta inviata. Ti risponderemo entro 2 giorni lavorativi.โ€

Naturalmente una promessa temporale va utilizzata soltanto quando il servizio puรฒ davvero rispettarla.

Interessanti sono anche gli stati vuoti: schermate in cui non esistono ancora contenuti da mostrare.

โ€œNessun elemento.โ€

รจ corretto ma sterile.

โ€œNon hai ancora salvato nessun articolo.โ€

spiega la situazione.

โ€œNon hai ancora salvato nessun articolo. Quando trovi qualcosa che ti interessa, aggiungilo ai preferiti.โ€

aggiunge anche una strada da seguire.

Per una ricerca senza risultati:

โ€œNessun risultato per questa ricerca.โ€

puรฒ diventare:

โ€œNon abbiamo trovato risultati. Prova a usare meno filtri o parole piรน generiche.โ€

Ancora una volta il principio รจ lo stesso: non limitarsi a descrivere uno stato, ma aiutare l’utente a capire cosa puรฒ fare.

Il tono puรฒ inoltre diventare un elemento distintivo, purchรฉ non prenda il sopravvento sulla funzione. Una battuta puรฒ essere piacevole in uno stato vuoto secondario; molto meno durante un pagamento fallito o la perdita di dati.

La personalitร  dovrebbe arricchire la chiarezza, mai sostituirla.

๐Ÿงช Come testare e migliorare il microcopy

Anche una frase che sembra perfetta sulla carta puรฒ funzionare male nell’interfaccia reale.

Per questo il microcopy ux writing non termina quando viene scelta una formulazione. Il testo va osservato nel contesto e, quando possibile, testato.

Un primo controllo puรฒ essere estremamente semplice: leggere la schermata fingendo di non conoscere il prodotto.

รˆ chiaro cosa posso fare?

Capisco quale informazione mi viene richiesta?

So cosa succederร  dopo il clic?

Gli errori mi spiegano come correggere il problema?

Le parole utilizzate sono coerenti nelle varie schermate?

Ci sono informazioni tecniche che interessano al sistema ma non all’utente?

Si puรฒ poi osservare il comportamento reale delle persone attraverso test di usabilitร , feedback dell’assistenza, analisi dei punti di abbandono e altre forme di ricerca UX.

Se molti utenti premono โ€œIndietroโ€ subito dopo una determinata call to action, per esempio, potrebbe esserci una discrepanza tra ciรฒ che il pulsante promette e ciรฒ che la schermata successiva mostra.

Se un campo produce moltissimi errori, il problema potrebbe non essere l’utente: forse l’etichetta, il formato richiesto o l’istruzione non sono abbastanza chiari.

Anche confrontare due formulazioni puรฒ essere utile quando esiste una metrica precisa da osservare. Ma attenzione a non ridurre tutto al numero di clic. Una CTA aggressiva potrebbe ottenere piรน interazioni nel breve periodo e contemporaneamente creare aspettative sbagliate.

Il criterio principale resta la qualitร  dell’esperienza.

Prima di approvare un microcopy, puรฒ essere utile applicare una piccola checklist:

  • รˆ comprensibile al primo colpo?
  • Usa parole familiari all’utente?
  • Dice ciรฒ che serve in quel momento?
  • Elimina informazioni superflue?
  • Anticipa conseguenze importanti?
  • Aiuta a recuperare da eventuali errori?
  • Mantiene la stessa terminologia del resto dell’interfaccia?
  • Ha un tono appropriato alla situazione?
  • Funziona anche fuori dal documento in cui รจ stato scritto, cioรจ dentro il vero design?

L’ultima domanda รจ particolarmente importante. Il microcopy ux writing non รจ scrittura isolata. Una frase puรฒ sembrare lunga in un foglio e perfetta dentro un’interfaccia; oppure elegante da sola e completamente inutile accanto agli elementi visivi.

Per questo UX writer, designer, sviluppatori e product team dovrebbero lavorare sul testo insieme al comportamento dell’interfaccia. Cambiare una parola puรฒ risolvere un problema. Altre volte quella parola rivela che il vero problema รจ il flusso e che occorre modificare il design.

โœ… Conclusione: poche parole possono cambiare unโ€™esperienza

Il microcopy ux writing dimostra che la qualitร  di un testo non dipende dalla sua lunghezza. A volte bastano poche parole per eliminare un dubbio, prevenire un errore, spiegare una conseguenza o dare alla persona la sicurezza necessaria per continuare. Proprio perchรฉ questi testi sono piccoli, perรฒ, ogni parola deve avere una funzione.

La regola piรน utile รจ partire dall’utente e dall’azione. Prima di cercare una frase originale, bisogna capire cosa la persona sa, cosa vuole ottenere e quale informazione le manca in quel preciso momento. Da lรฌ diventano piรน semplici anche le altre scelte: tono, lunghezza, terminologia e livello di dettaglio. Per approfondire il lavoro sui testi digitali puoi esplorare la sezione Scrittura per il web e i social di Scrivimelo.it, mentre per lavorare sulla componente persuasiva e sulla voce del brand trovi altri contenuti in Copywriting e storytelling.

Il microcopy, inoltre, funziona meglio quando nasce da una scrittura giร  attenta alla chiarezza. Per questo puรฒ essere utile consultare anche la raccolta Migliorare la scrittura, dedicata a stile, precisione e leggibilitร . Sono competenze che nell’UX diventano ancora piรน importanti perchรฉ il lettore non sta semplicemente leggendo: sta cercando di fare qualcosa.

Per approfondire il tema dal punto di vista dell’usabilitร , la guida di Nielsen Norman Group sui messaggi di errore offre indicazioni pratiche su visibilitร , linguaggio, recupero dagli errori e riduzione dello sforzo richiesto agli utenti. รˆ un buon esempio di quanto scrittura e progettazione dell’interazione siano strettamente collegate.

Il microcopy ux writing migliore, alla fine, รจ spesso quello che quasi non si nota. L’utente non pensa che il pulsante sia scritto bene o che l’istruzione sia particolarmente brillante. Semplicemente capisce cosa fare, lo fa e prosegue. Ed รจ proprio in quella naturalezza che poche parole riescono a fare un lavoro enorme.

Torna in alto