Александр Мачуговский написал о неактивных кнопках и расположении кнопок в мобильных формах.

— Блокировать действие уместно, когда не выполнены условия для его выполнения;
— Проблема в том, что условия могут быть разными: не хватает данных от пользователя (на текущем экране, прошлом, в сторонних сервисах вроде подтверждения имейла) или компонентов программы (медленный интернет или вычисления, внутренние ошибки);
— Неактивная кнопка не подскажет, в чём проблема, а также плохо заметна;
— Блокировка кнопок может быть полезна для необратимых деструктивных действий, чтобы совершить ошибку было сложнее;
— В мобильной форме фиксированная в нижней части экрана кнопка занимает место, и её преждевременное нажатие (если она не заблокирована) приводит к ошибке. Лучше расположить её в конце формы — пользователь увидит её, прокрутив экран с формой до конца, и она как раз окажется под пальцем;
— Если форма занимает меньше одного экрана, кнопку можно закрепить в нижней части экрана, чтобы на неё легко было нажать;
— Таким образом в длинных и коротких формах пользователь будет видеть кнопки в одном и том же месте.

#form #button #mobile

Кнопки с автоматической компоновкой.

• Гибкий и легко настраиваемый под вашу систему дизайна
• 2240 компонентов кнопок

#components #button #design_system

Открыть в Figma

👨 Дизайн-телега

Mechanism: Free Button Set for Figma

Бесплатный набор из 5 готовых механических кнопок в векторе.

#Button

ОТКРЫТЬ

Источник

👨 Дизайн-телега

Mechanism: Free Button Set for Figma

Бесплатный набор из 5 готовых механических кнопок в векторе.

#Button

ОТКРЫТЬ

Источник

👨 Дизайн-телега

Переключатель

• Простой минималистичный переключатель

#swch #button

Открыть в Figma

👨 Дизайн-телега