Java TM Look and Feel Design Guidelines: Advanced Topics > Part II: Special Topics > 7: Wizards > Designing Wizard Pages   Previous Next Contents/Index/Search


Designing Wizard Pages

Each page of a wizard consists of four parts--a title bar and three panes, as described in Fundamentals of Wizards. Designing a page is a matter of designing each of its parts--choosing the right user interface elements for the page and then spacing them correctly.

Figure 75 shows the conventions for spacing and aligning the elements of wizard pages. Measurements in the figure are in pixels.

Figure 75   Spacing Conventions for Wizard Pages


Spacing conventions are the same for all types of pages. (For a description of page types, see Types of Wizard Pages.) Wizard pages should also conform to the general conventions for spacing and alignment described in Chapter 4 of Java Look and Feel Design Guidelines , 2d ed.

 In each wizard page, include a title bar and three panes--left, right, and bottom.

 When designing wizard pages, follow the spacing conventions in Figure 75.

 In wizard pages, follow the spacing guidelines for dialog boxes, as specified in Java Look and Feel Design Guidelines , 2d ed., except when those guidelines are superseded by a more specific guideline for wizard pages.

 In the bottom pane of a wizard, align the left edge of the leftmost navigation button (the Back button) with the vertical line separating the left and right panes.

 In wizards, ensure that the left pane occupies one-fourth to one-third of the wizard's total width.

Java Look and Feel Design Guidelines: Advanced Topics.
Copyright 2001. Sun Microsystems, Inc. All Rights Reserved.
Previous Next Contents/Index/Search
Left Curve
Java SDKs and Tools
Right Curve
Left Curve
Java Resources
Right Curve
JavaOne Banner
Java 8 banner (182)