Метки и названия
Что это такое
Метки и названия определяют, какие слова попадут в навигацию, заголовки, кнопки и ссылки, а каждая метка обещает, что лежит за ней, — и вся структура держится на том, что обещание выполняют.
Почему это важно
Пользователь, который не может угадать правильную метку, не найдёт контент и часто решит, что функции не существует. Это самый выгодный текст в продукте, ведь одно слово решает, обнаружат категорию или нет, а у метки, в отличие от абзаца, нет места объяснить себя — потому она и должна быть верной с первого раза; однако слова, которыми пользуется команда внутри, почти никогда не совпадают с теми, что ищет пользователь.
Ключевые идеи
Отталкивайтесь от слов пользователя
Собирайте словарь из сессий, обращений в поддержку и поисковых запросов на сайте. Слова, которые люди печатают в поиске, и есть метки, которые у них уже есть.
Формулировка в тикете Как названо в продукте Кандидат в метки
«где моя посылка» Отслеживание заказа Где мой заказ
«мой счёт» Платёжные документы Счета
«отменить мой тариф» Управление подпиской Отменить тариф
Конкретное лучше абстрактного
«Решения» и «Ресурсы» не значат ничего, тогда как существительное, называющее контент или задачу, угадывается. Выбирайте существительное, которое пользователь мог бы произнести вслух.
Одно понятие — одна метка
Синонимы по всему продукту читаются как разные функции, поэтому держите таблицу именования: термин для пользователя, запрещённые синонимы и единственное место, где каждый термин определён.
Термин: тариф запрещено: пакет, уровень, членство
Термин: счёт запрещено: счёт-фактура, выписка, квитанция
Проверяйте метку в одиночку
Спросите пять человек, что они ожидают найти за меткой, но покажите им саму страницу только после их ответов: расхождение и есть находка.
Метка: «Управление»
Ответы: «настройки?» «мой аккаунт?» «удалить что-то?» -> слишком расплывчато
Метка: «Ваш тариф и счета»
Ответы: «моя подписка» x4 -> оставить
Следите за длиной на самом узком экране
Метка навигации должна выжить на узком вьюпорте и при переводе, поэтому стремитесь к одному-двум словам. Метке, которой нужно предложение, место в заголовках, а не среди пунктов навигации.
Практика
Составьте список кандидатов в метки
Возьмите один раздел продукта, выпишите текущие метки, а затем для каждой напишите фразу, которой пользуются люди, — из обращений, логов поиска или сессий.
Готово, когда: у каждой метки в списке есть пользовательская фраза с источником, и вы отметили те, где они расходятся.
Проверьте пять меток в изоляции
Покажите пять меток без контекста и спросите, что человек ожидает найти. Затем покажите страницу и отметьте разрыв.
Готово, когда: вы можете назвать две метки, которые стабильно вводят в заблуждение, и у вас есть слово-замена для каждой.
Частые ошибки
- Внутренние названия проектов в навигации — пользователи ищут понятие, которое продукт назвал по кодовой базе; исправить: подписывайте метку пользовательской фразой с источником.
- Абстрактные слова-категории — «Ресурсы» и «Решения» ничего не обещают; исправить: назовите контент или задачу.
- Синонимы одного понятия — продукт читается как несколько продуктов; исправить: держите таблицу именования и уберите альтернативы.
- Метки, требующие объяснения — пользователь должен открыть страницу, чтобы понять смысл; исправить: проверяйте метку в одиночку и переписывайте, пока она не предсказывает содержимое.
- Выбор метки вкусом комитета — побеждает самое привычное внутреннее слово; исправить: тестируйте на людях, которые это не строили.
Что читать дальше
- Информационная архитектура (03-design-ux/09-information-architecture) — трек, на вершине которого стоят метки.
- Иерархия и навигация (03-design-ux/09-information-architecture/02-hierarchy-and-navigation) — упорядочивание названных вещей.
- Сортировка карточек (03-design-ux/26-card-sorting) — откуда берутся кандидаты в метки и группировки.
- UX-тексты и микрокопирайтинг (03-design-ux/07-ux-writing-microcopy) — мастерство письма, из которого складывается метка из двух слов.