Текст интерфейса – это любое словесное содержимое, которое пользователь видит на экране при взаимодействии с приложением, сайтом или устройством. Это кнопки, подсказки, сообщения об ошибках, названия разделов, инструкции и уведомления. Они не украшение – это рабочие элементы, от которых зависит, поймет ли пользователь, что делать дальше.
| Что разберем | Что это даст |
| Четкое определение текста интерфейса и его границы | Поймете, что входит в эту категорию, а что нет |
| Основные виды текстов интерфейса с примерами | Сможете быстро распознать каждый тип и писать для него правильно |
| Как текст интерфейса отличается от других видов текста | Не будете путать его с копирайтингом, документацией или маркетинговым текстом |
| Типичные ошибки при создании текстов интерфейса | Избежите потери пользователей из-за непонятных формулировок |
Определение текста интерфейса
Текст интерфейса – это вся словесная информация, которая находится внутри интерфейса и помогает пользователю ориентироваться, выполнять действия или понимать состояние системы. Это не контент, который создает пользователь (посты, сообщения, документы), а текст, который создает разработчик или дизайнер для управления взаимодействием.
Важное уточнение: текст интерфейса – это не весь текст на странице. Если вы читаете статью на сайте, статья – это контент, а «Назад», «Поделиться», «Комментарии» – это текст интерфейса. Если вы заполняете форму в приложении, подсказка «Введите номер телефона в формате +7» – это текст интерфейса, а данные, которые вы вводите, – нет.
Основные виды текстов интерфейса
Навигационные тексты
Помогают пользователю ориентироваться в структуре и переходить между разделами. Это названия меню, вкладок, пунктов навигации и хлебные крошки.
Примеры:
- «Главная»
- «Мой профиль»
- «Настройки»
- «Помощь и поддержка»
- «Каталог / Электроника / Смартфоны»
Главное требование: названия должны точно описывать, куда пользователь попадет. «Еще» вместо понятного названия раздела – это ошибка.
Тексты кнопок и действий
Описывают, что произойдет при нажатии. Это самые критичные тексты интерфейса, потому что пользователь принимает решение именно на их основе.
Примеры:
- «Отправить»
- «Сохранить изменения»
- «Удалить профиль»
- «Перейти к оплате»
- «Загрузить файл»
Развилка: если кнопка выполняет опасное действие (удаление, выход), текст должен быть точным и четким. «Да» или «Удалить» лучше, чем «Подтвердить» в контексте удаления профиля – читатель ясно видит, что произойдет.
Подсказки и плейсхолдеры
Помогают пользователю заполнить форму или понять, что нужно сделать. Плейсхолдер – это текст внутри пустого поля ввода, подсказка – это текст рядом или под полем.
Примеры:
- Плейсхолдер: «Введите email»
- Подсказка: «Пароль должен содержать минимум 8 символов, букву и цифру»
- Подсказка: «Это имя видно только вам»
Важное ограничение: плейсхолдер не заменяет подпись поля. Если пользователь начнет вводить текст, плейсхолдер исчезнет, и он может забыть, что вводил. Всегда добавляйте видимую подпись рядом с полем.
Сообщения об ошибках
Объясняют пользователю, что пошло не так и как это исправить. Это самый важный тип текста интерфейса, потому что в момент ошибки пользователь наиболее сосредоточен.
Примеры правильных сообщений об ошибках:
- «Email уже зарегистрирован. Используйте другой или восстановите пароль»
- «Номер телефона должен содержать 11 цифр»
- «Файл больше 10 МБ. Сожмите его и попробуйте снова»
Примеры неправильных сообщений об ошибках:
- «Ошибка» (непонятно, что именно)
- «Неверный формат» (как правильный?)
- «Операция не выполнена» (почему?)
Правило: каждое сообщение об ошибке должно содержать что произошло и как это исправить. Без второй части – это не помощь, а раздражение.
Подтверждающие и информационные сообщения
Уведомляют пользователя о состоянии или результате действия. Это уведомления об успехе, предупреждения и статусные сообщения.
Примеры:
- «Профиль успешно обновлен»
- «Загрузка… 45%»
- «Внимание: это действие нельзя отменить»
- «Интернет отключен. Некоторые функции недоступны»
Текст справки и микроконтента
Это короткие объяснения, которые помогают пользователю в конкретный момент, не отправляя его в документацию. Обычно это небольшие блоки текста под полем, в тултипе или в модальном окне.
Примеры:
- «Используйте кавычки для поиска точной фразы»
- «Первый платеж вернется в течение 3–5 дней»
- «Код отправлен на номер, заканчивающийся на 67»
Отличие текста интерфейса от других видов текста
От маркетингового текста и копирайтинга: маркетинговый текст убеждает, продает, привлекает. Текст интерфейса помогает, объясняет, направляет. «Вы получите доступ к эксклюзивным материалам» – это копирайтинг. «Нажмите здесь для входа» – это текст интерфейса.
От технической документации: документация может быть подробной, с примерами и историческим контекстом. Текст интерфейса должен быть максимально кратким и понятным с первого взгляда. Пользователь не переходит в справку специально – он ожидает ответа на экране.
От контента: контент – это то, что создает или использует пользователь (статья, комментарий, фото). Текст интерфейса – это инструмент для работы с этим контентом.
От художественного текста: художественный текст может быть двусмысленным, метафоричным, требующим интерпретации. Текст интерфейса должен быть однозначным, прямым и понятным даже человеку, который первый раз видит интерфейс.
Типичные ошибки при создании текстов интерфейса
Двусмысленность и неточность
Ошибка: «Применить» вместо точного глагола действия.
Пользователь не знает, применится ли изменение сейчас или нужно нажать еще одну кнопку. «Применить» работает в контексте, где понятно, что применяется, но «Сохранить изменения» или «Обновить профиль» точнее.
Ошибка: «Обработка…» без указания, что именно обрабатывается.
Если загружается несколько файлов, пользователь не знает, загружается ли второй файл или произошла ошибка. Лучше: «Загрузка файла 2 из 5» или «Файл большой_документ.pdf загружается».
Неправильный тон
Ошибка: Излишне формальный или технический язык там, где нужен человеческий.
«Непредвиденная ошибка при инициализации модуля синхронизации» вместо «Не удалось синхронизировать данные. Проверьте интернет и попробуйте снова».
Ошибка: Излишне дружеский или шутливый тон там, где нужна ясность.
«Оупс, кажется, вы где-то ошиблись» вместо четкого описания проблемы. Пользователю нужна помощь, а не развлечение.
Отсутствие контекста в сообщениях об ошибках
Ошибка: Сообщение об ошибке не указывает, где именно ошибка.
Если в форме с 10 полями пользователь видит «Заполните все поля», он не знает, какое поле пропустил. Лучше: выделить ошибочное поле красным и написать под ним «Это поле обязательно».
Игнорирование контекста пользователя
Ошибка: Одинаковый текст для разных ситуаций.
«Загрузка…» одинаково звучит, загружается ли 100-килобайтный файл или 500-мегабайтный видеоклип. Для долгих операций добавьте «Это может занять несколько минут» или покажите прогресс.
Невидимые или неочевидные тексты
Ошибка: Важная информация спрятана в тултипе или под спойлером.
Если пользователь не знает, что есть тултип, он не найдет важную информацию. Критичные подсказки должны быть видны по умолчанию.
Ограничения текста интерфейса
Ограничение 1: Место на экране. Мобильные экраны и узкие окна ограничивают объем текста. Не всегда получится написать подробное объяснение. Нужно выбрать самое важное или добавить ссылку на справку. Пример: вместо полного объяснения требований к паролю напишите «Минимум 8 символов, буква и цифра» и добавьте иконку помощи с полным описанием.
Ограничение 2: Разные уровни подготовки пользователей. Один пользователь знает, что такое «синхронизация», другой нет. Нельзя угодить всем одним текстом. Решение: использовать простой язык по умолчанию и добавлять ссылку на справку для желающих узнать больше.
Ограничение 3: Локализация. Если интерфейс переводят на другие языки, текст должен быть кратким и не содержать культурных отсылок. «Классно!» будет странно звучать в переводе на китайский. Лучше: «Готово».
Ограничение 4: Быстрое устаревание. Если в интерфейсе есть конкретные цены, сроки или названия услуг, они требуют постоянного обновления. Текст «Первый месяц за 99 рублей» устаревает. Лучше: «Первый месяц со скидкой» с ссылкой на актуальные условия.
Примеры текстов интерфейса в реальных приложениях
Яндекс.Карты: «Добавить место» (кнопка), «Введите название места» (плейсхолдер), «Это место может быть закрыто» (информационное сообщение).
Сбербанк Онлайн: «Переводы» (навигация), «Сумма должна быть от 1 до 999 999 рублей» (подсказка), «Платеж отправлен» (подтверждение).
Telegram: «Закрепить сообщение» (текст кнопки), «Вы заблокировали этого пользователя» (статусное сообщение), «Скопировать» (действие в контекстном меню).
Avito: «Проверить объявление» (кнопка), «Объявление может быть снято модератором» (предупреждение), «Звонок защищен» (информационный текст при звонке).
Как отличить хороший текст интерфейса от плохого
Хороший текст интерфейса:
- Понятен с первого взгляда, не требует переосмысления
- Точно описывает действие или состояние
- Использует простой язык без специальных терминов (или объясняет их)
- Достаточно краткий, чтобы уместиться на экране
- Не требует дополнительных источников информации (справки, гугла)
- Соответствует контексту и помогает пользователю в конкретный момент
Плохой текст интерфейса:
- Двусмысленен или требует интерпретации
- Содержит технический жаргон без объяснения
- Слишком длинный или слишком короткий, чтобы быть полезным
- Не объясняет, почему произошла ошибка или что делать дальше
- Шутит или развлекает вместо того, чтобы помогать
- Не соответствует реальным действиям пользователя
Главное о текстах интерфейса
Текст интерфейса – это не украшение, это инструмент. Каждое слово должно работать: помогать пользователю ориентироваться, понимать, что происходит, и знать, что делать дальше. Хороший текст интерфейса незаметен – пользователь не думает о словах, он просто понимает, что нужно делать. Плохой текст интерфейса видно сразу: пользователь теряется, не знает, где нажать, не понимает сообщение об ошибке или выполняет неправильное действие.
