Подписи на кнопках: почему «OK» — неправильный текст кнопки и что писать вместо него
Кнопка должна говорить, что произойдёт после нажатия. Почему OK, Да, Нет и Отправить не работают, правило «сначала глагол» из гайдлайнов Apple, шесть замен для копирования и пятисекундный тест для любого диалога.
Кнопка с надписью OK заставляет людей перечитывать вопрос, чтобы понять, что именно значит OK. «OK, удалить?» или «OK, забыть об этом?» Подпись на кнопке должна называть то, что произойдёт после нажатия, чтобы никому не приходилось искать ответ в другом месте. Вот четыре правила, каждое показано в сравнении, и шесть замен, которые можно скопировать.
Почему OK не работает
OK отвечает на вопрос в голове того, кто его написал. Читателю приходится держать заголовок в памяти, мысленно достраивать предложение с OK на конце и решать, этого ли он хочет. В опасном диалоге это лотерея: две кнопки выглядят одинаково, а та, что опасна, не говорит, что она опасна.
То же самое с «Да», «Нет», «Отправить», «Продолжить» и «Подтвердить». Это либо ответы на вопрос, либо общие шаги формы, а не то, что произойдёт. Когда подпись не несёт действия, его вынуждены нести заголовок и текст, а люди нажимают раньше, чем читают.
Apple говорит об этом прямо в Human Interface Guidelines для оповещений: используйте заголовок из одного-двух слов, описывающий результат нажатия на кнопку, и предпочитайте глаголы и глагольные фразы, напрямую связанные с текстом оповещения. Наша статья про примеры сообщений об ошибках разбирает слова вокруг кнопки. Эта же статья про саму кнопку.
Правка 1: скажите, что она делает
OK
Удалить
Берите глагол прямо из заголовка. «Удалить это фото?» получает «Удалить», а «Заблокировать этот аккаунт?» получает «Заблокировать».
Если глагол не помещается, скорее всего, заголовок слишком расплывчатый. Исправьте заголовок.
Правка 2: уберите «Да» и «Нет», оставьте «Отмена»
Нет / Да
Отмена / Выйти
«Да» и «Нет» заставляют читателя накладывать свой ответ на предложение. «Отмена» — единственное универсальное слово, которое стоит оставить, потому что его смысл не меняется: отступить, ничего не происходит. Рекомендации Apple те же: избегайте «Да» и «Нет» и всегда используйте «Отмена» для кнопки, отменяющей действие.
Правка 3: назовите результат
Отправить
Оплатить 24,00 $
Лучшая подпись часто несёт объект или сумму: «Отправить 50 $», «Создать аккаунт», «Открыть счёт», «Сохранить черновик». Это важнее всего в моменты, которые чего-то стоят: оплата, отправка, удаление. Кнопка — последнее, что читают перед тем, как взять на себя обязательство.
Правка 4: одно-два слова
Пять слов
Два слова
Короткие подписи лучше переживают перевод и маленькие экраны. Кнопка из пяти слов на английском в немецком или русском становится длиннее и начинает переноситься или обрезаться. Два слова оставляют запас.
Шесть замен
| Вместо | Пишите | Когда |
|---|---|---|
| OK | Удалить | После «Удалить это фото?» |
| Да | Выйти | После «Выйти без сохранения?» |
| Отправить | Оплатить 24,00 $ | На сводке оформления заказа |
| Нажмите здесь | Открыть счёт | На ссылке или кнопке, которая что-то открывает |
| Продолжить | Создать аккаунт | В конце формы регистрации |
| Подтвердить | Отправить 50 $ | После сводки перевода |
Когда OK уместно
Apple допускает ровно один случай: информационные оповещения, где нечего решать, а единственная задача кнопки — закрыть сообщение. «Ваш сеанс завершён» с кнопкой OK — нормально. Всему, где есть выбор, нужен глагол. Даже в информационном оповещении более конкретное слово, например «Понятно» или «Войти снова», может быть лучше, если оно описывает следующий шаг.
Пятисекундный тест
Закройте заголовок и основной текст и читайте только кнопки. Если человек всё равно понимает, что сделает каждая из них, подписи правильные. Если нет, подпись опирается на вопрос, чтобы хоть что-то значить.
Прогоните этот тест по каждому диалогу в продукте, по тостам и по единственной кнопке в каждой форме. Это займёт минуты и является самой дешёвой правкой текста, какую может сделать команда. А о выборе между диалогом и шторкой читайте в статье модальное окно или нижняя шторка.
FAQ
Что писать на кнопке вместо OK?
Глагол из вопроса. Диалог, спрашивающий «Удалить это фото?», должен иметь кнопку «Удалить». OK подходит только оповещению, которое информирует и не требует решения.
Плохо ли использовать «Да» и «Нет» на кнопках?
Обычно да. Они заставляют людей накладывать ответ обратно на предложение и понимать его неверно, как в «Выйти без сохранения?». Используйте глагол для действия и «Отмена» для отступления. Рекомендации Apple советуют избегать «Да» и «Нет» в оповещениях.
Использовать «Отмена» или «Нет»?
«Отмена». Она всегда означает отступить, и ничего не происходит. «Нет» может значить разное в зависимости от формулировки вопроса.
Сколько слов должно быть в тексте кнопки?
Одно или два. Называйте результат, например «Удалить аккаунт» или «Оплатить 24,00 $», а любые пояснения выносите в основной текст выше.
Почему «Отправить» — плохая подпись кнопки?
«Отправить» говорит, что делает форма, а не что человек получает или тратит. Подпись вроде «Оплатить 24,00 $», «Отправить сообщение» или «Создать аккаунт» называет итог и, где это важно, сумму.
Что Apple говорит о кнопках OK?
Human Interface Guidelines от Apple советуют избегать OK в качестве заголовка кнопки по умолчанию, если оповещение не является чисто информационным, и предпочитать глаголы, описывающие результат нажатия.
Источники
- Apple Human Interface Guidelines, Alerts: заголовок из одного-двух слов, описывающий результат нажатия на кнопку, глаголы и глагольные фразы, напрямую связанные с текстом оповещения, OK только в информационных оповещениях, отказ от «Да» и «Нет» и «Отмена» для кнопки, отменяющей действие оповещения. Там же сказано избегать OK как заголовка кнопки по умолчанию, если оповещение не является чисто информационным.
- Диалоги и сводка заказа выше — наши собственные примеры. Количество слов, включая пять слов в «Да, удалить мой аккаунт навсегда», подсчитано по показанным подписям.
- Впервые опубликовано как карусель в UX Brainy.
Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.
Get Started
