Grupprutor

Not

Den här designguiden skapades för Windows 7 och har inte uppdaterats för nyare versioner av Windows. Mycket av vägledningen gäller fortfarande i princip, men presentationen och exemplen återspeglar inte vår nuvarande designvägledning.

En gruppruta är en märkt rektangulär ram som omger en uppsättning relaterade kontroller. En gruppruta är ett sätt att visa relationer visuellt. förutom att eventuellt tillhandahålla en åtkomstnyckel för en grupp kontroller, ger den inga funktioner.

En typisk gruppruta.

Not

Riktlinjer som rör layout visas i en separat artikel.

 

Är det här rätt kontroll?

Grupprutor är ett starkt visuellt sätt att indikera relationer, men om du överanvänder dem ökar det visuella skräpet och minskar avsevärt det tillgängliga utrymmet på en yta. De är visuellt tunga och bör användas sparsamt – bara när det inte finns någon bättre lösning.

En designtrend i Windows är ett enklare, renare utseende genom att eliminera onödiga linjer.

Tänk på följande frågor för att avgöra om en gruppruta är nödvändig:

• Finns det mer än en kontroll i gruppen? Om inte använder du en oformaterad textetikett i stället. Ett sällsynt undantag är att använda en gruppruta med en enda kontroll för att upprätthålla konsekvens med andra grupprutor på samma yta.

Felaktig:

I det här exemplet har grupprutan bara en enda kontroll.

• Är kontrollerna relaterade? Ger det en tydligare bild av relationen? Annars kan du visa kontrollerna separat utanför en gruppruta.
• Finns alla kontroller i gruppen? I så fall anger du relationen på den större ytan, till exempel den överordnade dialogrutan eller sidan.

Felaktig:

I det här exemplet finns alla kontroller (förutom incheckningsknapparna) i dialogrutan i grupprutan.

• Kan du effektivt kommunicera relationerna med hjälp av layouten ensam? I så fall använder du layout i stället. Du kan placera relaterade kontroller bredvid varandra och placera extra avstånd mellan orelaterade kontroller. Du kan också använda rubriker och indrag för att visa hierarkiska relationer.

I det här exemplet används enbart layout för att visa kontrollrelationer.

• Kan du effektivt kommunicera relationerna med hjälp av en avgränsare? I så fall använder du en avgränsare i stället. En avgränsare är en vågrät linje som förenar kontrollerna under den. Avgränsare ger ett enklare, renare utseende. Men till skillnad från grupprutor fungerar de bäst när de sträcker sig över hela ytans bredd.
  • Utvecklare: Du kan implementera en avgränsare med en etsad rektangel med en höjd på en.

I det här exemplet används etiketterade avgränsare för att visa kontrollrelationer.

I det här exemplet används omärkta avgränsare för att visa kontrollrelationer.

• Kan du effektivt kommunicera relationerna utan text? I så fall bör du överväga att använda grafiska element som bakgrunder eller aggregatorer.

Riktlinjer

• Kapsla inte grupprutor. Använd layout för att visa relationer i en gruppruta.

Felaktig:

I det här exemplet resulterar de kapslade grupprutorna i onödig visuell oreda.

Rätt:

I det här exemplet visas samma kontrollrelation med hjälp av layout i stället.

• Placera inte kontroller i gruppruteetiketter.
  • Undantag: Du kan använda en kryssruta som en gruppruteetikett om alla kontroller i rutan är aktiverade och inaktiverade av kryssrutan.

Felaktig:

I det här exemplet placeras en listruta felaktigt i en gruppruta. Det här exemplet bör använda flikar i stället.

• Inaktivera inte grupprutor. Om du vill ange att en grupp kontroller för närvarande inte gäller inaktiverar du alla kontroller i grupprutan, men inte själva grupprutan. Den här metoden är mer tillgänglig och kan stödjas konsekvent av alla gränssnittsramverk.

Etiketter

• Etikettera alla grupprutor.
• Tilldela inte en åtkomstnyckel till etiketten. Detta är onödigt och gör de andra åtkomstnycklarna svårare att tilldela. Tilldela i stället åtkomstnycklar till kontrollerna i grupprutan.
  • Undantag: Om en yta har många kontroller kanske det inte finns tillräckligt med tillgängliga åtkomstnycklar. I så fall minskar du antalet åtkomstnycklar genom att tilldela dem till grupprutor i stället för kontrollerna i grupprutorna.
• Använd versalisering i meningsformat.
• Skriv etiketten med ett substantiv eller en substantivfras, inte som en mening, och använd inga avslutande skiljetecken, inklusive kolon.
• Använd parallell frasering för gruppruteetiketter på samma yta.
• Behåll gruppruteetiketter koncisa. Använd inte instruktionstext som etikett. Du kan dock ha instruktionstext i grupprutan.
• Upprepa inte gruppruteetiketten i kontrolletiketterna i rutan. Om grupprutan till exempel är märkt Justering, etiketterar du alternativknapparna Vänster, Höger och så vidare, inte Vänsterjustering eller Högerjustering.
• Referera inte till grupprutor i användargränssnittstext.

Dokumentation

När du refererar till grupprutor:

• Se endast grupprutor i programmerare och annan teknisk dokumentation. För gruppruta använder du två gemener.
• Överallt annars är det inte nödvändigt att inkludera namnet på grupprutan i en procedur om inte en dialogruta innehåller fler än ett alternativ med samma namn. I sådana fall använder du under med grupprutans namn.
• Formatera etiketten med fet text när det är möjligt. Annars placerar du etiketten endast inom citattecken om det behövs för att förhindra förvirring.

Exempel: Under Effekterväljer du Dold.