Советы по UX-райитингу сосредоточены на создании четкого, лаконичного и полезного текста, который ведет людей через цифровой продукт. Это включает в себя выбор слов, которые помогают пользователям выполнять задачи с минимальными когнитивными усилиями. Относясь к тексту как к элементу дизайна, вы гарантируете, что интерфейс говорит на языке пользователя и предоставляет нужную информацию в нужное время. Эта практика охватывает все: от меток кнопок и элементов меню до сообщений об ошибках и последовательностей онбординга. Хороший UX-райитинг устраняет путаницу и помогает людям быстро достигать своих целей, что напрямую влияет на то, как пользователи воспринимают ваш бренд в Интернете и взаимодействуют с ним.
Чем UX-райитинг отличается от маркетингового текста?
Маркетинговый текст разработан для того, чтобы привлечь внимание и убедить человека совершить определенное действие, например подписаться на рассылку или купить продукт. Он часто использует эмоциональный язык и сторителлинг для создания связи. В отличие от этого, UX-райитинг существует для того, чтобы помогать пользователю, когда он уже находится внутри продукта. Его цель — полезность, а не убеждение. Когда человек пытается сменить пароль или загрузить файл, ему не нужна продающая речь; ему нужны четкие инструкции о том, как завершить задачу. Смешение этих двух стилей может привести к загроможденному интерфейсу, который отвлекает пользователя от его главной цели.
Четкое различие можно увидеть в том, как пишутся заголовки. Маркетинговый заголовок может звучать так: «Ощутите будущее финансов», в то время как заголовок UX для панели управления того же приложения будет просто гласить: «Баланс вашего счета». UX-райтер ставит ясность выше остроумия, потому что пользователь уже вовлечен и хочет быстро найти информацию. На типичном экране управления аккаунтом фокус остается на текущем статусе пользователя и следующих шагах, которые он может предпринять. Такой функциональный подход снижает умственную энергию, необходимую для использования веб-сайта, что заставляет людей возвращаться, потому что взаимодействие кажется простым и надежным.
Почему микротекст является основой пользовательского опыта?
Микротекст относится к небольшим фрагментам текста на кнопках, в полях форм и во всплывающих подсказках. Хотя эти слова малы, они оказывают огромное влияние на путь пользователя. Например, подсказка в строке поиска со словами «Поиск по названию продукта или SKU» гораздо полезнее той, на которой написано просто «Поиск». Эти крошечные детали обеспечивают контекст и задают ожидания. Когда микротекст сделан хорошо, он остается невидимым, потому что пользователь движется по потоку, не останавливаясь для раздумий. Когда он сделан плохо, он создает сопротивление, которое может привести к высоким показателям отказов, особенно во время сложных процессов, таких как оформление заказа или регистрация.
Эффективный микротекст также помогает справляться с тревожностью пользователя. В типичном магазине Shopify добавление небольшой заметки под кнопкой «Купить сейчас» с текстом «Кредитная карта для пробного периода не требуется» может значительно улучшить показатели кликабельности. Такой тип письма решает потенциальные вопросы еще до того, как пользователь их задает. Он обеспечивает чувство безопасности и прозрачности. Сосредоточившись на этих мелких взаимодействиях, вы закладываете фундамент доверия. Цель состоит в том, чтобы предусмотреть, где пользователь может почувствовать заминку, и предоставить короткое, ясное предложение, которое укажет ему путь вперед, не захламляя экран.
Как писать четкие кнопки призыва к действию?
Кнопки призыва к действию (CTA) — это самые важные фрагменты текста в любом пользовательском интерфейсе. Чтобы сделать их эффективными, вы должны использовать активные глаголы, которые точно описывают, что происходит при нажатии кнопки. Избегайте расплывчатых терминов вроде «Отправить» или «Продолжить». Вместо этого используйте конкретный язык, например «Создать аккаунт», «Скачать PDF» или «Сохранить изменения». Это говорит пользователю о результате его действия. Когда человек знает, чего ожидать, он с большей вероятностью нажмет на кнопку. Последовательность в метках CTA по всему сайту также помогает пользователям быстрее освоить интерфейс, так как им не нужно гадать, означают ли два разных слова одно и то же.
- Используйте глаголы действия, такие как «Начать», «Получить» или «Отправить».
- По возможности делайте текст короче трех слов.
- Убедитесь, что метка кнопки совпадает с заголовком следующей страницы.
- Избегайте жаргона или внутрикорпоративных терминов, которые пользователи не узнают.
- Тестируйте различные варианты, чтобы увидеть, какая формулировка лучше всего соответствует намерениям пользователя.
Как Alien Road применяет советы по UX-райитингу в веб-дизайне
Alien Road рассматривает UX-райитинг как ключевую часть процесса веб-дизайна и разработки, а не как второстепенную мысль. Когда мы начинаем проект, мы сначала определяем основные действия пользователя в интерфейсе с помощью подробной фазы исследования. Для типичного сайта электронной коммерции это означает картирование пути от страницы продукта до финального подтверждения и определение каждой точки контакта, где требуется текст. Мы создаем руководство по голосу и тону, которое гарантирует, что каждая кнопка и сообщение об ошибке звучат в стиле бренда, будь то профессионально и авторитетно или дружелюбно и непринужденно. Это обеспечивает согласованный опыт на всех страницах.
Во время фазы сборки наша команда проверяет микротекст в инструментах проектирования, таких как Figma, прежде чем он перейдет на этап разработки. Мы сосредоточены на удалении ненужных слов, чтобы макет оставался чистым, а пользователь был сосредоточен на текущей задаче. Например, в сложной панели управления SaaS мы можем заменить длинные абзацы с инструкциями краткими подсказками, которые появляются только тогда, когда это необходимо. Мы также проводим внутренние аудиты, чтобы убедиться, что сообщения об ошибках полезны, а навигационные метки интуитивно понятны. Интегрируя текст в рабочий процесс проектирования, Alien Road помогает клиентам создавать продукты, которые не только визуально привлекательны, но и просты в использовании.
Установление последовательного тона во всем интерфейсе
Последовательность в тоне — это то, что придает цифровому продукту его индивидуальность. Если ваша целевая страница игрива и гостеприимна, но сообщения об ошибках холодны и техничны, это создает разрозненный опыт. Единый голос помогает пользователям чувствовать, что они взаимодействуют с единым целым. Чтобы добиться этого, создайте простое руководство по стилю, определяющее индивидуальность бренда. Решите, будете ли вы использовать сокращения или останетесь официальными. Эти выборы могут показаться незначительными, но они вносят свой вклад в общее ощущение продукта. Надежное руководство по тону служит сводом правил для всех, кто пишет текст для сайта.
Определяя свой тон, учитывайте контекст ситуации пользователя. Игривый тон может быть отличным для сообщения об успехе после того, как пользователь завершил тренировку, но он был бы неуместен для банковского приложения, сообщающего пользователю о сбое транзакции. В типичных настройках аккаунта тон должен оставаться полезным и нейтральным. Вы хотите поддержать пользователя, не вставая у него на пути. Регулируя интенсивность голоса вашего бренда в зависимости от эмоционального состояния пользователя, вы создаете более эмпатичный и профессиональный опыт. Такой уровень детализации показывает, что продукт был разработан с учетом потребностей живого человека.
Пишем для доступности и инклюзивности
Доступность в UX-райитинге гарантирует, что каждый человек, включая людей, использующих программы чтения с экрана, сможет ориентироваться на вашем сайте. Это означает написание описательного замещающего текста для изображений и обеспечение того, чтобы текст ссылок имел смысл вне контекста. Избегайте использования «Нажмите здесь» или «Читать далее» в качестве текста ссылки. Вместо этого используйте «Прочитайте наше руководство по советам для UX-райитинга», чтобы пользователь программы чтения с экрана точно знал, куда ведет ссылка. Ясный и простой язык также приносит пользу тем, для кого язык не является родным, или людям с когнитивными нарушениями. Использование простого английского языка и отказ от сложных метафор делает ваш контент доступным для гораздо более широкой аудитории.
- Предоставьте описательные метки для всех полей формы.
- Избегайте использования только цвета для передачи смысла (например, «красное поле»).
- Используйте логическую структуру заголовков (H1, H2, H3) для навигации.
- Сокращайте предложения и используйте активный залог.
- Убедитесь, что все аббревиатуры определены или легко понятны.
Могут ли лучшие сообщения об ошибках улучшить удержание пользователей?
Сообщения об ошибках часто являются самой разочаровывающей частью пути пользователя, но они также являются возможностью оказать отличную поддержку. Типичное сообщение об ошибке вроде «Неверный ввод» бесполезно, потому что оно не говорит пользователю, как исправить проблему. Лучший подход — быть конкретным: «Пароли должны содержать не менее 8 символов и включать цифру». Это направляет пользователя к решению, а не просто указывает на сбой. Снижая уровень разочарования, связанного с ошибками, вы удерживаете пользователей вовлеченными в продукт, вместо того чтобы заставлять их сдаваться и покидать сайт.
Хорошие сообщения об ошибках должны следовать простой структуре из трех частей: объясните, что произошло, объясните, почему это произошло, и предоставьте четкий способ это исправить. Избегайте использования технических кодов или жаргона, которые средний человек не поймет. Кроме того, поддерживайте полезный тон и избегайте обвинений в адрес пользователя. Вместо «Вы ввели неверный адрес электронной почты» попробуйте «Этот адрес электронной почты не совпадает с нашими записями». Это небольшое изменение формулировки делает интерфейс больше похожим на полезного помощника. Когда пользователи чувствуют поддержку во время ошибки, они с большей вероятностью остаются верны платформе.
Практические шаги по аудиту текста вашего интерфейса
Аудит вашего текущего текста — отличный способ определить области для улучшения. Начните с создания скриншотов ваших важнейших пользовательских сценариев, таких как регистрация или завершение покупки. Посмотрите на каждый фрагмент текста и спросите, необходим ли он. Если предложение можно сократить без потери смысла, сократите его. Проверьте согласованность в метках кнопок и заголовках. Если вы обнаружили, что на одной странице используется «Зарегистрироваться», а на другой — «Присоединиться сейчас», выберите одно и применяйте его везде. Эта простая зачистка может сделать веб-сайт гораздо более профессиональным и простым в использовании практически мгновенно.
Другая часть аудита должна быть сосредоточена на ясности ваших инструкций. Если вы обнаружили, что пользователи часто обращаются в службу поддержки по поводу определенного шага в форме, текст на этой странице, вероятно, нуждается в доработке. В типичном обзоре аккаунта мы часто обнаруживаем, что упрощение языка в этих точках трения сокращает количество обращений в службу поддержки и увеличивает показатели завершения. Используйте реальные отзывы пользователей или записи сеансов, чтобы увидеть, где люди задерживаются или колеблются. Этот основанный на данных подход к написанию гарантирует, что ваши изменения основаны на реальном поведении пользователей, а не просто на личных предпочтениях.
С чего начать на этой неделе
Начните с пересмотра основных кнопок призыва к действию на вашей домашней странице и основных целевых страницах. Убедитесь, что каждая кнопка использует четкий, активный глагол, описывающий следующий шаг. Затем посмотрите на ваши самые частые сообщения об ошибках и перепишите их так, чтобы они были более полезными и менее техническими. Небольшие изменения в микротексте могут привести к немедленному улучшению взаимодействия пользователей с вашим сайтом. Если у вас есть руководство по стилю, обновите его несколькими правилами относительно тона и голоса, чтобы обеспечить согласованность в будущих обновлениях. Эти шаги помогут вам создать более удобный для пользователя интерфейс, который уважает время и усилия пользователя.
Читайте далее: Веб-дизайн и разработка · Веб-дизайн