Как использовать язык
в работе с интерфейсом

Понятный и лаконичный текст упрощает пользовательский интерфейс и повышает уровень доверия между компанией и клиентом.

Tilda Publishing публикует перевод статьи о функции языка в веб-дизайне.
Язык в веб-дизайне
Как обращаться к пользователю
Во втором лице: вы, ваш и так далее. Используйте разговорный стиль, как будто приложение обращается к клиенту напрямую.
ДА: Включите камеру, не разблокируя экран смартфона.
Ваши геолокации.
В первом лице: я, мой и т. д. Подобная форма обращения акцентирует внимание пользователя на действия, которые должен предпринять именно он.
ДА: Я согласен (-на) следовать условиям сервиса Google.
Моя учетная запись.
Обращаясь к пользователю, старайтесь не смешивать личные местоимения «мне» и «мой» с «вы» и «ваш» в одном предложении. Это может вызвать путаницу.
НЕТ: Измените ваши предпочтения в окне «Моя учетная запись»
Избегайте местоимения «мы»
Вместо того, чтобы говорить, что ваше приложение делает для пользователя, уделите внимание пользователю и тому, чего он достигнет благодаря вашему приложению.
ДА: Начните работу с популярными постами в Google+.
НЕТ: Чтобы помочь вам начать работу, позвольте нам показать популярные посты в Google+.
Исключение — когда вы реагируете на жалобу или предложение, поступившее от клиента. В таком случае использовать местоимение «мы» уместно.
ДА: Мы рассмотрим вашу жалобу и ответим на нее в течение нескольких дней.
НЕТ: Ваша жалоба будет рассмотрена, и вы получите ответ в течение нескольких дней.
Будьте краткими
Пишите короткие тексты, которые легко пробежать глазами. Это облегчит навигацию и поможет пользователю быстрее найти нужную информацию.
ДА: Пересылайте деньги любому человеку в России по адресу электронной почты. Это быстро, просто и бесплатно.
НЕТ: Пересылайте и получайте деньги от друзей и членов вашей семьи в России. Условие — у них должен быть адрес электронной почты. Это двухэтапный процесс, который работает практически без задержек, сборов для получателей денег не предусмотрено.
Предложения и фразы должны быть краткими, число концепций — минимальным.
ДА: Прочитайте инструкции, полученные на телефон.
НЕТ: Для дополнительной информации проконсультируйтесь с документацией, которая поступила на ваш телефон.
Пишите в настоящем времени
Говорите об обычной работе продукта в настоящем, а не в будущем времени — так реалистичнее.
ДА: Эта настройка регулирует конфиденциальность ваших публикаций.
НЕТ: Эта настройка будет регулировать конфиденциальность ваших публикаций.
Пишите просто и точно
Используйте простой язык, который будет легко понятен читателям. Старайтесь избегать вступительных предложений и вводных слов.
ДА: Сохранить изменения?
НЕТ: Не хотели бы вы сохранить изменения?
ДА: Сообщение отправлено.
НЕТ: Сообщение было отправлено.
ДА: Зарегистрируйтесь, чтобы проголосовать.
НЕТ: Перед тем, как проголосовать, вы должны зарегистрироваться на сайте.
Пишите для читателей с разным уровнем знаний
При создании интерфейса выбирайте простые слова, которые легко поймут как профессионалы в вашей области, так и люди без специальных знаний.
ДА: Определить, где я
НЕТ: Идентифицировать местоположение
Избегайте отраслевой терминологии или названий, изобретенных для функций пользовательского интерфейса.
ДА: Идет подготовка видео…
НЕТ: Идет буферизация...
ДА: Команда «Окей, Google» не поддерживается на вашем телефоне.
НЕТ: Команда «Окей, Google» поддерживается только на двухъядерных устройствах.
Направляйте пользователя не к месту с элементом интерфейса, а к самому элементу — строчке меню или кнопке.
ДА: Нажмите «Продолжить»
НЕТ: Нажмите на кнопку «Продолжить»
Используйте одни и те же слова во всех частях функционала
Будьте последовательны в использовании понятий, терминов, объясняющих ваш продукт и глаголов для обозначения действия.
ДА: Удалить фото
НЕТ: Убрать фото
ДА: Удалить фото? (Кратко и по делу)
НЕТ: Убрать фото со страницы? (Многословнее, чем необходимо)
Начинайте предложение с цели
Если предложение содержит описание цели и средства достижения, начните с цели.
ДА: Чтобы удалить фотографию из альбома, перетащите ее в корзину.
НЕТ: Перетащите фотографию в корзину, чтобы удалить ее из альбома.
Рассказывайте о деталях по необходимости
Не нужно вдаваться в детали при первом взаимодействии с клиентом. Добавляйте детали о функционале интерфейса по мере того, как посетители будут знакомиться с продуктом и им понадобится дополнительная информация.
ДА: Удалить книгу после скачивания?
НЕТ: Вы уверены, что хотите удалить книгу после скачивания? Вы cможете получить доступ к книге, только если будете находиться в сети.
Никогда не говорите «никогда»
Избегайте использования наречия «никогда» и других абсолютных высказываний.
ДА: Мы не предоставляем вашу информацию третьим лицам.
НЕТ: Мы никогда не предоставим вашу информацию третьим лицам.
Тон сообщений
Будьте дружелюбными и уважительными. Ориентируйтесь на пользователя
Текст в интерфейсе должен дополнять дизайн и быть интуитивным, универсальным и эффективным.
ДА: MyApp не отвечает.
Вы хотите закрыть приложение?
НЕТ: Приносим свои извинения. Визуальный интерфейс в MyAppActivity (приложение MyApp) не отвечает.
Будьте скромны
Объясните, в чем суть функции, без хвастовства и лишних обещаний.
ДА: Все ваши сбережения в одном приложении.
НЕТ: Лучшие решения в приложениях, которые вы обязательно полюбите.
ДА: Еще больше ресторанных обзоров.
НЕТ: Все ресторанные обзоры вы найдете только на нашем сайте.
Будьте приветливы
Достаточно перечислить преимущества каждой функции. Детали о ее реализации, разъяснения и ограничения оставьте за скобками.
ДА: Чтобы увеличить срок работы батареи, переключите функцию геолокации в режим экономии батареи.
НЕТ: Переведите функцию GPS в ручное управление для предотвращения использования другими приложениями.
Будьте позитивно настроены
Представляйте информацию в позитивном ключе — это обнадеживает.
ДА: В названии файлов используйте 24 или менее знаков.
НЕТ: Название файла должно содержать менее, чем 25 символов.
ДА: Попробуйте снова.
НЕТ: Действие не выполнено.
Сообщайте самое главное
Сообщайте лишь самые важные детали. Не отвлекайте внимание пользователя. Иногда самый эффективный интерфейс вообще не содержит текста.
ДА: Идет соединение. Ваш телефон связывается с компанией Google. Время ожидания — до пяти минут.
НЕТ: Идет соединение. Чтобы вы могли зайти в электронный кабинет, ваш телефон должен установить связь с серверами компании Google. Данная операция может занять до пяти минут.
Заглавные буквы и знаки препинания
Пишите первое слово в тексте с большой буквы
Первое слово в заголовках, подзаголовках, метках и строчках меню пишите с заглавной буквы — как в обычном предложении.

