ДИЗАЙНЕР ИНТЕРФЕЙСОВ
Пишем интерфейсный текст:
15 правил для дизайнеров
Многие дизайнеры считают, что поработать над формулировками интерфейсного текста можно в любой момент, а сейчас лучше сосредоточиться на дизайне. Это, конечно же, не так.

На курсе «Дизайнер интерфейсов» мы подробно разбираем эту тему. А сейчас предлагаем ознакомиться со статьей нашего друга, главного редактора UX Planet Ника Бабича. Мы перевели его пост про пятнадцать правил создания эффективных интерфейсных текстов. Всего правил было шестнадцать, но поскольку мы адаптировали материал под наши языковые реалии, их получилось меньше.
24 июля 2018
Ник Бабич
главный редактор UX Planet
Интерфейсный текст включает в себя кнопки и пункты меню, сообщения об ошибках, советы по безопасности, правила и инструкции. Его основная цель — направлять пользователя и помогать ему взаимодействовать с продуктом. В этой статье я дам практические советы, как сделать интерфейсные тексты эффективными.
Почему писать интерфейсный текст нужно на этапе проектирования
Разработчики часто думают: «Сначала сделаем дизайн, а потом наймем кого-нибудь, кто напишет тексты». Это нередко приводит к тому, что ключевые проблемы интерфейса могут оставаться незамеченными вплоть до поздних этапов разработки продукта. Именно поэтому тексты нужно писать на ранних этапах процесса.
Начинайте работать над текстами как можно раньше, ибо проблемы с ними часто указывают на проблемы в дизайне.
Профессиональные UX-редакторы должны работать над текстом интерфейса вместе с разработчиками и дизайнерами. Часто в процессе они просят продуктовую команду объяснить те или иные решения. И если это не удается, очень часто улучшать нужно именно дизайн, а не текст.
Советы по написанию интерфейсных текстов
Вот несколько общих правил, которые помогут вам создавать качественные и работающие интерфейсные тексты.
01
Будьте краткими
Используйте как можно меньше слов, но не теряйте смысл. Убедитесь, что каждое слово на экране действительно работает. Следуйте совету Марка Твена:
«Писать легко. Все, что вам нужно делать — вычеркивать неправильные слова».
Неправильно: Перед тем, как комментировать, вам нужно авторизоваться
Правильно: Авторизуйтесь, чтобы комментировать
02
Избегайте длинных блоков текста
Пользователь обычно сосредоточен на своей работе, а не на интерфейсе продукта — он лишь сканирует его глазами. Помогите ему: пишите простыми предложениями, разбивайте их на абзацы и короткие блоки. Сначала напишите самое важное, а все остальное беспощадно отредактируйте и сократите.

