Udostępnij za pośrednictwem


Pola grup

Nuta

Ten przewodnik projektowania został utworzony dla systemu Windows 7 i nie został zaktualizowany dla nowszych wersji systemu Windows. Większość wskazówek nadal ma zastosowanie w zasadzie, ale prezentacja i przykłady nie odzwierciedlają naszych bieżących wskazówek dotyczących projektowania.

Pole grupy to prostokątna ramka z etykietą, która otacza zestaw powiązanych kontrolek. Pole grupy to sposób wizualnego pokazywania relacji; oprócz ewentualnego udostępnienia klucza dostępu dla grupy kontrolek, nie zapewnia funkcji.

zrzut ekranu pola grupy zawierającego pola wyboru

Typowe pole grupy.

Nuta

Wskazówki dotyczące układu przedstawiono w osobnym artykule.

 

Czy jest to właściwa kontrola?

Podczas gdy pola grup są silnymi środkami wizualnymi wskazującymi relacje, nadmiernie je dodaje bałagan wizualny i znacznie zmniejsza ilość miejsca dostępnego na powierzchni. Są one wizualnie ciężkie i powinny być używane oszczędnie — tylko wtedy, gdy nie ma lepszego rozwiązania.

Trend projektowania w systemie Windows jest prostszy, czystszy wygląd poprzez wyeliminowanie niepotrzebnych linii.

Aby zdecydować, czy pole grupy jest konieczne, należy wziąć pod uwagę następujące pytania:

  • Czy w grupie znajduje się więcej niż jedna kontrolka? Jeśli nie, zamiast tego użyj etykiety zwykłego tekstu. Rzadkim wyjątkiem jest użycie pola grupy z jedną kontrolką w celu zachowania spójności z innymi polami grup na tej samej powierzchni.

niepoprawne:zrzut ekranu pola grupy zawierającego jedno pole tekstowe

W tym przykładzie pole grupy ma tylko jedną kontrolkę.

  • Czy kontrolki są powiązane? Czy pokazanie relacji powoduje dodanie jasności? Jeśli nie, należy przedstawić kontrolki oddzielnie poza polem grupy.
  • Czy wszystkie kontrolki znajdują się wewnątrz grupy? Jeśli tak, wskaż relację na większej powierzchni, na przykład w oknie dialogowym nadrzędnym lub na stronie.

niepoprawne:zrzut ekranu przedstawiający pole grupy zawierające wszystkie kontrolki

W tym przykładzie wszystkie kontrolki (oprócz przycisków zatwierdzania) w oknie dialogowym znajdują się w polu grupy.

  • Czy można skutecznie komunikować relacje przy użyciu samego układu? Jeśli tak, użyj układu. Powiązane kontrolki można umieszczać obok siebie i umieszczać dodatkowe odstępy między niepowiązanymi kontrolkami. Możesz również użyć nagłówków i wcięcia, aby wyświetlić relacje hierarchiczne.

rysunek czterech ikon przedstawiający cztery grupy zadań

W tym przykładzie sam układ służy do pokazywania relacji sterujących.

  • Czy można skutecznie komunikować relacje przy użyciu separatora? Jeśli tak, użyj separatora. Separator to linia pozioma, która łączy poniżej kontrolki. Separatory zapewniają prostszy, czystszy wygląd. Jednak w przeciwieństwie do pól grupowych, działają najlepiej, gdy obejmują pełną szerokość powierzchni.
    • Deweloperzy: Można zaimplementować separator z wyrytym prostokątem o wysokości jednej.

Zrzut ekranu przedstawiający kontrolki poczty e-mail rozdzielone separatorami prostokątów.

W tym przykładzie separatory oznaczone etykietami są używane do pokazywania relacji kontrolek.

zrzut ekranu kontrolek ustawionych przez separatory

W tym przykładzie separatory bez etykiet są używane do pokazywania relacji sterujących.

  • Czy można skutecznie komunikować relacje bez tekstu? Jeśli tak, rozważ użycie elementów graficznych, takich jak tła lub agregatorów.

Wytyczne

  • Nie zagnieżdżaj pól grupowych. Użyj układu, aby wyświetlić relacje w polu grupy.

niepoprawne:zrzut ekranu pola grupy w polu grupy

W tym przykładzie zagnieżdżone pola grup powodują niepotrzebne zaśmiecanie wizualne.

poprawna:zrzut ekranu przedstawiający te same kontrolki w jednym polu grupy

W tym przykładzie ta sama relacja sterowania jest wyświetlana przy użyciu układu.

  • Nie umieszczaj kontrolek w etykietach pól grupy.
    • Wyjątek: Pole wyboru można użyć jako etykiety pola grupy, jeśli wszystkie kontrolki wewnątrz pola są włączone i wyłączone przez to pole wyboru.

niepoprawne:zrzut ekranu listy rozwijanej na etykiecie pola grupy

W tym przykładzie lista rozwijana jest niepoprawnie umieszczona w polu grupy. W tym przykładzie zamiast tego należy użyć kart .

  • Nie wyłączaj pól grupy. Aby wskazać, że grupa kontrolek nie ma obecnie zastosowania, wyłącz wszystkie kontrolki w polu grupy, ale nie samo pole grupy. Takie podejście jest bardziej dostępne i może być spójne obsługiwane przez wszystkie struktury interfejsu użytkownika.

Etykiety

  • Etykieta wszystkich pól grupy.
  • Nie przypisuj klucza dostępu do etykiety. Takie działanie jest niepotrzebne i sprawia, że inne klucze dostępu są trudniejsze do przypisania. Zamiast tego przypisz klucze dostępu do kontrolek w polu grupy.
    • Wyjątek: Jeśli powierzchnia ma wiele kontrolek, może być za mało dostępnych kluczy dostępu. Jeśli tak, zmniejsz liczbę kluczy dostępu, przypisując je do pól grupy zamiast kontrolek w polach grupy.
  • Użyj wielkich liter w stylu zdania.
  • Napisz etykietę przy użyciu ownika lub frazy nounowej, a nie jako zdania i nie używaj końcowej interpunkcji, w tym dwukropków.
  • Użyj równoległych fraz dla etykiet pól grupowych na tej samej powierzchni.
  • Zachowaj zwięzłość etykiet pól grupy. Nie używaj tekstu instruktażowego jako etykiety. W polu grupy można jednak mieć tekst instruktażowy.
  • Nie powtarzaj etykiety pola grupy w etykietach kontrolek w polu. Jeśli na przykład pole grupy ma etykietę Wyrównanie, oznacz przyciski opcji w lewo, w prawo itd., a nie wyrównanie w lewo lub wyrównanie do prawej.
  • Nie należy odwoływać się do pól grupowych w tekście interfejsu użytkownika.

Dokumentacja

W przypadku odwoływania się do pól grupy:

  • Zapoznaj się z polami grupowania tylko w dokumentacji programatora i inną dokumentację techniczną. W polu grupy użyj dwóch małych liter.
  • Wszędzie indziej nie jest konieczne uwzględnienie nazwy pola grupy w procedurze, chyba że okno dialogowe zawiera więcej niż jedną opcję o tej samej nazwie. W takich przypadkach użyj polecenia w obszarze z nazwą pola grupy.
  • Jeśli to możliwe, sformatuj etykietę przy użyciu tekstu pogrubionego. W przeciwnym razie umieść etykietę w cudzysłowie tylko wtedy, gdy jest to wymagane, aby zapobiec nieporozumieniu.

Przykład: w obszarze Effectswybierz pozycję Hidden.