macos:Grouping-controls-in-a-window-body
出自UXGuide.net
Grouping Controls in a Window Body
目录 |
Grouping related controls helps users understand what particular controls do and helps them locate the controls that affect the specific actions they want to perform. This section provides examples of different ways to group controls.
The three examples show different ways to group the same set of controls within a tabbed window using three grouping elements:
- White space, shown in Figure 16-19
- Separators, shown in Figure 16-21
- Group boxes, shown in Figure 16-23
Note that none of these examples are more or less correct than any other. The effectiveness of a layout in your application depends on the overall aesthetic of your other windows as well as your application’s workflow.
Grouping with White Space
White space is an especially useful grouping element when you are dealing with small groups of controls.
Figure 16-19 Example of grouping with white space
Figure 16-20 Example layout using white space
Grouping with Separators
Separators provide a very efficient use of space and are most useful when space is at a premium.
Figure 16-21 Example of grouping with separators
Figure 16-22 Example layout using separators
Grouping with Group Boxes
Group boxes provide the strongest visual indication of distinct groups but require the most space within the window.
Figure 16-23 Example of grouping with group boxes
Figure 16-24 Example layout using group boxes