Напишите коротко, а потом сократите вполовину.
03
Всегда начинайте с цели
Сначала назовите цель, а уже потом опишите, какими действиями ее достичь.
Неправильно: Нажмите на элемент, чтобы увидеть его свойства
Правильно: Чтобы увидеть свойства элемента, нажмите на него
04
Используйте конкретные глаголы
Конкретные глаголы (например, «подключите» или «сохраните») несут гораздо больше смысла, чем общие (например, «настройте» или «примените»).
05
Следите, чтобы текст был последовательным
Типичный пример непоследовательности — синонимы в разных частях интерфейса. Если в одной части вы называете процесс «бронированием», не называйте его «резервированием» в других частях интерфейса.
06
Избегайте жаргона
Интерфейсный текст должен быть ясным и простым. Удалите все технические термины, используйте только знакомые и понятные обычному пользователю слова и выражения. Особенно это важно для сообщений об ошибках.
Неправильно: Системная ошибка (код # 2234): произошла ошибка аутентификации
Правильно: Ошибка входа: неправильный пароль
07
Не используйте дополнительные глаголы
Избегайте дополнительных глаголов, если они не несут смысловой нагрузки. Посмотрите на пример: мы убрали «было», но смысл не поменялся.
Неправильно: Видео было загружено
Правильно: Видео загружено
08
Пишите в активном залоге
Пассивный залог навевает на читателя скуку. Сравните одно и то же предложение в активном и в пассивном залогах:
Неправильно: Кнопку «Поиск» следует нажать, когда вы будете готовы искать статью
Правильно: Чтобы найти статью, нажмите на кнопку «Поиск»
09
Пишите числительные цифрами
Любые числа в интерфейсе лучше писать цифрами.
Неправильно: У вас два пропущенных звонка
Правильно: У вас 2 пропущенных звонка
10
Не пытайтесь выдать всю информацию сразу
Иногда бывает полезно сообщить пользователю дополнительную информацию или дать подробную инструкцию. Но не стоит перегружать экран текстом, лучше раскрывать детали постепенно. Самый простой способ — ссылка «Читать дальше», под которой прячутся подробности.
Текст на картинке: «Объединяйте! Организованные команды делают больше. От первого коллективного обсуждения и до завершения проекта: сделайте Evernote своим командным центром и ощутите кайф продуктивности. Узнать больше о тарифе Бизнес».
Постепенное раскрытие информации особенно полезно для мобильных интерфейсов, где пространство экрана сильно ограничено.
Изображение: Ramotion
11
Максимально точно описывайте функции интерактивных элементов
Пользователи ненавидят оказываться в ситуации, когда ждали одного, а получили совсем другое. Они должны сразу понимать, что именно делает конкретный элемент интерфейса.
Выбирайте слова, которые ясно дают понять, что именно делает элемент интерфейса.
Когда подписываете кнопки и другие интерактивные элементы, используйте глаголы действия: «Отправить», «Подписаться», «Удалить» вместо абстрактных слов вроде «Ок», «Да» и «Далее».
12
Будьте аккуратнее с юмором
Многие дизайнеры считают, что юмор делает интерфейс более человечным. Но как и любой другой компонент UI, он должен быть продуман. Пользователю скорее всего придется многократно взаимодействовать с вашим интерфейсом. И то, что в первый раз могло показаться забавным, в дальнейшем начнет раздражать (особенно если это шутка в сообщении об ошибке). К тому же, юмор не универсален: то, что смешно в одной культуре, не обязательно будет таким же в другой.
13
Используйте соответствующий платформе язык
Термины, которые мы используем в описании десктопного приложения могут не подходить к мобильным. Например, в случае с iOS-приложением мы говорим не «кликнуть», а «нажать» на иконку. (В английском "click" vs. "tap")
14
Вместо даты пишите «сегодня», «вчера» или «завтра»
Люди не используют дату, говоря о вчерашнем дне — они говорят «вчера». Применяйте тот же принцип в интерфейсе. Вместо даты пишите «сегодня», «вчера» или «завтра» — так пользователю не придется постоянно сверяться с календарем. Но не забывайте учитывать часовые пояса и местное время пользователя.
15
Используйте графику, если она помогает донести мысль
Наш мозг отлично интерпретирует визуальную информацию. Некоторые вещи практически невозможно объяснить словами. Используйте изображения, чтобы сделать текст более понятным и наглядным. Посмотрите на пример ниже: пользователю помогают найти нужную информацию с помощью картинки.
Не совсем очевидно, где пользователь может найти штрих-код, поэтому текст справки рядом с полем ввода может быть очень кстати.
Удивительно, сколько сил и времени нужно, чтобы создать действительно хороший интерфейсный текст. Но поверьте — оно того стоит! Каждое слово в вашем продукте — это часть диалога с пользователями. И вы как дизайнер должны стремиться сделать его эффективным.
Хотите прокачаться в UX/UI-дизайне, делать лучше и зарабатывать больше?

Welcome на программу «Дизайнер интерфейсов». Здесь вы прокачаете ваши UX и UI-скиллы, научитесь создавать крутые дизайн-решения, соберете большое портфолио и сможете устроиться в команду мечты!
Понравилось? Поделитесь с друзьями