Используйте капслок только в том случае, если этого требует визуальный стиль, например, внутри кнопки.
ДА: Параметры поиска
НЕТ: Параметры Поиска
НЕТ: ПАРАМЕТРЫ ПОИСКА
Пропускайте точки и ненужные знаки препинания

Помогите читателю понять суть, пробежав по тексту глазами — в некоторых случаях, например, в конце заголовков, точки можно не ставить.


Точки

Не ставьте точки в конце следующих единичных элементов:

  • меток
  • ховер-эффектов при наведении на кнопку
  • списков
  • текстов в диалоговом окне

Ставьте точки:
  • в тексте, который содержит несколько предложений (включая списки)
  • в любом предложении, за которым следует ссылка

Ставьте точку в конце предложения, если за ним следует ссылка. Ставить точку после ссылки не нужно.
ДА: Поделитесь фотографией с друзьями. Подробнее
НЕТ: Поделитесь фотографией с друзьями. Подробнее.
Двоеточие

После метки двоеточие можно не ставить.
ДА: Поделиться
НЕТ: Поделиться:
Избегайте восклицательных знаков
Восклицательный знак в конце предложения несет эмоционально-экспрессивную окраску, поэтому его лучше избегать: читателю может показаться, что вы кричите. Исключения касаются приветствий и поздравлений.
ДА: Добро пожаловать! Молодец!
НЕТ: Узнайте о новых функциях календаря!
«1, 2, 3», а не «один, два, три»
Используйте цифры вместо чисел, написанных прописью. Исключения бывают при смешанном употреблении чисел, например, «Введите цифру 3 два раза».
ДА: Вы получили 3 сообщения.
НЕТ: Вы получили три сообщения.
Пунктуация
Чтобы создать чистый и понятный интерфейс, используйте знаки препинания для прояснения смысла или если этого требуют правила грамматики.
Локализация для иностранных пользователей
Люди всех возрастов, культур и уровней образования пользуются англоязычными версиями цифровых продуктов. Простой и понятный текст упрощает работу с вашим приложением или программой.
Будьте внимательны при использовании терминов «налево» и «справа» в языках с письмом справа налево
В локализованной версии, где тексты для приложений пишутся справа налево, интерфейсы могут зеркально отражаться.
Слева: пример интерфейса на арабском языке. Справа: пример на английском языке.
Указание гендера

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

Если ваш интерфейс обращается к человеку определенного пола, то:

  • Не смешивайте гендерные варианты и не пишите их через косую черту, например, его/ee или она/он и т. д.
  • Если требуется использование конкретного пола, например, при обращении к человеку по имени, задайте четкие инструкции по переводу и воспользуйтесь API-интерфейсами International Components for Unicode (ICU) или эквивалентными библиотеками.

Текст: отрывок статьи Material Design
Перевод, дизайн и верстка: Светлана Граудт
Если материал вам понравился, расскажите о нем друзьям. Спасибо!
Читайте также: