Содержание · 9
Подписи кнопок, сообщения об ошибках, пустые состояния и подсказки. Разбираем текст, который выполняет работу интерфейса.
Текст делает работу интерфейса
Подпись кнопки, сообщение об ошибке и заголовок пустого экрана влияют на поведение сильнее, чем цвет и форма элементов. При этом их обычно пишут в последнюю очередь и без внимания.
Хороший микрокопирайтинг незаметен: он просто снимает вопросы до того, как они возникли.
Хороший микрокопирайтинг незаметен: он снимает вопросы до того, как они возникли.
Кнопки
На кнопке пишут действие, которое произойдёт, а не действие, которое совершает пользователь. «Скачать смету» вместо «Отправить», «Сохранить черновик» вместо «ОК».
Формулировка должна отвечать на вопрос «что будет, если я нажму».
Ошибки
Сообщение об ошибке должно содержать три вещи: что произошло, почему и что делать. Формулировки «Ошибка», «Неверный формат» и «Что-то пошло не так» не содержат ни одной из них.
Отдельное правило — не обвинять пользователя: «Введите номер в формате +7 900 000–00–00» вместо «Вы ввели неверный номер».
Три части сообщения об ошибке
Пустые состояния
Пустой экран — это возможность объяснить, а не сообщить об отсутствии. Хороший текст пустого состояния говорит, что здесь появится, и предлагает первое действие.
Разные причины пустоты требуют разных текстов: «вы ещё ничего не создали» и «по фильтру ничего не найдено» — это разные экраны.
Тон
Тон интерфейсного текста должен соответствовать ситуации: нейтральный в рутине, серьёзный при ошибках и потерях данных, дружелюбный при достижениях.
Шутки в сообщении о потерянных данных — самая частая ошибка тона, которую замечают все.
- Рутина — нейтрально и коротко.
- Ошибка — спокойно, с решением.
- Потеря данных — серьёзно, без юмора.
- Успех — можно теплее.
Правила, которые работают всегда
- Кнопка называет действие, а не согласие: «Отправить заявку» вместо «ОК».
- Ошибка говорит, что сделать, а не что случилось: «Введите номер из 11 цифр» вместо «Неверный формат».
- Подпись поля объясняет, зачем данные нужны, если это неочевидно.
- Пустое состояние предлагает первое действие, а не сообщает о пустоте.
- Подтверждение необратимого называет последствие: «Удалить три файла» вместо «Вы уверены?».
- Числа и сроки конкретны: «обычно за 2 минуты» вместо «скоро».
Почему тон важнее слов
Микротекст задаёт ощущение продукта сильнее, чем визуальный стиль, потому что появляется в моменты напряжения: при ошибке, при оплате, при удалении. Шутка в сообщении об ошибке, уместная в спокойном сценарии, в момент потери данных читается как издевательство.
Практическое правило — чем выше цена ситуации для человека, тем нейтральнее и точнее должен быть текст. Игривый тон допустим в пустых состояниях и приветствиях, недопустим в ошибках, платежах и предупреждениях.
Как проверять микротекст
Три проверки занимают минуты и находят большинство проблем. Первая — прочитать интерфейс вслух подряд, без картинок: получается ли связная речь. Вторая — убрать все надписи, кроме кнопок, и посмотреть, понятно ли, что произойдёт. Третья — перевести каждую фразу в вопрос читателя: на какой вопрос она отвечает; если ни на какой, фразу можно удалить.
Отдельно стоит проверять длину в реальных данных: имя из тридцати символов, товар без названия, сумма в семь цифр — микротекст ломается именно на краевых значениях.
Что в итоге
Микрокопирайтинг — самая дешёвая доработка интерфейса: подписи кнопок и сообщения об ошибках меняют поведение без разработки.
На кнопке — результат действия, в ошибке — что делать, в пустом состоянии — что здесь появится.
Коротко
- Чем микрокопирайтинг отличается от текста в интерфейсе?
- Масштабом ответственности: это подписи кнопок, ошибки, подсказки и пустые состояния — места, где человек принимает решение или уже ошибся. Одно слово здесь весит больше абзаца на странице «О нас».
- Как писать сообщение об ошибке?
- Что случилось, почему и что сделать — в таком порядке и без извинений. «Не получилось сохранить: пропала связь. Попробуйте ещё раз» полезнее, чем «Упс! Что-то пошло не так».
Редакционные форматы
Гид, разбор, подборка, обзор, новость, мнение. Разбираем устойчивые форматы материалов и то, какая структура подходит каждому.ДальшеЧитайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…