Почему UX-райтинг (написание текстов для пользовательского опыта) важен для веб-дизайнера. Основные советы как это делать и как лучше не делать.
Написание UX-текстов – крайне важный элемент создания бесшовного и удобного пользовательского интерфейса. Грамотный UX-райтинг помогает пользователям ориентироваться в интерфейсе продукта. Язык – это оружие. В том числе и в маркетинговых вопросах. Правильно подобранное слово может сыграть решающую роль. Это показывают и А/В-тесты – конверсия может просто взлететь после удачной замены надписи на кнопке СТА. Но чтобы делать такие чудеса нужна не удача, а огромный опыт и понимание сути UX-райтинга.
UX-райтер – это в идеале отдельный специалист, который помогает сделать интерфейс понятным, простым, интуитивным и провести пользователя сквозь него без лишней заминки. Но чаще всего эта роль ложится на плечи копирайтера, создающего прототип, или самого веб-дизайнера. И ты обязан знать основы UX-райтинга, чтобы не ударить в грязь лицом при создании проекта. В целом навыки UX-райтинга стоит развивать всем, кто участвует в создании интерфейсов.
Хороший веб-дизайн должен учитывать, как пользователи взаимодействуют с интерфейсом. UX-райтинг – это тот аспект, который помогает сделать так, чтобы тексты на сайте или в приложении были легкими для понимания и использования. Прокачанный скил UX-райтинга нужен веб-дизайнеру для того, чтобы сделать интерфейс более интуитивным, предоставляя пользователям четкую и информативную обратную связь.
Главные элементы, которые нужно сделать в соответствии с принципами UX-райтинга это:
- Кнопки;
- Формы и поля;
- Пункты меню, навигация;
- Сообщения об ошибке;
- Напоминания, подсказки;
- Условия использования;
- Инструкции эксплуатации.
Мы рассмотрим базовые правила и ошибки.
Как писать UX-тексты
Этот раздел посвящен тому, как нужно делать и на что обращать внимание. Тезисно, как следует действовать.
1. Ясно и кратко
Используй четкий и лаконичный язык для передачи информации. Пользователи должны быстро понять сообщение без двусмысленности. Старайся донести информацию минимальным количеством слов. Удаляй лишние детали и избыточные термины. Избегай сложных и неоднозначных фраз. Используй ясный, простой язык, понятный широкому кругу пользователей. Обойдись без длинных запутанных описаний. Даже если они нужны – разбивай их на короткие фразы, пункты. Без сложноподчиненных предложений. Представь, что объясняешь что-то пятилетнему ребенку.
2. В нужном контексте
Предложи контекст, чтобы помочь пользователям ориентироваться в интерфейсе. Убедись, что каждый фрагмент текста имеет определенную цель. Например, в форме заполнения добавь текст-заместитель или подсказки. Это практически обязательная часть поля с номером телефона – нужно дать понимание, в каком формате ты ожидаешь номер.
Сделай заголовки и подписи информативными и легкими для понимания. Они должны быстро передавать суть контента. При несовпадении может возникнуть недопонимание из-за утери контекста. А еще это обманутые ожидания и плохое впечатление от взаимодействия с продуктом. Так что соблюдай последовательность, логичность и соответствие контексту.
3. Согласованно
Поддерживай единообразие языка во всем продукте. По умолчанию используй стандартные термины, если нет особой цели. Пользователь уже понимает такие действия как “Перейти к оплате”, “Вернуться на главную” и прочие устоявшиеся фразы. Они просты и привычны, не заменяй их без надобности.
Язык и подача в рамках одного проекта должны быть однотипными. Будет странно, если ты изначально держишь официальный тон, а потом резко в конце переходишь на дерзкий молодежный сленг или агрессивные СТА. Держи один выбранный стиль изначально, пусть все призывы будут в тему и сама подача такой же.
Согласованный и последовательный стиль текстов в различных частях интерфейса улучшает восприятие и упрощает пользовательский опыт.
4. Понятно для целевой аудитории
Учитывай опыт пользователей, контекст и особенности продукта. Иногда нужно больше подсказок и разъяснений, более подробные описания действий. Иногда наоборот, нужно отсеять тех, кто не в теме – тут можно усложнить язык, используя специфичную терминологию, однозначно понятную нужному сегменту пользователей. Всегда задавайся вопросом – как бы сказали они? Что бы хотели видеть на этой кнопке? Не покажется ли твой текст слишком странным/неуместным/смешным? Бери на вооружение свои исследования конкурентов и учитывай отзывы их клиентов.
5. С использованием активных глаголов
Используй язык действий, побуждающий пользователей к определенным шагам. Для этого нужны глаголы – перейти, посмотреть, зарегистрироваться, купить, оформить. Это стимулирует вовлеченность.
В текстах должны быть ясные инструкции для действий. Например, "Нажмите здесь, чтобы продолжить" или "Свяжитесь с нами для помощи".
Как НЕ надо делать
Здесь кратко о том, чего точно следует избегать. Всегда пройдись по проекту после его завершения и проверь, нет ли подобных ошибок.
1. Не допускай негативного тона
Не стоит транслировать негативные сообщения, которые могут оттолкнуть пользователей. Формулируй инструкции в позитивном ключе. Например, вместо "Ошибка: вы забыли заполнить нужное поле", напиши более мягкое "Пожалуйста, заполните нужное поле".
Или “Вы перешли на несуществующую страницу” при 404 будет лучше звучать, если не перекладывать на пользователя вину, а взять ее на себя: “Мы старались, но не нашли эту страницу. Может быть, мы ее перенесли”. Подробнее про хорошие страницы 404 посмотри отдельную статью.
2. Не перегружай текст
Будет ошибкой перегружать экраны излишним текстом. В кнопках он должен быть максимально коротким, чтобы быть понятным. В блоках по 5-7 строк. Остальное разделяй абзацами, пунктами, иконками. Выделяй основную информацию и сокращай ненужные детали. Текст должен читаться целиком, мгновенно. И если это сплошная неструктурированная писанина, то так не выйдет. В итоге работа окажется бессмысленной – юзер просто не будет читать это в большинстве случаев. И все те “важные” аспекты, которые ты так хотел сохранить вообще окажутся никому не нужными.
Безусловно, иногда нельзя обойтись без длинных описаний. И в некоторых случаях они правда нужны – когда идет инструкция, детальная информация, пояснение. Но даже такие вещи можно подать без перегрузки, легко, схематично, логично разделив данные.
Сюда же относится и длина слов. Старайся использовать более короткие синонимы, если это подходит. И если в тексте есть числа, то пиши их цифрами, а не словами.
3. Не используй двусмысленные действия
Некоторые шаги приводят к тому, что могут запутать пользователей в том, какое действие они выполняют. И в итоге перед ним появляются кнопки, которые он боится нажать. Потому что неясно, что будет.
Такие грубые ошибки почти не случаются в маленьких простых проектах. Но бывают в сложных, когда есть много разветвлений вариантов шагов юзера и эти шаги прорабатываются автоматически. Или контент изменяется под пользователя в зависимости от его действий. В этом случае важно проверить каждую комбинацию, каждый шаг и все возможные их варианты. Чтобы все было органично, понятно и четко, без двусмысленных посылов.
Если пользователь не понимает, что от него ожидается, это может привести к потере конверсии. Призывы к действию должны быть ясными и мотивирующими.
4. Не переноси важное в конец фразы
Всегда начинай предложение с самого важного, с ключевого момента. “Нажмите, чтобы продолжить” вместо “Для продолжения нажмите здесь”. По своему смыслу эти два сообщения не отличаются, но по своей природе первое будет гораздо эффективнее работать и легче восприниматься, что нам и нужно.
5. Учитывай все устройства
Тексты должны адаптироваться к различным устройствам (например, мобильные, смарт-часы, десктопы) без потери ясности. Уже в целом странно писать призыв “Кликните сюда правой кнопкой мыши”, если большинство пользователей заходят со смартфона, например. И наоборот, скролить взмахом пальцев экран ПК не получится. Поэтому либо тексты должны быть универсальными и учитывать эти нюансы, либо есть смысл прописывать их отдельно под разные устройства, если того требует функционал.
И еще
Обратная связь и тестирование – это важно. И если кто-то один в комментариях высмеял вариант кнопки, то десятки думали так же, но просто промолчали. Собирай данные от реальных пользователей и от фокус-групп, наблюдай за поведением посетителей на сайте, только так можно выявить слабые места.
Отдельным пунктом в теме UX-райтинга стоит выделить кнопки и поля. Но здесь этого не будет, потому что мы уже писали подробный материал на эту тему совсем недавно. Вот тут почитай обязательно, пригодится.
Хорошо написанный UX-текст на кнопках, в заголовках или призывах к действию может существенно повлиять на конверсию. Тебе важно учитывать эффективность текстовых элементов и уметь их применять в зависимости от особенностей целевой аудитории и самого продукта.
Четкие и понятные инструкции, предоставляемые через UX-райтинг, улучшают общее взаимодействие пользователя с сайтом или приложением.
Объединение дизайна и текстов позволяет создать цельный и согласованный пользовательский опыт, который отражает ценности и цели бренда. Таким образом, UX-райтинг является неотъемлемой частью веб-дизайна, помогая создать удобные, понятные и привлекательные интерфейсы для пользователей.
На самом деле это целая наука и отдельная профессия, но веб-дизайнер должен знать базу и понимать принципы UX-райтинга для создания качественных интерфейсов. Где получить скил UX-райтинга? В рамках онлайн-курса «UX/UI легенда», конечно. Там будет много полезного, посмотри программу прямо сейчас и подай заявку!