Layout Controls

Use

To layout a page is not just "throwing" controls on a page. Several aspects have to be considered, such as:

• Flow of control

  How the user progresses through a page when doing his or her work.

• Dependencies

  How elements on a page affect each other.

• Togetherness

  Which elements on a page belong to each other, there may be closer and farther relations between elements.

• Aesthetics and general design principles

  How information can be effectively communicated visually.

The layout process has three steps - these can be done in the following sequence:

• Sequence of elements (vertical, horizontal).

• Nesting of elements.

• Spacing between elements at different hierarchy levels.

The sequence takes care of the flow of control, dependencies, and information about which elements belong together - the latter in a more linear fashion. The nesting also takes care of dependencies and of togetherness - but in a hierarchical or top-down fashion. The spacing takes care for aesthetics and the proper application of design principles (mostly togetherness).