Buttons

Modal window action buttons, top or bottom

Modal window action buttons, top or bottom
  1. Where should modal buttons be placed?
  2. Should primary CTA be on the left or right?
  3. Where should back buttons be?

Where should modal buttons be placed?

In modals and dialogs, align the buttons to the right, or possibly consider a center alignment. Rationale: all major platforms (Windows & macOS) right-align the terminating actions buttons in modals/dialogs, users scan modals in a “Z” pattern (check out the “Gutenberg Diagram”).

Should primary CTA be on the left or right?

Full page designs should have the primary button on the left side of the page. If the browser window is large, or you have to scroll down to fill out a form, it's best to have the primary button right below the last bit of content on the page.

Where should back buttons be?

Right: back button above the form (good). Some forms or questionnaires appear across multiple pages and some people want to go back to check or change their answers.

Right side drawer in a web app
What are drawers on a website?What are drawers in UI?What is a drawer in mobile? What are drawers on a website?The side drawer allows you to save on...
Confirmation of delete triggered by Delete key shortcut
How do I get confirmation before deleting? How do I get confirmation before deleting?Method 1 - Via Recycle Bin Properties Right-click on the Recycl...
Key pillars of ethical design practices in digital products and services
What is ethics in digital design?What are the ethics of design?What are the responsibilities of graphic designers to be ethical in their design work?...