APPENDIX
Avoiding Common Mistakes
A-2
Picker Placement and Alignment A
Align the top of a picker with the top of its button or label. Make exceptions
for overview pickers, for other very wide or very tall pickers, or for small
screens. See page 4-8.
Display a picker so its button or label is at least partially visible, and keep
the button or label highlighted while the picker is open. (An overview picker
can cover the label or button that makes it appear.) See pages 4-9 and 4-20.
Field Alignment A
Be consistent in how you align field values with field labels (including picker
labels). Generally you should line up a field’s label with the field’s displayed
value, not with the dotted line (if present) on which a user edits the field value.
In a view that has several fields in a column, line up the labels at their left
edges to insure a neat, orderly appearance for your application. See page 6-2.
Close Box Size A
Use a regular (small) Close box in a view where there are no adjacent buttons.
Use a large Close box only where there are adjacent text buttons or standard-
height picture buttons. See pages 3-15 and 3-15.
Button Location A
Put buttons that affect an entire view at the bottom of the view, and put
buttons that only affect part of the view elsewhere. Group buttons that
affect content and appearance at the bottom left of a view, and put buttons
that control or initiate action at the bottom right. See page 3-11.
Button Spacing A
Space adjacent buttons three pixels apart, and leave four pixels between
buttons and the border of the view they’re in. See page 3-12.