- Should a loading button be disabled?
- Should I use buttons or links?
- Should mobile buttons be full width?
- Can there be 2 primary buttons?
Should a loading button be disabled?
It's crucial to ensure no action errors occur by disabling the button when it's in progress. You can display the button's loading state outside of the button, but this isn't ideal. Users already have their eyes on the button when they press it. By placing it on the button, it's in line with their visual field.
Should I use buttons or links?
There are differences as to when a button should be used rather than a link. UX Movement wrote an article about this, and they came up with a simple rule: Buttons are used for actions that affect the website's front-end or back-end; links are used for navigation and actions that don't affect the website at all.
Should mobile buttons be full width?
Depending on layout, orientation and purpose but it's a good rule of thumb to add at least an 8dp margin. Keep in mind touch space limitations, for example on Android, Material Design deems as good practice to have buttons that are at least 48x48 dp wide so the area of the buttons is comfortable to use for the users.
Can there be 2 primary buttons?
Primary. Primary buttons are used for actions such as 'Submit', 'Continue', 'Finish', or 'Log in'. They enable the user to complete the most important action on the page. There should only ever be one primary button on a page.