Одно слово, на которое нажимает человек
Диалог при уходе с несохранённого экрана: сверху «Вы настраиваете видео», снизу две кнопки — «Отмена» и «Отменить». Человек читает их по очереди и не понимает, какая из них вернёт его к работе, а какая сотрёт полчаса. Заголовок он к этому моменту уже прочитал и забыл.
Эта лекция — про текст на кнопке, а не про её дизайн. Цвет, размер, радиус и позиция попадают сюда только тогда, когда меняют формулировку: деструктивная кнопка не бывает главной, а кнопка на две строки переписывается, а не сокращается.
- Apple Human Interface Guidelines — разделы Buttons, Alerts, Menus, Writing
- GNOME Human Interface Guidelines — Buttons, Dialogs, Writing Style
- Microsoft: Windows UX Guide (документ помечен как созданный для Windows 7 и не обновлявшийся) и Windows apps design
- Nielsen Norman Group, Якоб Нильсен — статья о диалогах подтверждения, 2018, ревизия 07.08.2026
- Контур.Гайды — компонент «Кнопка» и раздел «Текст в интерфейсе»
- Совет Бюро Горбунова от 03.12.2024 и заметка Игоря Готта от 27.12.2019
- Нормы права: § 312j Гражданского уложения Германии, пункт 3.1 статьи 16 российского закона «О защите прав потребителей», статьи 14.8 и 13.11 КоАП
Первые шесть пунктов — частные стандарты компаний и мнения авторов. Обязательны они только внутри своей дизайн-системы. Юридическую силу имеет последний пункт, и только он.
- «Отмена» или «Отменить» — существительное против глагола (тема 3)
- «Да/Нет» против кнопки-глагола в подтверждении (тема 6)
- Многоточие в подписи кнопки (тема 12)
В этих трёх местах лекция называет обе позиции и даёт критерий выбора. Единственно правильного ответа там нет, и делать вид, что он есть, — значит выдавать правило одной дизайн-системы за общее.
За границами лекции остаются доступное имя кнопки, alt-тексты и скринридеры, запас длины строки под перевод, тексты полей и сообщений об ошибках, а также измерение эффекта от смены формулировки — всё это разбирается в соседних лекциях, и здесь о них будет не больше одной фразы.
Кнопка обещает результат, а не описывает элемент
Подпись кнопки отвечает на один вопрос: что произойдёт, если нажать. Не «как называется этот элемент», не «в каком разделе я нахожусь», не «что система сейчас делает».
«Consider using text when a short label communicates more clearly than an icon. To use text, write a few words that succinctly describe what the button does… consider starting the label with a verb to help convey the button's action — for example, a button that lets people add items to their shopping cart might use the label "Add to Cart".»
«Название кнопки должно однозначно говорить о том, что произойдёт, если на неё нажать. Плохо, если нужно прочитать всё содержимое модального окна, чтобы понять, что делает кнопка.»
Тест ладонью
Закройте ладонью весь экран, кроме кнопки. Читается ли она одна? Если нет — подпись переписывают, а не дописывают рядом пояснение. Пояснение читают не все и не всегда, а на кнопку нажимают все.
Рабочая формула подписи — пара «что случится» плюс «с чем именно». Второе слово почти всегда объект.
| Было | Стало | Что изменилось |
|---|---|---|
| Удалить | Удалить доверенность | видно, что именно исчезнет |
| Отправить | Отправить отчёт в налоговую | видно, куда уходит документ |
| Перевести | Перевести 45 000 ₽ на счёт Ивана П. | сумма и получатель на кнопке, а не только в форме выше |
Конкретика в подписи часто заменяет отдельное окно подтверждения. Человек, который видит на кнопке сумму и получателя, проверяет их за долю секунды — и не прокликивает вслед за этим ещё один диалог.
Дальше нужен аккаунт
Прогресс и монеты сохранятся.