Интерфейс — это в основном слова

Возьми любой экран продукта и убери текст. Оставь раскладку, иконки, цвета, прекрасные отступы — просто удали слова.

Не работает ничего. Ни навигация, ни кнопки, ни поля, ни ошибки. Даже иконки перестают что-либо значить, потому что большинство иконок опознаются только рядом с подписью, которая когда-то тебя им научила.

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

Чем занят микротекст

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

Отсюда следует, что переписать его — самое дешёвое улучшение во всей сфере. Никакой разработки, никакой миграции, никакого редизайна. Ты меняешь девятнадцать строк, и конверсия сдвигается.

Правила, которые несут основную нагрузку

Их слова. Этап исследования выдал тебе словарь — слова из интервью, из обращений в поддержку, из пустых поисковых запросов. Выкатывай их, а не внутренние. За пределами твоей компании никто не знает, что такое «сущность», «объект рабочего пространства» или «контрагент».

Глаголы на кнопках, результат вместо механизма. «Создать аккаунт», «Отправить приглашение», «Удалить 3 файла». И никогда «Отправить», «ОК», «Да». Проверка: прочитай только кнопку и скажи, что произойдёт.

Главное вперёд. Смысл несут первые два слова — на самом деле именно об этом была статья про F-паттерн. «Доставка 3–5 дней» лучше, чем «Обращаем ваше внимание, что доставка вашего заказа обычно занимает 3–5 дней».

Действительный залог, обращение на «вы». «Не удалось провести платёж, мы не списали деньги» лучше, чем «Платёж не может быть обработан». Кто-то что-то сделал — скажи кто.

Числа вместо прилагательных. «Занимает около двух минут» вместо «быстро и просто». «До 25 МБ» вместо «поддерживаются большие файлы». Конкретику можно проверить, прилагательные — шум.

Сократи, потом сократи ещё. У большинства интерфейсных текстов есть преамбула, которую можно снести целиком: «обращаем ваше внимание», «для того чтобы», «вы можете».

Сообщение об ошибке — это тот самый запоминаемый момент

Правило пика и конца из первой статьи говорило, что человек помнит худший момент и финал. Сообщения об ошибках обычно оказываются и тем и другим.

У работающего сообщения три части:

Что случилось — человеческим языком.
Почему — если это помогает действовать.
Что делать дальше — настоящий следующий шаг, желательно кнопкой.

«Ошибка: валидация не пройдена» не содержит ни одной из трёх. «В адресе почты не хватает @» содержит все три неявно, в пяти словах.

Ещё три правила:

Не обвиняй. «Вы ввели некорректную дату» делает это виной человека. «Дата нужна в формате день/месяц/год» — а лучше прими что набрали и разбери сам.

Никогда не показывай голые коды. Если технический код нужен поддержке, помести его под человеческим текстом, мелким кеглем.

Соотноси тон со ставками. Бодрое «Упс! Что-то пошло не так 🙈» уместно для неудавшегося поиска и чудовищно рядом с неудавшимся платежом или потерянной работой. Правило: чем серьёзнее сбой, тем проще пишешь. У юмора в интерфейсе есть место, и это место — никогда не момент, когда человек что-то потерял.

Никто и никогда не хотел шутки в момент потери своих данных.

Голос постоянен, тон меняется

Различение, которое делает тексты последовательными, не превращая их в робота: голос — это кто ты, и он не меняется; тон — как ты говоришь в конкретной ситуации, и он меняться обязан. Один и тот же продукт может быть тёплым в пустом состоянии, деловитым в настройках и совершенно сухим в ошибке — и звучать при этом как один продукт.

Практическая версия — короткая таблица: на каждый тип ситуации (успех, ошибка, пустота, подтверждение разрушительного действия, ожидание) одна строка о том, как ты там говоришь. Упражнение на пятнадцать минут, которое обыгрывает большинство редполитик.

Длина, множественное число и другие языки

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

