Example form showing layout of form fields, command buttons and overall visual hierarchy
The form consists of labels and input prompts that are left aligned to the input field, with mandatory questions clearly marked with an asterisk (*) symbol.
The primary call to action, the button to move the user to the next screen of the form is placed immediately underneath and left aligned to the last data entry field on the form.
The visual prominence of the button is very strong compared to other elements on the form, in keeping with both Hick’s and Fitt’s laws of human-computer interaction—keep navigation items close and make them large so they’re easier to click.
Advertisement
