Tone of Voice: что это такое и как задать голос бренда в интерфейсе

В этой статье расскажем, как работает Tone of Voice в продукте, почему почему одни интерфейсы ощущаются живыми и естественными, а другие звучат как инструкция к холодильнику, и что с этим можно сделать на уровне дизайна.

Голос бренда и тональность

Tone of Voice (ToV) — общий принцип коммуникации бренда, то, как продукт звучит для пользователя. Внутри этого понятия обычно выделяют два уровня.

Голос бренда (Voice) — устойчивый характер коммуникации, который остается узнаваемым в разных ситуациях. Он определяет не только язык интерфейса, но и то, как бренд звучит в целом: допускает ли шутки и иронию, как ведет себя в стрессовых сценариях. Например, Авиасейлс может позволить себе дерзость, Notion почти всегда сдержан, а Duolingo подчеркнуто дружелюбен.

Тональность (Tone) — адаптация голоса под контекст. Один и тот же бренд может звучать по-разному в онбординге, системных сценариях или уведомлениях. Тот же Duolingo более сдержанно формулирует сообщения об ошибках и заметно эмоциональнее реагирует на достижения пользователя. Голос остается тем же, интонация меняется в зависимости от ситуации — как у живого человека.

Авиасейлс сохраняет узнаваемый голос бренда, но меняет интонацию в зависимости от контекста: в наружной рекламе шутки обыгрывают ситуацию и место размещения, а в соцсетях бренд вступает в живой диалог с аудиторией.

Чем ToV отличается от визуального стиля

Tone of Voice — тоже часть пользовательского опыта. Но если визуальный стиль отвечает за узнавание, то ToV — за ощущение взаимодействия. Продукт можно узнать по цвету и графике, но именно язык во многом определяет то, как пользователь воспринимает интерфейс.

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

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

Зачем это нужно: ToV и пользовательский опыт

Есть соблазн думать, что Tone of Voice — территория маркетинга и соцсетей. Здесь язык — основной носитель коммуникации: через тексты бренд формирует образ, передаёт эмоции и выстраивает отношения с аудиторией. Но в продукте язык работает иначе: пользователь не читает интерфейс, а сканирует. Ему важно быстро понять, что происходит и что делать дальше.

Когда Notion пишет на пустой странице «Нажмите Enter, чтобы продолжить с пустой страницей, или выберите шаблон» («Press Enter to continue with an empty page, or pick a template») — это микроонбординг, который снижает неопределенность. Формулировка вроде «Произошла непредвиденная ошибка. Код: ERR_502» работает иначе: пользователь злится, но не на сервер, а на продукт, который ничего не объяснил. В таких сценариях особенно заметно, как язык влияет на UX.

Где ToV живет в интерфейсе

Проще всего увидеть Tone of Voice там, где интерфейс активно взаимодействует с пользователем: ошибки, пустые состояния, кнопки, онбординг. Здесь текст перестает быть вспомогательным элементом и начинает работать как часть интерфейса: объясняет состояние, направляет пользователя и подсказывает следующий шаг.

Ошибки и системные сообщения

Именно здесь ToV проявляется наиболее ярко. Интерфейс общается с пользователем в стрессовой ситуации, и выбранная интонация либо снижает напряжение, либо усиливает раздражение. Сравните:

В варианте слева всё абстрактно: персонаж разводит руками, текст фиксирует проблему, но ни один элемент не помогает понять, что произошло. Интерфейс просто сообщает о факте ошибки. В варианте справа визуал и язык работают согласованно. Иллюстрация с перерезанным кабелем метафорически указывает на возможную причину сбоя, а текст развивает эту логику: обозначает сценарий и предлагает понятное действие. Ошибка из непонятного события превращается в объяснимую ситуацию.

Это хороший пример того, как ToV работает в связке с визуальной коммуникацией: смысл формируется и текстом, и графическими элементами интерфейса.

ЧИТАЙТЕ ТАКЖЕ:

Что такое коммуникационный дизайн? Чем он отличается от графического дизайна?

Пустые экраны (Empty states)

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

В банковских приложениях и госсервисах Empty state обычно решает практическую задачу навигации: интерфейс здесь не развлекает, а объясняет, что происходит в разделе и что можно сделать дальше. Такой подход снижает когнитивную нагрузку и поддерживает у пользователя ощущение предсказуемости.

В e-commerce и сервисах доставки пустые экраны чаще работают как инструмент вовлечения: не акцентируют внимание на том, что в выбранном разделе ничего нет, а продолжают сценарий и предлагают действие.

