Какие типы кнопок существуют и для каких задач они применяются?

Некоторые типы кнопок и их назначение:

• Главные кнопки (Primary Buttons). 1 Основные кнопки интерфейса, которые привлекают наибольшее внимание. 1 Предназначены для ключевых действий: оформления заказа, регистрации, отправки формы, завершения транзакции. 1
• Второстепенные кнопки (Secondary Buttons). 1 Используются для дополнительных действий, которые менее важны, чем основное. 1 Обычно имеют менее насыщенный цвет или контурный стиль. 1
• Третичные кнопки (Tertiary Buttons). 1 Применяются для второстепенных действий, которые не требуют яркого акцента, но всё же должны оставаться доступными. 1
• Кнопки действий (Action Buttons). 1 Используются для выполнения быстрых действий в интерфейсе. 1 Могут быть как текстовыми, так и иконочными. 1
• Кнопки-призраки (Ghost Buttons). 1 Выглядят полупрозрачными или просто имеют контур, используются в минималистичных и лёгких интерфейсах, чтобы не перегружать дизайн. 1
• Плавающие кнопки действия (Floating Action Button, FAB). 14 Используются в мобильных интерфейсах для выполнения главного действия на экране. 1 Это кнопка, которая всегда на виду и доступна для пользователя. 1
• Бургер-меню. 3 Кнопка, которая скрывает основное меню и раскрывает его при нажатии. 3 Располагается либо в верхнем правом, либо в верхнем левом углу экрана. 3 Используется в мобильных версиях сайтов, приложениях и в десктопной версии, когда перечень в меню слишком большой. 3
• Раскрывающиеся списки (dropdown). 3 Выглядят обычно в виде одной строки, на которую нужно нажать. 3 Раскрывается меню, в котором отображается установленный по умолчанию или выбранный пользователем элемент. 3
• Переключатели. 3 Элемент управления, который позволяет сделать выбор между разными по значению опциями. 3 Например, вкл/выкл, переключение языка и т. д.. 3