Contents
Call-to-action buttons placed towards the bottom or to the right of content often outperforms alternative placements. Most importantly, never force users to backtrack in order to click a button – CTA buttons should appear in appropriate places that align with a user’s experience.
Where to put buttons on forms
- # Align the primary button to the left edge of the inputs.
- # Put the back button above the form.
- # Put tangentially related actions above the form.
- # Place extra buttons based on what they do.
- # In some single field forms put the button next to the input.
How much bigger should a buttonhole be than the button?
The length of your test buttonhole should be equal to half the circumference plus 1/8 inch. If your button is very thick, you may need to increase the size a little more. Test the size before making any buttonholes on your garment (Figure 1).
Should Submit be on left or right?
High-Level Recommendations. Align submit buttons to the left (Save, Cancel) on full page forms and to the right (Cancel, Save) on modals. Buttons within forms should be placed immediately to the right of or below the item that they affect.
So, we need to take a closer look at it. MacOS button placement is described in Apple’s Human Interface Guidelines: Any buttons in the bottom right of a dialog should dismiss the dialog. An action button, which initiates the dialog’s primary action, should be farthest to the right.
From the first glance, you can use web analytics to find out the most used platform for your product and use the order for that platform (i.e. if the majority of your visitors come from Windows OS, you can follow Microsoft guidelines). But whatever button sequence you choose, it won’t be consistent for all your users due to the different OS.
Where do you put the call to action button?
Many websites place at least one call to action within the header menu, where it can be always be seen by visitors as they scroll through the rest of the page’s content. However, CTAs should also be used throughout the page when appropriate, as the header CTA won’t appeal to everyone.
Is it better to place buttons on the right or left?
But anyway, the typical case for dialogs is to place buttons on right, there is no point to fix something that is not broken. So, in most cases, in dialogs, it is better to align buttons right.