В продуктах с ярко выраженным брендом пустой экран превращается в еще одну точку коммуникации, где интерфейс поддерживает характер продукта.

Во всех перечисленных случаях пустой экран — это полноценный интерфейсный сценарий, а не техническая заглушка.

Кнопки и подписи к действиям

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

«Отправить форму» — нейтральная системная команда.

«Отправить заявку» — звучит понятнее и ближе к пользовательскому сценарию.

«Поехали» — уже почти разговорная реплика интерфейса.

В простых функциональных сценариях — если нужно перевести деньги, обновить данные профиля или поменять настройки — язык кнопок обычно остается нейтральным. Например, «Яндекс Пэй» использует прямые формулировки: «Перевыпустить карту», «Отменить». Такие подписи не отвлекают и воспринимаются как часть логики системы. Пользователь не считывает интонацию — он совершает действие.

В продуктах с более эмоциональной коммуникацией кнопки становятся частью общего настроения. Шеринг самокатов «МТС Юрент» использует разговорную формулировку «Поехали!», которая звучит скорее как приглашение, чем как техническая команда. Кнопка остается функциональной, но одновременно поддерживает характер продукта.

Онбординг

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

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

Когда у продукта выходит обновление, пользователю нужно заново сориентироваться в уже знакомом интерфейсе. Команда «Яндекс Афиши» обыграла этот момент через простую и честную рамку: «Мы всё переделали». Пользователь сразу понимает, что интерфейс изменился, а визуальная метафора ремонта помогает быстро считать смысл обновления.

Виды ToV: как интерфейс звучит для пользователя

В продуктовом дизайне Tone of Voice удобно рассматривать как систему координат: бренды используют в интерфейсе не один тон, а настраивают интонацию в пределах нескольких шкал.

Исследовательское бюро Nielsen Norman Group предлагает оценивать тон интерфейса по четырем шкалам:

• формально ↔ разговорно;
• серьезно ↔ шутливо;
• уважительно ↔ дерзко;
• нейтрально ↔ эмоционально.

Например, «Госуслуги» — сервис с высокой долей формальных и юридически значимых сценариев. Этому контексту соответствует и ToV: сдержанный, нейтральный, однозначный. Там вы не увидите разговорных интонаций и эмоциональных акцентов — тексты фокусируются на статусах, действиях и результатах. Даже в потенциально стрессовых ситуациях язык остается спокойным и утилитарным.

Противоположную модель коммуникации можно увидеть у «Купера» — для сервиса доставки характерна более мягкая и разговорная интонация. Интерфейс звучит живее: задержки, поиск и статусы подаются в почти диалоговой манере. Такой тон снижает напряжение и создает у пользователя ощущение реального общения с продуктом.

Еще один показательный пример — «2ГИС». В навигационных и сервисных сценариях язык остается дружелюбным и при этом функциональным: формулировки звучат живо, но всё еще помогают сделать коммуникацию ясной и предсказуемой.

Во всех случаях речь не о стиле ради стиля: Tone of Voice связан с задачами продукта, типом сценариев и ожиданиями пользователя. Важно не то, насколько тон яркий или нейтральный, а насколько он согласован с поведением продукта и насколько последовательно звучит на разных экранах.

Типичные ошибки

Интонация вне контекста. Тон работает только внутри сценария. Например, Duolingo может позволить себе навязчиво-дружелюбные или даже слегка агрессивные напоминания вроде «Ты не занимался 5 дней. Сова злится» — это часть образа продукта, пользователи считывают их как фирменный стиль. Но похожая интонация в банковском или юридическом интерфейсе будет восприниматься как ошибка. Не потому что шутки плохи, а потому что контекст здесь требует другой модели общения.

Несколько голосов в одном продукте. Один экран звучит живо и по-человечески, другой — как техническая инструкция. Обычно так случается если тексты появляются фрагментарно: разные авторы, разные релизы, нет общих принципов. Пользователь редко осознает, что проблема именно в ToV, но ощущение разных продуктов внутри одного интерфейса появляется почти сразу.

Копирование чужой интонации. После успеха Авиасейлс дерзкий тон стал популярным приемом и одновременно частым источником неловкости. ToV невозможно заимствовать как визуальный стиль — он работает, когда вырастает изнутри бренда, а не надевается как костюм. Если продукт серьезный, а в текстах пытается шутить — пользователь считывает фальшь.

Как определить и зафиксировать ToV

Tone of Voice редко складывается удачно, если начинать с абстрактных формулировок вроде «мы дружелюбные, профессиональные и инновационные». Такие описания звучат красиво, но почти не помогают в реальной продуктовой работе.

Гораздо полезнее отталкиваться от контекста: кто ваш пользователь и в каком состоянии он взаимодействует с интерфейсом. Язык в стрессовых сценариях работает иначе, чем в повседневных. Один и тот же бренд может звучать по-разному в разных ситуациях, но при этом оставаться узнаваемым.

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

Хорошие примеры такой фиксации доступны публично:

• «Додо Пицца» подробно описывает принципы коммуникации и тон бренда в открытом гайде → https://shift.dodobrands.io/tov-dodo-pizza
• «ВкусВилл» показывает, как язык становится частью бренд-системы и пользовательского опыта → https://vkusvill.ru/brand/
• Mailchimp остаётся одним из самых цитируемых примеров системной работы с голосом продукта → https://styleguide.mailchimp.com/voice-and-tone/

Общий принцип во всех кейсах один: тон работает только тогда, когда становится частью системы. Вот почему гайд по ToV должен жить рядом с дизайн-системой, а не в отдельном документе: тексты кнопок, состояний и ошибок — такие же интерфейсные компоненты, как цвет и типографика. В Figma это можно встроить буквально: рядом с компонентом — правило формулировки. Именно так Tone of Voice перестает быть контентной историей и становится частью дизайна.

ЧИТАЙТЕ ТАКЖЕ:

Дизайнер интерфейсов — кто это и чем он занимается?

Как дизайнеру работать с Tone of Voice в макетах

В продуктовой работе Tone of Voice проявляется на уровне повседневных решений — в подписях, состояниях и компонентах. И именно дизайнер чаще всего оказывается тем, кто этот тон фактически проектирует.

Вот несколько принципов, которые помогают удерживать ToV на уровне интерфейса ↓

Относиться к тексту как к элементу интерфейса. Кнопки, ошибки, пустые экраны и системные сообщения работают как элементы навигации: они объясняют пользователю, что происходит в этот момент, и подсказывают, что делать дальше. Если в макете остаются заглушки вроде «Button text» или «Ошибка», значит сценарий еще не продуман до конца.

Начинать с функции, а не с интонации. Хороший ToV всегда опирается на задачу сценария. Вопрос не в том, как сделать формулировку живее, а в том, что пользователь должен понять в этом состоянии. Интонация — слой поверх функции, а не наоборот.

Работать с повторяющимися паттернами. Tone of Voice складывается не из отдельных удачных реплик, а из системы. Ошибки, подсказки, кнопки действий должны звучать согласованно. Даже небольшие расхождения быстро создают ощущение разнородного интерфейса.

Смотреть на текст как на часть визуальной композиции. ToV — это не только слова, но и их форма. Длина фраз, ритм строк, акценты и структура напрямую влияют на восприятие. Один и тот же смысл можно передать по-разному:

❌ Авторизация не выполнена

✅ Не получилось войти в аккаунт

Функционально сообщения равны, но ощущение от взаимодействия меняется.

Фиксировать решения, а не полагаться на интуицию. Даже удачная формулировка сама по себе еще не создает Tone of Voice. Система появляется там, где есть понятные принципы: как интерфейс сообщает об ошибках, как формулируются действия, какие конструкции считаются базовыми. По сути, тон интерфейса — это предсказуемость. Когда язык стабилен, продукт воспринимается цельным — пользователь просто взаимодействует с интерфейсом, не спотыкаясь о формулировки.

Мини-чек-лист макета ✔ Интерфейс звучит как единая система ✔ Формулировки работают на сценарий ✔ Язык соответствует характеру продукта ✔ Текст помогает ориентироваться

Важно помнить: хороший Tone of Voice почти незаметен. Но стоит языку выбиться из логики интерфейса — это сразу чувствуется.

Главное о Tone of Voice

• Tone of Voice — это не свод правил о том, как писать красиво. ToV определяет, как интерфейс общается с пользователем: как объясняет ошибки, подсказывает следующий шаг и реагирует на действия человека.
• ToV работает как часть UX. Он влияет на восприятие продукта так же, как визуальная логика, анимация и структура экранов.
• Интерфейс всегда звучит — даже когда кажется, что он просто показывает данные.
• Тон проявляется даже в микрорешениях: кнопках, ошибках, пустых состояниях, системных сообщениях, онбординге.
• Консистентность важнее креативности. Интерфейс с ровным нейтральным тоном работает лучше, чем набор ярких, но стилистически разнородных формулировок.
• Хороший Tone of Voice редко привлекает к себе внимание. Пользователь замечает его в основном тогда, когда что-то звучит неестественно.
• ToV невозможно заимствовать как стиль. Он вырастает из продукта, сценариев и ожиданий аудитории.

FAQ