Sdílet prostřednictvím


Skupinové rámečky

Poznámka

Tento průvodce návrhem byl vytvořen pro Windows 7 a nebyl aktualizován pro novější verze Windows. Většina pokynů se stále používá v zásadě, ale prezentace a příklady neodráží naše aktuální pokyny k návrhu.

Pole skupiny je označený obdélníkový rámeček, který obklopuje sadu souvisejících ovládacích prvků. Pole skupiny představuje způsob, jak vizuálně zobrazit relace; kromě poskytnutí přístupového klíče pro skupinu ovládacích prvků neposkytuje žádné funkce.

snímek obrazovky se zaškrtávacími políčky obsahujícími zaškrtávací políčka

Typický skupinový rámeček.

Poznámka

Pokyny týkající se rozložení jsou uvedeny v samostatném článku.

 

Je to správná kontrola?

I když jsou skupinové rámečky silným vizuálním prostředkem označující relace, jejich nadměrné používání přidává vizuální nepotřebné prvky a výrazně snižuje dostupné místo na povrchu. Jsou vizuálně náročné a měly by se používat střídmě – pouze v případě, že neexistuje lepší řešení.

Trend návrhu ve Windows je jednodušší a čistější vzhled odstraněním nepotřebných čar.

Pokud chcete rozhodnout, jestli je skupinové pole nutné, zvažte tyto otázky:

  • Je ve skupině více než jeden ovládací prvek? Pokud ne, použijte místo toho popisek prostého textu. Výjimkou je použití skupinového rámečku s jedním ovládacím prvek, který udržuje konzistenci s jinými skupinovými rámečky na stejném povrchu.

Nesprávná odpověď:snímek obrazovky skupinového pole obsahujícího jedno textové pole

V tomto příkladu má pole skupiny pouze jeden ovládací prvek.

  • Souvisí ovládací prvky? Zobrazuje se relace přehledně? Pokud ne, prezentujte ovládací prvky odděleně mimo skupinové pole.
  • Jsou všechny ovládací prvky uvnitř skupiny? Pokud ano, označte relaci na větší ploše, například nadřazené dialogové okno nebo stránka.

Nesprávná odpověď:snímek obrazovky skupinového rámečku obsahujícího všechny ovládací prvky

V tomto příkladu jsou všechny ovládací prvky (kromě tlačítek potvrzení) v dialogovém okně uvnitř skupinového pole.

  • Můžete efektivně komunikovat relace pomocí samotného rozložení? Pokud ano, použijte rozložení. Související ovládací prvky můžete umístit vedle sebe a umístit nadbytečné mezery mezi nesouvisejícími ovládacími prvky. K zobrazení hierarchických relací můžete použít také nadpisy a odsazení.

obrázek čtyř ikon zobrazující čtyři skupiny úkolů

V tomto příkladu se k zobrazení relací ovládacích prvků používá samotné rozložení.

  • Můžete relace efektivně komunikovat pomocí oddělovače? Pokud ano, použijte místo toho oddělovač. Oddělovač je vodorovná čára, která sjednocuje ovládací prvky pod ním. Oddělovače poskytují jednodušší a přehlednější vzhled. Na rozdíl od skupinových polí ale fungují nejlépe, když překlenují plnou šířku povrchu.
    • vývojáři: Můžete implementovat oddělovač s vyklopeným obdélníkem s výškou jednoho.

Snímek obrazovky znázorňující ovládací prvky e-mailu, které jsou odděleny oddělovači obdélníků

V tomto příkladu se k zobrazení vztahů ovládacích prvků používají oddělovače označených popiskem.

snímek obrazovky ovládacích prvků nastavených oddělovači

V tomto příkladu se k zobrazení relací ovládacích prvků používají neoznačené oddělovače.

  • Můžete efektivně komunikovat relace bez textu? Pokud ano, zvažte použití grafických prvků, jako jsou pozadí nebo agregátory.

Pokyny

  • Nevnořujte skupinová pole. Pomocí rozložení můžete zobrazit relace v rámci skupinového pole.

Nesprávná odpověď:snímek obrazovky skupinového rámečku v poli skupiny

V tomto příkladu mají vnořené skupinové rámečky za následek nepotřebné vizuální nepotřebné prvky.

Správně:snímek obrazovky stejných ovládacích prvků v jednom skupinovém rámečku

V tomto příkladu se pomocí rozložení zobrazí stejná relace ovládacích prvků.

  • Nevkládejte ovládací prvky do popisků skupinového rámečku.
    • Výjimka: Zaškrtávací políčko můžete použít jako popisek skupinového pole, pokud jsou všechny ovládací prvky v poli povolené a zakázané zaškrtávacím políčku.

Nesprávná odpověď:snímek obrazovky s rozevíracím seznamem u popisku skupinového pole

V tomto příkladu je rozevírací seznam nesprávně umístěn do skupinového pole. Tento příklad by měl místo toho používat karty .

  • Nezakažujte skupinová pole. Pokud chcete označit, že se skupina ovládacích prvků aktuálně nepoužije, zakažte všechny ovládací prvky v poli skupiny, ale ne samotné pole skupiny. Tento přístup je přístupnější a může být konzistentně podporován všemi architekturami uživatelského rozhraní.

Popisky

  • Označte všechna pole skupiny.
  • Nepřiřaďte k popisku přístupový klíč. To je zbytečné a znesnadňuje přiřazení ostatních přístupových klíčů. Místo toho přiřaďte ovládacím prvkům v poli skupiny přístupové klávesy.
    • Výjimka: Pokud má povrch mnoho ovládacích prvků, nemusí být k dispozici dostatek přístupových klíčů. Pokud ano, snižte počet přístupových klíčů jejich přiřazením do skupinových polí místo ovládacích prvků v rámci skupinových polí.
  • Použijte velká písmena ve stylu věty .
  • Napište popisek pomocí podstatných jmen nebo podstatných jmen, ne jako věty, a nepoužívejte koncovou interpunkci včetně dvojtečky.
  • Pro popisky skupinového rámečku na stejném povrchu použijte paralelní formulaci.
  • Popisky skupinových polí nechte stručné. Nepoužívejte jako popisek instrukční text. V poli skupiny ale můžete mít instrukční text.
  • Neopakujte popisek skupinového rámečku v popiscích ovládacího prvku v poli. Pokud je například pole skupiny označeno jako Zarovnání, označte tlačítka možností Vlevo, Vpravo a tak dále, nikoli Zarovnání doleva nebo Doprava.
  • Neodkazujte na skupinová pole v textu uživatelského rozhraní.

Dokumentace

Při odkazech na pole seskupit:

  • Informace o skupinových polích najdete pouze v programátorské a jiné technické dokumentaci. Pro pole skupiny použijte dvě malá písmena.
  • Všude jinde není nutné do procedury zahrnout název pole skupiny, pokud dialogové okno neobsahuje více než jednu možnost se stejným názvem. V takových případech použijte pod názvem pole skupiny.
  • Pokud je to možné, naformátujte popisek tučným písmem. V opačném případě vložte popisek do uvozovek, pouze pokud je to nutné, aby se zabránilo nejasnostem.

Příklad: V části Efektyvyberte Skryté.