Текст растёт. Русский и немецкий заметно длиннее английского — часто на 20–35% для коротких интерфейсных строк. Кнопка, подогнанная ровно под «Save», сломается на «Сохранить». Проектируй по самому длинному языку или задавай ширины, терпящие рост.

Никогда не собирай предложения из кусков. Склейка «У вас» + n + «новых» + «сообщения» ломается в любом языке с грамматическим родом, падежами и нетривиальными правилами множественного числа. В русском три формы множественного; наивное if (n === 1) даёт неверный текст для 2, 3, 22 и 101. Используй настоящие правила плюрализации, а переводчикам отдавай целые предложения, а не обломки.

Локально не только слово. Форматы дат, разделители чисел, положение валюты, порядок имени и фамилии, структура адреса и начало недели различаются. Форма, требующая пятизначный индекс, уже исключила несколько стран.

Простой язык — это доступность

В статье про доступность «понятность» была одним из четырёх принципов, и живёт она в основном здесь.

Короткие предложения, по одной мысли. На длинных условных конструкциях отваливаются и читатели с дислексией, и неносители языка, и просто уставшие люди — то есть почти все в тот или иной момент дня.

Никаких двойных отрицаний. Классика — чекбокс отписки: «Снимите галочку, если не хотите не получать письма». Такое есть в каждом продукте, и разобрать это не может никто.

Осторожнее с отрицательными чекбоксами вообще. «Не присылать мне обновления» — что снятый, что поставленный — это подбрасывание монетки. Формулируй утвердительно: «Присылать письма об обновлениях».

Раскрывай или выбрасывай сокращения. Внутренний жаргон невидим для того, кто его написал, и непрозрачен для всех остальных — проклятие знания в чистейшей текстовой форме.

На практике

Перепиши одно сообщение об ошибке как следует. Что случилось, почему, что делать дальше. Потом найди остальные двадцать и займись ими на этой неделе.

Прочитай свой экран, оставив видимыми только кнопки. Закрой всё остальное. Если кнопки сами по себе непонятны, они подписаны не результатом.

Удали первые три слова каждой подсказки. «Обращаем ваше внимание», «для того чтобы», «вы можете использовать это, чтобы». Предложение почти всегда становится лучше.

Собери таблицу тона. Пять ситуаций, по строке о том, как ты там говоришь. Повесь там, где пишутся тексты.

Проверь самую длинную строку в другом языке. Возьми самую широкую кнопку и посмотри, что делает с раскладкой её русская или немецкая подпись.

Поищи в продукте слово «Упс». Потом проверь, что именно пошло не так в каждый из этих моментов, и перепиши те, где шутка неуместна.

Проверь себя

Закрой статью и ответь своими словами:

Почему переписывание микротекста — самое дешёвое доступное тебе улучшение?
Какие три части у работающего сообщения об ошибке и какая чаще всего отсутствует?
Почему тон должен меняться с серьёзностью ситуации и где юмор недопустим никогда?
В чём разница между голосом и тоном и чем полезно это различение?
Почему интерфейсные предложения нельзя собирать из кусков?
Приведи два примера текста, который проваливается по причинам доступности.
Что не так с чекбоксом «Не присылать мне обновления»?

Коротко

Убери слова — и не работает ничего: интерфейс во многом является текстом, который обычно пишут последним силами свободного человека.
Микротекст отвечает на вопрос пользователя в момент, когда тот застрял; переписать его — самое дешёвое улучшение в сфере.
Бери лексику пользователя, выноси на кнопки результат, ставь главное в первые два слова, пиши действительным залогом и на «вы», предпочитай числа прилагательным.
Сообщению об ошибке нужны «что случилось», «почему» и «что делать дальше» — без обвинений, без голых кодов и без шуток, когда ставки реальны.
Голос постоянен, тон меняется по ситуации. Таблица тона на пять строк выигрывает у большинства редполитик.
Другие языки длиннее на 20–35%, правила множественного числа различаются, а предложения из склеенных кусков ломаются везде.
Простой язык — требование доступности: короткие предложения, никаких двойных отрицаний, никаких отрицательных чекбоксов, никаких нераскрытых сокращений.