docdoc design

Кнопки

Каждый день мы нажимаем на кнопки: в лифте, на пульте телевизора, в телефонах или на сайтах. И они всегда делают одно и тоже — запускают процесс. Кнопки будут с нами везде, так давайте делать их осмысленно.
Осмысленность
Название кнопки должно однозначно говорить о том, что произойдет если на нее нажать. Плохо, если нужно прочитать все содержимое лайтбокса, чтобы понять, что делает кнопка.

Называйте кнопку инфинитивом в совершенной форме — название должно отвечать на вопрос «Что сделать?». Пользователь дает команду компьютеру, ориентированную на результат, а не процесс.

Существуют исключения, когда название кнопки формулируется от ожидания пользователя:
Цвета
Основной цвет кнопки в наших интерфейсах
Акцентный, допускается одна кнопка на странице
Дополнительные цвета
Размеры
Основной размер кнопки (32px)
Большая кнопка для действий, влияющих на все страницу (40px)
Кнопка с иконкой
Бывают случаи, когда нужка кнопка с иконкной, для бсыстрого считывания. Цвета аналогичны кнопкам без иконок.
Состояния кнопок
Полезные ссылки