Condividi tramite


Caselle di gruppo

Nota

Questa guida alla progettazione è stata creata per Windows 7 e non è stata aggiornata per le versioni più recenti di Windows. Gran parte delle linee guida si applica ancora in linea di principio, ma la presentazione e gli esempi non riflettono le linee guida di progettazione correnti.

Una casella di gruppo è una cornice rettangolare etichettata che racchiude un set di controlli correlati. Una casella di gruppo è un modo per mostrare visivamente le relazioni; oltre a fornire una chiave di accesso per un gruppo di controlli, non fornisce alcuna funzionalità.

schermata della casella di gruppo contenente le caselle di controllo

Casella di gruppo tipica.

Nota

Le linee guida relative al layout vengono presentate in un articolo separato.

 

È il controllo giusto?

Sebbene le caselle di gruppo siano un mezzo visivo sicuro per indicare le relazioni, sovrautilizzarle aggiunge confusione visive e riduce notevolmente lo spazio disponibile in una superficie. Sono visivamente pesanti e devono essere usati con moderazione, solo quando non c'è una soluzione migliore.

Una tendenza di progettazione in Windows è un aspetto più semplice e pulito eliminando le linee inutili.

Per decidere se è necessaria una casella di gruppo, considerare queste domande:

  • È presente più di un controllo nel gruppo? In caso contrario, usare invece un'etichetta di testo normale. Un'eccezione rara consiste nell'usare una casella di gruppo con un singolo controllo per mantenere la coerenza con altre caselle di gruppo nella stessa superficie.

Risposta errata:schermata della casella di gruppo contenente una casella di testo

In questo esempio la casella di gruppo ha un solo controllo.

  • I controlli sono correlati? La visualizzazione della relazione aggiunge chiarezza? In caso contrario, presentare i controlli separatamente all'esterno di una casella di gruppo.
  • Tutti i controlli all'interno del gruppo? In tal caso, indicare la relazione sulla superficie più grande, ad esempio la finestra di dialogo padre o la pagina.

Risposta errata:schermata della casella di gruppo contenente tutti i controlli

In questo esempio tutti i controlli ,a parte i pulsanti di commit, nella finestra di dialogo si trovano all'interno della casella di gruppo.

  • È possibile comunicare efficacemente le relazioni usando solo il layout? In tal caso, usare invece il layout . È possibile posizionare controlli correlati l'uno accanto all'altro e inserire una spaziatura aggiuntiva tra controlli non correlati. È anche possibile usare intestazioni e rientri per visualizzare le relazioni gerarchiche.

figura di quattro icone che mostrano quattro gruppi di attività

In questo esempio viene usato solo il layout per visualizzare le relazioni di controllo.

  • È possibile comunicare efficacemente le relazioni usando un separatore? In tal caso, usare invece un separatore. Un separatore è una linea orizzontale che unifica i controlli sottostanti. I separatori offrono un aspetto più semplice e pulito. Tuttavia, a differenza delle caselle di gruppo, funzionano meglio quando si estendono per tutta la larghezza della superficie.
    • Gli sviluppatori: È possibile implementare un separatore con un rettangolo di incisione con un'altezza di uno.

Screenshot che mostra i controlli di posta elettronica impostati a parte per separatori rettangoli di recupero.

In questo esempio i separatori etichettati vengono usati per visualizzare le relazioni di controllo.

screenshot dei controlli impostati per separatori

In questo esempio i separatori senza etichetta vengono usati per visualizzare le relazioni di controllo.

  • È possibile comunicare efficacemente le relazioni senza testo? In tal caso, è consigliabile usare elementi grafici come sfondi o aggregatori.

Indicazioni

  • Non annidare le caselle di gruppo. Usare il layout per visualizzare le relazioni all'interno di una casella di gruppo.

Risposta errata:screenshot di una casella di gruppo all'interno di una casella di gruppo

In questo esempio, le caselle di gruppo annidate generano confusione nell'oggetto visivo non necessario.

Risposta esatta:screenshot degli stessi controlli all'interno di una casella di gruppo

In questo esempio viene invece visualizzata la stessa relazione di controllo usando il layout.

  • Non inserire controlli nelle etichette delle caselle di gruppo.
    • Eccezione: È possibile usare una casella di controllo come etichetta di casella di gruppo se tutti i controlli all'interno della casella sono abilitati e disabilitati dalla casella di controllo.

Risposta errata:screenshot dell'elenco a discesa in un'etichetta casella di gruppo

In questo esempio un elenco a discesa viene inserito erroneamente in una casella di gruppo. In questo esempio devono essere utilizzate le schede .

  • Non disabilitare le caselle di gruppo. Per indicare che un gruppo di controlli non è attualmente applicabile, disabilitare tutti i controlli all'interno della casella di gruppo, ma non la casella di gruppo stessa. Questo approccio è più accessibile e può essere supportato in modo coerente da tutti i framework dell'interfaccia utente.

Etichette

  • Etichettare tutte le caselle di gruppo.
  • Non assegnare una chiave di accesso all'etichetta. In questo modo non è necessario e rende le altre chiavi di accesso più difficili da assegnare. Assegnare invece le chiavi di accesso ai controlli all'interno della casella di gruppo.
    • Eccezione: Se una superficie include molti controlli, potrebbe non essere disponibile un numero sufficiente di tasti di scelta. In tal caso, ridurre il numero di chiavi di accesso assegnandole a caselle di gruppo anziché ai controlli all'interno delle caselle di gruppo.
  • Usare la maiuscola in stile frase.
  • Scrivere l'etichetta usando un sostantivo o una frase sostantiva, non come frase, e non usare punteggiatura finale, inclusi i due punti.
  • Usare la formulazione parallela per le etichette delle caselle di gruppo all'interno della stessa superficie.
  • Mantenere concise le etichette delle caselle di gruppo. Non usare il testo informativo come etichetta. È tuttavia possibile avere testo informativo all'interno della casella di gruppo.
  • Non ripetere l'etichetta della casella di gruppo nelle etichette di controllo all'interno della casella. Ad esempio, se la casella di gruppo è etichettata Allineamento, etichettare i pulsanti di opzione A sinistra, Destra e così via, non Allineamento a sinistra o Allineamento destro.
  • Non fare riferimento alle caselle di gruppo nel testo dell'interfaccia utente.

Documentazione

Quando si fa riferimento a caselle di gruppo:

  • Fare riferimento alle caselle di gruppo solo nel programmatore e in altre documentazioni tecniche. Per la casella di gruppo, usare due parole minuscole.
  • Altrove, non è necessario includere il nome della casella di gruppo in una routine, a meno che una finestra di dialogo non contenga più opzioni con lo stesso nome. In questi casi, usare under con il nome della casella di gruppo.
  • Quando possibile, formattare l'etichetta usando il testo in grassetto. In caso contrario, inserire l'etichetta tra virgolette solo se necessario per evitare confusione.

Esempio: in Effetti selezionare Nascosto.