Tooltip

Categoria:

Progetta

Tempo di lettura stimato 3 min • Aggiornato il 20 gennaio 2026

Il tooltip è un piccolo testo che spiega o chiarisce un elemento senza bloccare il flusso. Deve essere breve, chiaro e comprensibile da solo. Non deve contenere informazioni obbligatorie o link e pulsanti.

Cos'è il tooltip

Il tooltip è un micro-testo che chiarisce, integra o contestualizza un elemento (come un'icona, un pulsante o un'etichetta), aggiungendo un’informazione supplementare non essenziale. Supporta l’utente senza interrompere il flusso e va scritto in modo breve, specifico e comprensibile anche se letto da solo.    

Non usare il tooltip quando:    

  • il contenuto è indispensabile per completare l’attività;
  • contiene elementi interattivi, come link, pulsanti o immagini;
  • l’informazione deve rimanere sempre visibile;
  • serve a compensare etichette o interfacce poco chiare.

In questi casi usa un testo di supporto fisso o un altro componente.

Tipologie di tooltip

  • Informativo: fornisce una definizione o un chiarimento di contesto, ad esempio a termini, acronimi o regole semplici. Non suggerisce azioni.
  • Orientativo: suggerisce come procedere in un’azione facoltativa, ovvero quando e/o come farla. Non rende l’azione obbligatoria né nasconde passaggi critici.

Tooltip informativo

Chiarisce un termine, un acronimo o una regola non critica. Completa quanto già comunicato dall’interfaccia, senza duplicarlo.

  • Aggiungi una sola informazione nuova e utile. Evita ridondanze con label o testi vicini.
  • Non spostare nei tooltip contenuti essenziali, come errori, vincoli critici, istruzioni obbligatorie.
  • Scrivi una frase o due al massimo. Se è una sola, non mettere il punto finale.
  • Evita preamboli (“Attenzione”, “Nota”), virgolette, enfasi tipografiche, link o CTA.
  • Mantieni la stessa terminologia dell’elemento a cui si riferisce, ad esempio etichetta, comando o campo.

Cosa fare
Cosa evitare
Cosa fare

Formato data: GG/MM/AAAA

Cosa evitare

Il CUP è un codice che in genere viene utilizzato per la gestione dei progetti…

Cosa fare

Numero massimo di allegati: 10

Cosa evitare

Scopri di più sulla PEC

Tooltip orientativo

Guida un’azione con indicazioni sintetiche e dirette; l’utente deve poter completare il task anche senza tooltip.

  • Inizia con un verbo: preferisci imperativoo indicativo presente.
  • Massimo 1–2 frasi: se è una sola frase, senza punto finale.
  • Per pulsanti solo-icona, usa 1–2 parole che descrivono la funzione (es. Stampa, Scarica).
  • Evita formule vaghe (clicca qui, procedi), interiezioni e burocratese; non tagliare le preposizioni.
 

Cosa fare
Cosa evitare
Cosa fare

Usa solo caratteri numerici

Cosa evitare

Effettuare l’inserimento del codice

Cosa fare

Inserisci il codice come indicato sulla tessera

Cosa evitare

Clicca qui per continuare

Cosa fare

(Icona stampante) Stampa

Cosa evitare

Cosa fare

(Icona download) Scarica PDF.

Cosa evitare

Lessico e stile

  • Non usare congiuntivo, condizionale e gerundio, è sempre preferibile coniugare le frasi al tempo presente (o al futuro, quando necessario).
  • Preferisci la forma attiva, evita la forma passiva che appesantisce la lettura.;
  • Evita l'uso di sostantivi ricavati dai verbi.
  • Scrivi frasi brevi con capitalizzazione in stile frase;
  • Mantieni la coerenza terminologica con l’elemento a cui il tooltip si riferisce.
  • Evita inglesismi e prestiti linguistici: preferisci l’italiano quando esiste un termine equivalente altrettanto chiaro;
  • Non tagliare le preposizioni quando fanno parte di una locuzione nominale.

Cosa fare
Cosa evitare
Cosa fare

Accesso con SPID e CIE

Cosa evitare

L’utilizzo della funzionalità è consentito previa abilitazione

Cosa fare

Numero massimo di allegati: 10

Cosa evitare

Check requirements before proceeding

Linee guida correlate

Modali

Banner

Notifiche toast

Notifiche push

Section message

Esprimi la tua opinione