Документы разработчика

Кнопки

Кнопка состоит из текста и/или изображения, которые показывают какое действие будет происходить, когда пользователь коснется её. Кнопка может иметь изображение, текст, или и то и другое.

Иконка без текста лучше всего работает, когда действие может быть представлено в виде символа, который легко понять..

Текст без иконки является наиболее подходящим для действий, которые трудно представить визуально, либо текст позволит избежать двусмысленности.

Текст с иконкой является наиболее подходящим, когда они дополняют друг друга: каждый из которых несет свою собственную информацию, а вместе дополняют друг друга..

Например, в день рождения напоминание в Google Now, текст кнопки описывает действие, в то время как его иконка указывает, что действие будет сделано при помощи Google+.

А как насчет фона кнопки ?

Для кнопок без текста фон не является необходимым, так как пользователи привыкли к взаимодействию с объектами.

Неверно
Верно

Для кнопок с текстом, фон также обычно не требуется. Чтобы побудить пользователя нажать, фраза должна быть понятным действием (например, "Пуск", "Вход"), и используйте различные цвета и форматирование, отличающиеся от обычного текста на экране.

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

  • Призыва к действию, которое вы действительно хотите, чтобы пользователи совершили (например, "Зарегистрироваться")
  • Ключевой точкой принятия решения (например, «Принять» / «Отклонить»)
  • Когда пользователь собирается совершить важное действие (например, "Стереть все", "Купить сейчас")