Suggerimenti che spiegano senza intralciare
Come progettare descrizioni comandi che siano utili: brevi informazioni supplementari, accesso con il mouse e da tastiera, alternative al tocco e perché le istruzioni essenziali non appartengono mai a una descrizione comando.
Punto chiave
Le descrizioni comandi sono brevi messaggi visualizzati al passaggio del mouse o al focus della tastiera per fornire informazioni supplementari, ad esempio il significato di una metrica. Mantienili brevi, non inserire mai istruzioni essenziali, rendili raggiungibili tramite tastiera, fornisci un'alternativa basata sul tocco sui touch screen e non inserire collegamenti o pulsanti all'interno.
Cos'è un tooltip
Nielsen Norman Group definisce un tooltip come un breve messaggio informativo che appare quando un utente interagisce con un elemento, avviato dal passaggio del mouse o dalla tastiera (mantenendo lo stato attivo della tastiera su un elemento). Poiché dipendono dal passaggio del mouse, i suggerimenti non sono normalmente disponibili sui touchscreen.
Supplementare, mai essenziale
NN/g fornisce un chiaro esempio di errore: un sito che inserisce i requisiti della password in un tooltip. Le informazioni necessarie alle persone per completare un'attività dovrebbero essere sullo schermo. Le descrizioni comandi si adattano alle definizioni, alle spiegazioni del motivo per cui viene richiesto un campo e alle etichette per i pulsanti di sole icone.
Accessibilità
Rendi i tooltip utilizzabili per tutti:
- Apri con lo stato attivo della tastiera e al passaggio del mouse.
- Consenti alle persone di ignorarlo con Escape senza spostare l'attenzione.
- Tienilo aperto mentre il puntatore si sposta su di esso.
- Collegalo al suo trigger in modo che gli screen reader lo annuncino.
- Non inserire contenuti interattivi all'interno; usa invece un popover.
Suggerimenti sui dispositivi touch
Il passaggio del mouse non esiste al tocco. Utilizza un'icona di informazioni visibile che apre un piccolo popover al tocco o mostra la spiegazione in linea. Per le metriche aziendali complesse, un'icona informativa accanto all'etichetta è uno schema familiare su ogni dispositivo.
Movimento e tempismo
Un breve ritardo prima della visualizzazione evita lo sfarfallio delle descrizioni dei comandi quando il puntatore passa sugli elementi; una volta aperto, i tooltip vicini possono apparire immediatamente. Una rapida dissolvenza o una piccola scala dal grilletto aiutano le persone a vedere da dove proviene. Mantienilo sotto i 150 millisecondi circa.
Principi chiave da ricordare
- I tooltip sono brevi e supplementari
- Non nascondere mai le istruzioni essenziali in una descrizione comando
- Supporta la messa a fuoco della tastiera e la fuga
- Utilizza un'icona informazioni toccabile sui dispositivi touch
- Nessun contenuto interattivo all'interno dei tooltip
Domande frequenti
Fonti
- Tooltip Guidelines — Nielsen Norman Group