Цвет кнопок

Иногда спрашивают, какого цвета должны быть кнопки на лендингах, в интернет-магазинах и пр.

Ответ: контрастного.

Не так важно, зеленая она или красная. Важно, чтобы кнопка была видна и отделялась от фона — так ее быстрее заметит пользователь.

Как это быстро проверить: расфокусируйте зрение, чтобы получилось примерно как на картинке ниже. Вы не можете разглядеть конкретных элементов и прочитать текст, но видно ли контрастное пятно? Если да, все ок. Нет — переделывайте.

Если подобрали несколько контрастных вариантов и не можете выбрать уже между ними — делайте А/B тест, но мы в своей практике значимых различий между разными цветами не получали при условии, что они все контрастировали с фоном. В итоге, чтобы не усложнять, просто делаем контрастную кнопку и всё. А/B тест всегда можно провести по чему-то более интересному и значимому для результата.

---

На какой странице виднее контрастное пятно? Между тем кнопки с призывом к действию есть на обеих.

На первой странице все в порядке: оранжевое пятно — это кнопка.

Белое пятно по центру на второй странице — это не кнопка, а текст. Кнопка ниже, и ее практически не видно, так как ее цвет сливается с фоном.