Ogni azione ha un’attivazione esplicita?
L’hover può mostrare una scorciatoia su desktop, ma non è un’interazione primaria affidabile sul touch. Mantieni le azioni essenziali raggiungibili con un controllo etichettato. Se una card contiene più azioni, distingui la selezione della card dall’attivazione di un comando.
La prima prova può partire senza puntatore: si raggiunge l’azione, si comprende l’etichetta e si attiva da tastiera? Ripeti poi su un dispositivo touch: una finestra desktop stretta non ne verifica il comportamento.
Dove deve aprirsi il pannello?
La posizione dipende dal controllo che lo apre. Spostarlo da una barra inferiore a una navigazione superiore cambia lo spazio disponibile. Ricontrolla direzione, allineamento e dimensione massima invece di ereditare il posizionamento precedente.
Su schermi stretti, mantieni un contesto comprensibile tra azione e risultato. Un menu secondario può ridurre l’affollamento, ma nascondere al suo interno l’unica spiegazione di una selezione o di un errore può rendere il flusso meno chiaro.
Si può uscire dall’interazione in modo prevedibile?
L’apertura è metà del comportamento. Verifica interazione esterna, Escape, spostamento del focus e stato dopo il successo. Se usi un dialogo, segui il relativo pattern di tastiera e focus.
Evita di inventare un’interazione solo per riprodurre un aspetto grafico. Un componente accessibile già disponibile è un buon punto di partenza, purché se ne verifichi il comportamento nel layout finale.
Cosa resta visibile durante l’elaborazione?
Un’operazione può continuare mentre si cambia vista. Lo stato deve avere un posto riconoscibile e il risultato deve restare associato all’oggetto corretto. Uno schermo più piccolo non dovrebbe eliminare le informazioni necessarie a capire il compito.
Verifica etichette lunghe, traduzioni, ingrandimento del testo e movimento ridotto. Il layout deve funzionare anche quando le animazioni decorative si fermano e il testo occupa più spazio del previsto.
Seguire lo stesso compito con input diversi
Scegli un oggetto, apri i controlli, cambia un valore, avvia un’operazione, recupera da un errore e torna al flusso. Annota dove selezione, focus o contesto diventano poco chiari.
Questa verifica completa gli screenshot: una schermata può sembrare equilibrata anche quando il menu esce dall’area utilizzabile o la tastiera perde il punto di partenza dopo la chiusura.
- Tastiera: attivazione raggiungibile, focus visibile e ritorno prevedibile.
- Touch: apertura esplicita e chiusura raggiungibile.
- Layout: testi lunghi, larghezza ridotta e testo ingrandito.
- Attività asincrone: attesa, successo e recupero riconoscibili.