UX-райтинг — это практика создания слов, которые пользователи видят при взаимодействии с программным обеспечением, веб-сайтами или мобильными приложениями. Эта область фокусируется на создании микрокопи, включая метки кнопок, описания меню, сообщения об ошибках и инструкции, которые направляют посетителя через конкретную задачу. Делая эти небольшие фрагменты текста ясными и полезными, цифровые продукты могут значительно снизить разочарование пользователей и увеличить вероятность успешной конверсии или транзакции.
Каждое слово в цифровом интерфейсе служит функциональной цели. В отличие от традиционного маркетингового копирайтинга, который стремится привлечь внимание или создать бренд-нарратив, микрокопи фокусируется на том, чтобы помочь пользователю добраться из точки А в точку Б. Если пользователь чувствует замешательство из-за метки или не уверен, что произойдет после нажатия кнопки, он с большей вероятностью покинет процесс. Хороший дизайн не может компенсировать плохой текст, потому что текст обеспечивает логику и направление для визуальных элементов.
В чем разница между UX-райтингом и копирайтингом?
Копирайтинг обычно ориентирован на верхнюю часть маркетинговой воронки. Его главная цель — убедить, рассказать историю и побудить человека заинтересоваться продуктом или услугой. Вы видите копирайтинг в рекламе, заголовках лендингов и постах в социальных сетях. Он часто использует эмоциональные триггеры и творческие метафоры для создания идентичности бренда и стимулирования первоначального взаимодействия.
UX-райтинг происходит, когда пользователь уже находится внутри продукта или интерфейса. Цель смещается от убеждения к облегчению. На этом этапе пользователь уже решил изучить сервис; теперь ему нужно знать, как им пользоваться. В то время как копирайтер может написать вдохновляющий заголовок о том, почему вам нужен новый инструмент продуктивности, UX-райтер определяет, что написано на кнопке ‘Зарегистрироваться’ и как сформулированы инструкции по онбордингу.
Ясность — приоритет для UX-райтера. Если творческий заголовок на кнопке заставляет пользователя остановиться и задуматься дольше, чем на секунду, он не справился со своей задачей. В типичном процессе настройки аккаунта текст должен быть невидимым. Пользователь должен выполнить задачу, вообще не замечая текста. Это различие жизненно важно для поддержания плавного потока в сложных приложениях, где одно неверное слово может привести к обращению в поддержку или потере клиента.
Как микрокопи влияет на коэффициенты конверсии пользователей?
Микрокопи действует как соединительная ткань между дизайном и действием. Когда посетитель попадает в магазин Shopify, он сталкивается с многочисленными небольшими фрагментами текста, которые либо вызывают доверие, либо создают сомнения. Например, кнопка с надписью ‘Перейти к безопасной оплате’ внушает больше уверенности, чем просто ‘Отправить’. Слово ‘Безопасная’ снимает распространенную тревогу пользователя относительно безопасности данных, что может напрямую улучшить коэффициенты конверсии.
Трение — главный враг конверсии. Трение возникает, когда пользователь сталкивается с препятствием, которое заставляет его остановиться и пересмотреть свое действие. Это часто случается в веб-формах. Если поле запрашивает номер телефона без объяснения причин, пользователь может заколебаться. Добавление небольшой строки микрокопи, например, ‘Мы используем это только для уведомлений о доставке’, может развеять это беспокойство и помочь пользователю двигаться дальше по воронке.
Микрокопи также помогает управлять ожиданиями. В SaaS-приложении кнопка с надписью ‘Начать бесплатную пробную версию’ в идеале должна сопровождаться текстом ‘Кредитная карта не требуется’, если это так. Эта прозрачность устраняет значительный барьер для входа. Предвидя вопросы, которые могут возникнуть у пользователя на каждом шаге, автор может предоставить ответы через микрокопи еще до того, как у пользователя появится шанс почувствовать замешательство.
Какие элементы интерфейса требуют наибольшего внимания?
Кнопки призыва к действию (CTA)
Кнопки — самые важные элементы для конверсии. Текст на CTA всегда должен быть ориентирован на действие и описательным. Вместо общих терминов, таких как ‘ОК’ или ‘Перейти’, используйте глаголы, описывающие результат клика. Для сайта бронирования путешествий ‘Посмотреть доступные номера’ гораздо эффективнее, чем ‘Поиск’, потому что он точно говорит пользователю, что он увидит дальше. Длина текста кнопки также имеет значение; он должен быть достаточно длинным, чтобы быть понятным, но достаточно коротким, чтобы удобно вписываться в дизайн интерфейса.
Метки форм и текст-заполнитель
Формы — это место, где пользователи часто застревают. Каждая метка должна быть однозначной. Текст-заполнитель, который появляется внутри поля до того, как пользователь начнет печатать, следует использовать для примеров, а не для инструкций. Например, в поле для даты рождения заполнитель может показывать ‘ДД/ММ/ГГГГ’. Однако метка все равно должна четко гласить ‘Дата рождения’. Если заполнитель исчезает и пользователь забывает, для чего было поле, ему, возможно, придется удалить введенные данные, чтобы снова увидеть инструкцию, что является плохим опытом.
Пустые состояния и экраны загрузки
Пустые состояния возникают, когда нет данных для отображения, например, панель управления нового пользователя или пустая корзина покупок. Это возможности направить пользователя к его первому действию. Вместо того чтобы говорить ‘Ваша корзина пуста’, лучше подойти так: ‘Ваша корзина пуста. Просмотрите нашу последнюю коллекцию, чтобы начать.’ Это обеспечивает четкий следующий шаг. Аналогично, экраны загрузки могут использовать микрокопи, чтобы удерживать внимание пользователя, возможно, объясняя, что происходит в фоновом режиме, например, ‘Получение ваших персональных рекомендаций’.
Почему важна последовательность в UX-райтинге?
Последовательность создает ментальную модель для пользователя. Если вы используете слово ‘Удалить’ в одной части интерфейса и ‘Убрать’ в другой для описания одного и того же действия, вы создаете когнитивную нагрузку. Пользователь может задаться вопросом, есть ли техническая разница между ними. Придерживание одного термина для конкретного действия на всем сайте помогает пользователям быстрее изучить интерфейс и чувствовать себя увереннее в своих взаимодействиях.
Эта последовательность должна также применяться к тону голоса. Банковское приложение, вероятно, должно использовать профессиональный и надежный тон, в то время как игровое приложение может быть более игривым. Если тон внезапно меняется с формального на повседневный, это может ощущаться как диссонанс и непрофессионализм. Alien Road рекомендует создать простое руководство по голосу и тону, в котором перечислены предпочтительная терминология и общая ‘личность’ текста интерфейса, чтобы гарантировать, что все члены команды пишут единообразно.
Как писать лучшие сообщения об ошибках?
Сообщения об ошибках часто являются самой запущенной частью UX-райтинга, хотя это моменты, когда пользователю больше всего нужна помощь. Плохое сообщение об ошибке — это то, которое загадочно, например, ‘Ошибка 404’ или ‘Неверный ввод’. Хорошее сообщение об ошибке следует трехчастной структуре: оно объясняет, что произошло, почему это произошло и как это исправить. Этот подход превращает разочаровывающее препятствие в полезный момент ориентации.
- Избегайте обвинения пользователя: Вместо ‘Вы ввели неверный пароль’ используйте ‘Этот пароль не совпадает с нашими записями’.
- Будьте конкретны: Вместо ‘Что-то пошло не так’ используйте ‘Мы не смогли сохранить ваши изменения, так как соединение было потеряно’.
- Предоставьте решение: Если имя пользователя занято, предложите доступные альтернативы или ссылку для восстановления существующего аккаунта.
- Будьте кратки: Пользователи не хотят читать абзац, когда они застряли; переходите сразу к делу.
В типичном процессе восстановления аккаунта предоставление четких инструкций может предотвратить отказ пользователя. Если они заблокированы, текст должен точно сказать им, как долго длится блокировка, или предоставить прямую ссылку для связи с поддержкой. Цель — сократить время, которое пользователь проводит в состоянии неудачи.
Дизайн для мобильных ограничений
Мобильные устройства предлагают очень мало места на экране, что делает каждый символ важным. UX-райтеры должны быть экспертами в ‘фронтальной загрузке’ информации. Это означает размещение самых важных слов в начале предложения или метки. На маленьком экране текст может быть обрезан или сокращен многоточием. Если глагол действия находится в конце длинного предложения, пользователь может его вообще не увидеть.
Кроме того, мобильные пользователи часто находятся в движении и более отвлечены, чем пользователи настольных компьютеров. Микрокопи должна быть сканируемой. Используйте короткие предложения и маркированные списки, где это возможно. При проектировании мобильного приложения учитывайте, как движется большой палец; кнопки должны быть достаточно большими для нажатия, а текст на них должен быть читаемым с первого взгляда. Избегайте использования жаргона или технических терминов, которые требуют дополнительных умственных усилий для расшифровки в мобильном контексте.
Чек-лист для микрокопи с высокой конверсией
- Является ли текст ясным и свободным от технического жаргона?
- Описывает ли текст кнопки точно, что произойдет дальше?
- Являются ли сообщения об ошибках полезными и действенными, а не просто описательными?
- Является ли тон голоса последовательным на всех страницах и в модальных окнах?
- Адресует ли текст потенциальные тревоги пользователей до того, как они возникнут?
- Размещены ли самые важные слова в начале меток и заголовков?
- Удалили ли вы все ненужные слова, чтобы сохранить интерфейс чистым?
Тестирование микрокопи также является распространенным шаблоном в успешной разработке продуктов. Вы можете проводить A/B-тесты на метках кнопок, чтобы увидеть, какая версия приводит к большему количеству кликов. Иногда изменение одного слова, например, ‘Начать’ на ‘Присоединиться бесплатно’, может привести к измеримой разнице в поведении пользователей. Эти небольшие корректировки часто являются наиболее экономически эффективным способом улучшения производительности веб-сайта.
С чего начать на этой неделе
Чтобы улучшить UX-райтинг вашего продукта, начните с аудита вашего самого важного пути конверсии, такого как процесс оформления заказа или регистрации. Прочитайте каждый фрагмент текста вслух, чтобы увидеть, звучит ли он естественно и полезно. Если вы найдете какие-либо общие кнопки, такие как ‘Отправить’ или ‘Нажмите здесь’, замените их описательными метками, основанными на действиях. Также проверьте свои сообщения об ошибках, чтобы убедиться, что они предоставляют четкий путь вперед. Внося эти небольшие изменения, вы можете немедленно улучшить пользовательский опыт и помочь большему количеству посетителей успешно завершить свой путь.
Читать далее: Веб-дизайн и разработка · Веб-дизайн