Как написать яркий и понятный UX-текст

Мы в Telegram

В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.

Не всегда на серьёзных щах — шуточки тоже шутим =)

Подписаться

Станьте email-рокером 🤘

Пройдите бесплатный курс и запустите свою первую рассылку

Подробнее

UX-тексты (от англ. «user experience», опыт пользователя) — это тексты, которые создаются для интерфейса диджитал-продуктов (мобильных приложений, веб-сайтов). Они помогают пользователю интуитивно пользоваться сервисом, не обращаясь к инструкции.

За 2019 год во всем мире люди установили 204 миллиарда мобильных приложений. Эти приложения становятся частью повседневной жизни, поэтому клиенты предпочитают user-friendly сервисы.

Мы перевели статью UX Collective о том, как создавать понятные и ёмкие сообщения в интерфейсе и при этом учитывать единый стиль, терминологию и коммуникацию бренда. Вот главные мысли из это статьи.

Что такое тексты для диджитал

К UX-текстам относят текст на кнопках и меню, сообщения об ошибках и многое другое. Задача диджитал-текста — донести информацию о продукте изнутри, сделать взаимодействие с цифровыми технологиями интуитивно понятным.

Текст в интерфейсе нужен для следующих компонентов диджитал-продукта:

• Заголовки и подзаголовки, чтобы быстро ориентироваться и понимать, на какой странице находится пользователь.
• Оповещения — всё, что предупреждает, но не раздражает на экране.
• Кнопки, как правило обозначают возможное действие на странице приложения или сайта.
• Уведомления об ошибках — тексты, которые сообщают посетителю, что случилось и как это исправить.
• Подсказки. Главная их цель — помочь, подсказать пользователю, как взаимодействовать с элементами.
• Навигация — как правило, названия меню, разделов, вкладок.

Донести ценность продукта до пользователя можно с помощью дизайна, иллюстраций, текста. Вот основные принципы диджитал-текстов:

Хороший UX-текст помогает пользователю. Интерфейс цифрового продукта должен упростить использование. UX-текст гарантирует, что пользователь не расстроится и не заблудится. Сравните, как контекст помогает понять, что вводить в поле:

UX-текст говорит правду и не скрывает ничего от пользователя. Диджитал-текст объясняет, раскрывает продукт для пользователя, он не пытается ввести в заблуждение или скрыть информацию.

UX-текст не оскорбляет, уважает каждого пользователя. При написании текста для интерфейсов важно учитывать пол, этническую принадлежность и страну происхождения.

✅

Вы подписаны!

или

Подписка оформлена

❌

Ты подписался!

или

Ты подписалась!

Диджитал-текст живет в контексте пользователя. UX-текст ставит на первое место важную информацию, а второстепенную — упрощает.

Номера заказа никто не помнит, но все хотят знать, когда прибудет посылка:

UX-текст служит функциям приложения или сервиса. Хороший диджитал-текст направляет и улучшает структуру, добавляет индивидуальности.

Язык диджитал-текстов остаётся неизменным во всех касаниях. Голос приложения или сервиса всегда звучит как один фирменный. Иногда меняется тон, но язык имеет предсказуемый словарный запас как персонаж бренда.

Голос Яндекс.Драйва понятный и всегда с юмором:

Как создать текст для интерфейса

5 шагов к индивидуальному тексту для диджитал-продукта:

1. Формируйте интерес пользователя с первого экрана. 

Первые слова, которые говорит приложение или сервис, формируют ожидания от будущего использования. Редакторы рекомендуют цеплять пользователей юмором, интересной точкой зрения, интригой. Важно, как бренд звучит для клиентов и задает тон всей коммуникации.

2. Продумайте словарный запас «голоса» бренда. 

Каждое слово в интерфейсе может полностью изменить восприятие продукта. Функции, действия и категории нужно называть единым образом, чтобы вместе они отражали бренд.

3. Создавайте контент для пользователей. 

Контент на сайте или в приложении помогает пользователю понять, что представляет собой компания. Важно не только, как писать, но и что: блог, часто задаваемые вопросы, подсказки, названия кнопок. Тексты будут говорить о продукте, подсказывать пользователю преимущества.

4. Уточняйте голос бренда даже в мелочах. 

Небольшие тексты (экраны загрузки, сообщения об ошибках, подсказки) помогают пользователю разобраться в интерфейсе и почувствовать компанию, её голос, продукт. Не пренебрегайте маленькими текстами, относитесь к ним с таким же вниманием, как к большим статьям.

5. Лучше ясность, чем индивидуальность. 

В текстах о личных данных или платежах, лучше использовать стандартные подписи и пояснения. Нет формулировки понятнее, чем «Оплатить сейчас», как и нет синонима мобильного телефона.

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как запустить email-маркетинг с нуля?

В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️

*Вместе с курсом вы будете получать рассылку блога Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

девять правил для нормальных UX-текстов — Дизайн на vc.

ru

Чек-лист и примеры до и после, которые помогут писать тексты для интерфейсов.

35 144
просмотров

UX-текст далёк от всего, чему учат на курсах по копирайтингу — здесь не работают продающие техники или изящные метафоры. Текст в интерфейсе проводит пользователя сквозь продукт и в правильный момент даёт нужную инструкцию: чётко и без лишних слов.

У нас UX-тексты пишут дизайнеры, а мы учим делать это качественно. В плохих примерах — тексты нашего дизайнера Валеры, которые он писал, когда только пришёл к нам работать. В хороших — что получилось после обучения.

На ошибках Валеры вы поймёте, как писать лучше и точнее. В финале статьи мы дадим инструкцию, которая поможет выработать навык написания текстов за две недели.

Правило первое: полезное целевое действие без креатива

В текстах интерфейсов самое важное для пользователя — ясность. Когда нужно быстро сориентироваться в ситуации, тексты, как маяк, помогают найти путь и достичь цели. Поэтому в каждый момент выделите ключевое полезное действие: что нужно сделать пользователю. Где необходимо, поясните, зачем это делать.

Не нужно быть оригинальным. Не стремитесь, чтобы ваш текст запомнили: он не должен быть «сочным» или привлекать внимание. Креатив тут только помешает: тексты в интерфейсе — прикладная вещь, а фонтан творческой мысли может отвлечь читателя от главного.

Правило второе: избавляйтесь от лишних слов и местоимений

Многослойные предложения в UX-текстах не нужны, это не литература. Поэтому удаляйте всё, что можно убрать без потери смысла.

По опыту практически любой текст можно сократить в два раза: для этого надо прогнать его через «Главред». Слить вводные слова и местоимения, а потом сыграть в «я могу ещё короче» и оставить только суть.

Правило третье: заменяйте абстракцию на конкретику

Чтобы пользователь лучше вас понимал, добавляйте конкретику везде. Абстрактные слова не несут смысловой нагрузки, тогда зачем они нам?

Правило четвёртое: не грузите пользователя лишними объяснениями

Элементы интерфейса сами говорят, что делать: понятно, что на кнопку нажимают, в поле вводят данные, а руки моют с мылом. Объясняйте, где нужно, и не тратьте время пользователей на очевидные вещи.

Правило пятое: не используйте бюрократизмы и сленг

Сервисы (особенно банковские) любят вставлять термины, которые пользователи даже прочесть не могут с первого раза. Не надо так: пусть юзер чувствует, что общается с живым человеком, а не с бездушной системой.

Правда, сленг и панибратское «ты» лучше не использовать. Даже соцсеть для подростков TikTok уважительно обращается к аудитории на «вы».

Правило шестое: не используйте безличные формулировки

Неопределённо-личные высказывания — бесполезные фразы и речевые штампы, которые достались нам в наследство от советских времён (проходим, не стесняемся).

Сервис не должен отстраняться от своего продукта: когда вы пишете с позиции «мы это сделали», создаётся ощущение, что всё под вашим контролем.

Правило седьмое: не переборщите с эмоциями

Смайлы и радостные междометия вроде «ура» и «супер», как правило, не нужны пользователю. Нередко сервис хочет казаться дружелюбным и щедро расставляет смайлы и восклицательные знаки в самых частых сценариях. Но когда пользователь делает рутинную задачу, такое эмоционирование может показаться чрезмерным и даже отталкивающим.

Мы не призываем вас совсем отказываться от эмоций, но прежде чем их добавлять, представьте себя на месте пользователя, посмотрите на ситуацию его глазами — и если чувства уместны, ставьте их на самое последнее место: после того, как вы сообщили о главном.

Правило восьмое: придерживайтесь единообразия

Многие избегают повторов и считают, что синонимы делают текст более красочным. Но это про литературу, а текстам в интерфейсе нужно единообразие.

В разных местах интерфейса называйте один и тот же объект одинаково: если на одном экране объект назван «Тексты», а на другом «Вирши», пользователь запутается.

Совет: чтобы избежать путаницы внутри команды, создайте словарь терминов — глоссарий.

Правило девятое: придерживайтесь алгоритма

Если бы в статье мы могли написать только одно правило про UX-тексты, оно бы звучало так:

Важно! Любые правила стоит проверять на адекватность — если после редактуры текст стал слишком сухим, а рука так и тянется поставить смайл, не сдерживайте себя. Возможно, именно в вашем случае это удачное решение.

Инструкция: как научиться писать UX-тексты

• Пишите по четыре-пять предложений в день — тема может быть любой: как прошёл день, что нового я узнал, кто меня бесит больше всего. Неважно, о чём, главное — регулярно.
• Продвигайтесь постепенно — возьмите три-четыре любых правила и держите их в голове. После того, как они усвоятся, берите следующие.
• Пишите сразу по правилам — многие сначала набрасывают свои мысли, а потом редактируют. Так не работает: ваша задача сразу придумать хорошее решение, чтобы мозг научился работать в верном направлении.
• Вычищайте текст с помощью «Главреда» — этот сервис часто работает даже лучше человека-редактора: находит лишние слова и повторы, выделяет оценочные суждения и объясняет каждую правку. Так и текст становится гладким, и ты сам учишься на ошибках. Но пользоваться им лучше с трезвым умом.

Если действовать по такой схеме, через две недели вы начнёте писать лучше.

Полезные советы по улучшению работы с текстом

Процессы и инструменты
Пользовательский интерфейс/UX

В статье дается краткое определение написания UX, описываются особенности эффективного копирования интерфейса и делятся полезными советами по его улучшению для положительного пользовательского опыта.

Марина Яланская

«Однажды я найду нужные слова, и они будут простыми», — сказал однажды Джек Керуак, не предполагая, что его слова будут идеально отражать суть UX-письма. В основном мы думаем о дизайне как о чем-то визуально привлекательном и простом в использовании, когда в первую очередь на ум приходят визуальные образы. Однако тип контента, с которым пользователи имеют дело наиболее часто и разнообразно, — это текст. Наша сегодняшняя статья как раз об этом: давайте рассмотрим суть написания UX, особенности эффективного копирования интерфейса и проверенные практики его улучшения.

Что такое UX-письмо?

UX-письмо — это профессиональная деятельность по написанию текстов для пользовательских интерфейсов, как веб-сайтов, так и мобильных устройств. Он включает в себя создание текстов от небольших меток кнопок и значков до слоганов, сообщений об ошибках, уведомлений, навигационных подсказок и инструкций, руководств и так далее.

Важно помнить, что

• текст является частью дизайна

Текст

• является частью взаимодействия с пользователем.

Термин UX-райтинг часто заменяют копирайтингом. Они означают одно и то же?

По сути, нет, они определяют разные виды деятельности. Основная цель копирайтеров — создавать тексты, которые что-то продают, будь то товары, услуги, инструменты, интеллектуальные и креативные штуки и т. д. Задача UX-писателей — создавать тексты, поддерживающие и улучшающие коммуникацию пользователей с интерфейсами, позволяющие им четко понимать, что происходит , и облегчить негативный опыт в случае ошибок или проблем взаимодействия.

Тем не менее, придя из рекламной сферы, термин «копия» как синоним «текста» быстро закрепился и в UI/UX дизайне. Исходя из этого, людей, создающих тексты для интерфейсов, также называли копирайтерами, задолго до появления термина «UX-райтер». Более того, во многих компаниях люди, пишущие маркетинговые тексты и тексты интерфейсов, практически одни и те же. Так что не путайтесь слишком сильно: хотя термины определяют разные задачи, они все равно часто используются как синонимы, а текстовые фрагменты в пользовательском интерфейсе обычно называются копией.

Сайт бронирования

Нужен ли текст для всех типов взаимодействия?

Мы уже касались этого вопроса в нашей статье, посвященной взаимосвязи иконок и текста в пользовательских интерфейсах. Действительно, визуальные эффекты передаются в мозг гораздо быстрее, чем текст, а важные фрагменты информации часто фиксируются мозгом в виде изображений, даже если они были получены посредством восприятия текста. В пользовательских интерфейсах, где основные взаимодействия должны занимать секунды, этот аспект имеет решающее значение, и его можно рассматривать как реальную причину превратить все в графику. С другой стороны, есть смысловой аспект: пользователи могут очень быстро воспринимать изображения, но если сообщение, которое они передают, нечеткое и может иметь двоякое прочтение, такая скорость не принесет положительного пользовательского опыта.

Существует множество широко известных графических изображений и ассоциаций, таких как телефонная трубка для телефонного звонка, конверт для почты, лупа для поиска и так далее. Безусловно, используя их, вы создаете гораздо более быстрое восприятие функциональности UI, чем используя копию вместо изображения. Тем не менее, в тех случаях, когда образ иконы не столь очевиден, его использование следует обдумать вдумчиво. Бывают случаи, когда текст более четко передает идею или данные, поэтому эффективным решением является использование двойной схемы, когда иконка поддерживается текстом.

Приложение Travel Planner

4 основных элемента эффективного UX-текста

Копируемый контент в любом интерфейсе основан на 4 фундаментальных принципах: он должен быть

• понятным , основное сообщение не размыто и не сложно)
• лаконичный (текст содержателен, лаконичен, сконцентрирован на цели, без пустой болтовни)
• полезное (копия дает пользователям необходимую информацию или помогает во взаимодействии)
• согласованный (копия в интерфейсе одного цифрового продукта сохраняет тот же стиль, тон, голос и терминологию)

Теперь давайте рассмотрим некоторые приемы, помогающие создавать тексты, поддерживающие положительный пользовательский опыт.

Приложение Perfect Bouquet

Полезные советы по написанию UX

1. Интегрируйте реальный текст в пользовательский интерфейс как можно раньше Ипсум. Это своего рода популярный текст-заполнитель, который выглядит как латиница, но на самом деле ничего не означает. Он предназначен для создания естественно выглядящего фрагмента текста в макете веб-страницы, мобильного экрана, страницы журнала или газеты и т. д.

Вводные экраны для приложения Manuva на этапе проектирования пользовательского интерфейса с использованием Lorem Ipsum для блоков копирования заполнителей

Когда вы находитесь глубоко в процессе проектирования, действительно заманчиво просто скопировать и вставить бессмысленный текст на нужные места. планируется копирование блоков. Почему это не очень хорошая идея?

Во-первых, текст является частью дизайна. Различные сочетания букв выглядят по-разному. Слова имеют разный объем и структуру. Особенно это касается слогана, который представляет собой один из важнейших элементов визуальной иерархии веб-страницы и сканируется в первые секунды взаимодействия. Итак, то, что радует ваш глаз в Lorem Ipsum, может не работать с реальным текстом, который будет использоваться на странице или экране.

Во-вторых, используя реалистичный текст, прототип выглядит подлинным и естественным. Допустим, если вы разрабатываете веб-сайт, продающий кухонное оборудование, вы не будете использовать фотографии или иллюстрации сельскохозяйственных машин в качестве заполнителей даже на самых ранних этапах процесса проектирования, не так ли? Почему? Потому что это не свяжет концепцию дизайна с целями, поставленными перед этим продуктом. То же самое происходит и с текстовой частью макета. Копия, которую вы используете, должна создавать единый образ и взаимодействие со всеми остальными элементами макета. Более того, вы можете часами работать над красивым внешним видом всплывающих окон уведомлений, системных сообщений, текстовых блоков веб-страниц — и все эти усилия будут потрачены впустую, когда вы поймете, что реальная копия, которая будет использоваться в этом пользовательском интерфейсе, отличается по своей длине. структура и, возможно, даже сообщение.

Платформа электронной коммерции для покупки и продажи предметов интерьера

2. Построить прочную текстовую иерархию, позволяющую пользователям сканировать содержимое страницы

В нашей статье, посвященной веб-сканируемости, мы уже упоминали факт: пользователи не начинают взаимодействие с чтения каждого текстового элемента на странице или экране. Они просматривают его в поисках зацепок, которые могут привлечь их внимание: если они достаточно убедительны, пользователь принимает решение взглянуть на ресурс еще раз, внимательно и вникая в детали. Хотя картинки любого рода гораздо цепляют и быстрее воспринимаются, во многих случаях именно текст становится элементом, играющим решающую роль в принятии решений. Одна из причин заключается в том, что из поколения в поколение мы традиционно привыкли видеть в тексте основной источник информации.

Исходя из этого, имейте в виду, что основное сообщение, представленное в текстовом виде, лучше всего будет быстро найти в первые секунды взаимодействия. Все текстовые элементы должны быть организованы в соответствии с типографской иерархией, чтобы, просматривая страницу или экран, пользователь мог быстро понять, какая часть несет основное сообщение, а какая менее важна. Также желательно, чтобы текст гармонично сочетался с ключевыми изображениями на странице или экране (иллюстрацией, фотографией, 3D-изображением и т. д.)

Домашняя страница блога о здоровье, где все элементы копии связаны с основным изображением

3. Привлекайте внимание цифрами и отмеченными элементами

Одно из исследований поведения пользователей, проведенное Nielsen Norman Blog, поделилось интересным открытием : на основе отслеживания движения глаз, когда пользователи просматривают веб-страницы, цифры часто останавливают блуждающий взгляд и привлекают внимание, даже если они встроены в массу слов, которые пользователи обычно игнорируют. Люди подсознательно связывают цифры с фактами, статистикой, размерами и расстоянием — что-то потенциально полезное для них. Таким образом, они зацепляются за числа, включенные в копию, в то время как слова, представляющие числа, могут быть пропущены в основной части текста. Кроме того, что бы ни представляли числа, они более компактны, чем их текстовый вариант, что позволяет разработчикам делать содержание кратким и экономить время при беглом просмотре данных.

Все вышеперечисленное может стать причиной нарушения некоторых правил и привычек. Традиционно рекомендуется писать числа в начале предложений, писать числа от нуля до десяти и т. д., и вы можете успешно следовать этому в статьях и других типах копий контента, представленных большим объемом текста. Однако для текстов, сопровождающих взаимодействие, вы должны быть максимально сфокусированы, и это хорошая идея, чтобы привлечь внимание пользователей цифрами.

Верхнее приложение

Кроме того, не забывайте о способах выделения конкретной информации, полученной из дизайна книг и журналов: полужирный шрифт и курсив, размеры слов, отрицательный пробел, разные цвета или выделение — все этот материал работал много лет назад и успешно работает сегодня. Просто не переусердствуйте, не перегружайте пользователей слишком большим количеством элементов, пытающихся привлечь их внимание. Как сказал Аарон Уолтер: «Если все требует внимания вашего зрителя, ничего не слышно».

Веб-сайт строительной компании с дизайном, основанным на типографике, который помечает ключевые слова разным цветом

4. Сосредоточенность и гибкость грамматики

Без сомнения, ясность и грамматическая правильность создают основу для хорошего опыта, когда они приходит к тексту. Однако это может работать по-другому, если вы пишете микрокопию для кнопки или сообщение ограничено довольно небольшим количеством символов на всплывающем экране. Итак, здесь вы должны принять решение о гибкости грамматики, что означает избегать сложных конструкций и сокращать элементы, которые не играют жизненно важной роли.

Например, руководство Material Design по написанию советует избегать ненужных знаков препинания, таких как точки в тексте для меток, всплывающий текст, маркированные списки, основной текст диалогового окна или двоеточия после меток.

Также для UX текста рекомендуют использовать настоящее время, но в его простой форме.

Кроме того, имейте в виду, что выбор активного голоса вместо пассивного, когда это возможно, является хорошей идеей. В большинстве случаев это выглядит более естественно и четко; кроме того, он может быть более удобным для пользователей, не владеющих английским языком.

Только всегда помните, что основная цель текста в мобильном или веб-интерфейсе — информировать. Ежедневно перегруженные тоннами информации, пользователи хотят получить ее быстро и без особых усилий — так дайте им ее. Речь не идет о нарушении всех правил и общении неестественными фразами. Речь идет о лучшем выражении текстового минимализма, отсекая все ненужное. Речь идет об использовании простого и прямого языка, понятного различным пользователям.

Блог Приложение

Nielsen Norman Group даже опубликовала статью со списком вызывающих отвращение слов и фраз, которых вам лучше избегать в текстах пользовательского интерфейса, среди которых:

• очень (и другие усилители):
• использовать
• включить
• мы понимаем (в сегодняшнем быстро меняющемся мире…) и прочая чепуха
• конечный пользователь

Это особенно актуально для мобильных интерфейсов, которые строго ограничены в пространстве, которое можно использовать для копирования контента, и с ними нужно учитывать, что пользователи часто имеют дело с приложениями на ходу. Вопрос ясности и удобочитаемости напрямую влияет на пользовательский опыт и уровень конверсии. Итак, вопрос типа «Сохранить изменения?» здесь выглядит более эффектно, чем «Хотите сохранить изменения?» или «Сохранить изменения?» или «Подтвердите, что вы хотите сохранить изменения» и так далее.

Экраны доставки для приложения Tasty Burger

5. Проведите A/B-тестирование копии интерактивных элементов

Копирование кнопок — одна из важнейших частей взаимодействия с пользователем: если вы не занимаетесь UX-дизайном и написанием текстов , вы можете быть удивлены, сколько времени и усилий нужно посвятить этим небольшим, но впечатляющим элементам макета. То, что написано на кнопке, должно направлять пользователей к действию и давать им понять, что происходит дальше. Таким образом, помимо тестирования дизайнерских решений, таких как цвет, размещение или размер кнопки, вам рекомендуется сделать текст метки кнопки еще одним объектом A/B-тестирования. Особенно, если вы не входите в основную целевую аудиторию: например, вы создаете продукт для пожилых людей с низким уровнем технической грамотности, а сами являетесь молодым продвинутым пользователем различных программ и гаджетов. Тестирование даст вам понимание того, как реальные пользователи воспринимают ярлык и какой текст для них более убедителен.

Домашняя страница веб-платформы для поиска и найма художников

Кнопки часто предлагают пользователю выбор: мы можем принять, отложить или отменить что-то, Написание текста для таких элементов, помните идею, которой поделились в одном из недавние исследования Nielsen Norman Group: «Копия, которую вы используете в настройках своего интерфейса, просит людей согласиться с утверждением. Это утверждение часто касается самих себя или действий, которые они хотят предпринять. Важно из с точки зрения пользовательского опыта  и с точки зрения бизнеса  написать копию интерфейса, которая поддерживает, а не подрывает процесс принятия решений. Доверие, ожидания и позитивное представление о себе формируют ассоциации, которые пользователи будут иметь с продуктом. Честная, прямая презентация выбора создает доверие и положительные эмоции».

Мобильные экраны для приложения кулинарной книги

6. Стройте естественный и последовательный диалог

Лучшее, что вы можете сделать для своего пользователя с помощью письменного контента, — это создать ощущение общения с человеком. Человек, который имеет четкий стиль и голос общения, готов помочь и не пытается изобретать велосипед на каждом шагу только для того, чтобы удивить вас. Определитесь с основной терминологией и названиями операций — и используйте их во всех сообщениях и уведомлениях: например, используйте слово «удалить» каждый раз, когда это действие должно быть выполнено, и не заменяйте его словом «удалить» для некоторых экраны, если действие такое же. Синонимы хороши для того, чтобы сделать язык в статьях или книгах ярким и ярким, но они могут испортить пользовательский опыт, заставив пользователей находить связи между синонимическими терминами, а не просто использовать продукт для решения своих проблем.

Вот еще один пример письма из руководства по Material Design.

7. Сделайте свой текст похожим на друга пользователя

Поддерживая предыдущую идею, сохраните стиль диалога, соответствующий ожиданиям целевой аудитории. Здесь важнее быть ясным и дружелюбным, чем лингвистически сложным — единственное исключение — когда целевые пользователи ожидают такой язык. Исследование пользователей — это ваша домашняя работа в этом случае: оно позволяет и дизайнерам, и писателям прояснить правильный выбор стиля не только для визуальных, но и для копировальных решений.

Экраны создания профиля для Inspora, виртуального стилиста

Бортовые экраны приложения для аренды старинных автомобилей

8. Избегайте специфического и технического сленга

термины, которые могут запутать пользователей. Например, когда вы сообщаете пользователю, что видео буферизуется, уверены ли вы, что он понимает, что это значит? Если да, то это хороший выбор текста. Если нет, ищите более простое слово. Не используйте «включить» вместо «включить», что гораздо понятнее для большинства людей. Вот пример из Alfresco Writing Guide.

9. Не забывайте о заглавных буквах

По сути, заглавные буквы пишутся или печатаются заглавными буквами или с заглавной буквы. Существует три уровня заглавных букв:

• заглавные (все буквы заглавные)
• Заглавный регистр (первая буква каждого слова заглавная, за исключением предлогов до 4 букв и артиклей)
• регистр предложения (вы пишете с заглавной только первую букву первого слова и имена собственные, как в предложении).

Сейчас ведутся жаркие споры об использовании регистра предложений вместо регистра заглавий, так как это кажется более дружелюбным и неформальным. Тем не менее, для носителей английского языка это по-прежнему естественная черта языка, которая, помимо восприятия текста как менее или более формального, отмечает уровни текстовой иерархии. Итак, решение, конечно, за вами, но примите во внимание следующие советы по использованию заглавных букв:

• Используйте Заглавные буквы  для обозначения полей, действий, пунктов меню и заголовков страниц
• Выберите Заглавные буквы стиля предложения для более длинного текста, такого как описания страниц или полей и всплывающие подсказки
• Применяйте ALL-CAPS умеренно, только к очень важным элементам (короткие слоганы, название бренда, основные элементы навигации в заголовке веб-сайта, короткий текст призыва к действию и аббревиатуры, такие как OK) и избегайте его во всех остальных случаях. случаи.

Какой бы выбор вы ни сделали, главное: будьте последовательны. Примите решение один раз — и следуйте ему через весь интерфейс. Если вы решили использовать заглавные буквы для всех кнопок, убедитесь, что вы постоянно соблюдаете это правило. Несогласованность отвлекает и даже раздражает пользователей.

Экран регистрации в приложении ресторана

10. Начните с самой важной информации

Этот совет кажется очень простым, поэтому удивительно, как много людей, занимающихся копированием, не следуют ему. это. В случае с коротким текстом, инструкцией, сообщением сосредоточьтесь только на ценной информации, не отвлекайте пользователей слишком большим количеством вступительного и разогревающего текста. Конечно, это не значит, что нужно придумывать только сухие безэмоциональные информационные тексты, но постарайтесь минимизировать поддерживающую часть и максимально активную. Для более длинных текстов, таких как статьи, руководства, описания продуктов и т. п., рассмотрите возможность использования принципа из журналистики, называемого принципом перевернутой пирамиды. Это когда вы переходите от того, что необходимо знать, к тому, что полезно знать, от основного сообщения к деталям, которые могут быть не такими важными.

Целевая страница Tasty Burger сначала представляет основную функцию: вы можете создать бургер самостоятельно, настроив его так, чтобы он идеально соответствовал вашему вкусу.

Дизайн домашней страницы для создателя визуальных медиа на основе 3D-изображения главного героя и основных функций в блоке копирования над сгибом.

Все перечисленные советы не панацея: решения по ним должны основываться на исследованиях и анализе для каждого конкретного случая. На создание текста для интерфейсов влияет множество факторов, от чисто дизайнерских до общей стратегии бренда, определяющей стиль общения с пользователями. В любом случае, мы надеемся, что собранный выше список поможет вам придумать креативные линии, поддерживающие положительный пользовательский опыт. Конечно, есть еще много моментов, кейсов и примеров для обсуждения и рассмотрения в области написания UX, поэтому мы продолжим тему в наших следующих постах. Не пропустите!

Полезное чтение

Копирайтинг для мобильных и веб-интерфейсов: типы копирования пользовательского интерфейса

Дизайн материалов: написание

3C дизайна интерфейса: цвет, контраст, контент

Перевернутая пирамида: написание для понимания

Советы по применению копируемого контента в пользовательских интерфейсах

16 Правил эффективного написания UX

Пользовательский опыт: как сделать веб-интерфейс сканируемым

Добро пожаловать, чтобы увидеть проекты от Tubik на Dribbble и Behance

16 правил эффективного написания UX. Ник Бабич | Ник Бабич

UX-райтинг — это практика создания UI-текста, который направляет пользователей в продукте и помогает им взаимодействовать с ним. Копия пользовательского интерфейса включает кнопки и метки меню, сообщения об ошибках, примечания по безопасности, условия и положения, а также любые инструкции по использованию продукта.

Основная цель написания UX — установить связь между пользователями и цифровым продуктом. В этой статье я дам несколько практических советов по эффективному написанию UX.

Слишком часто разработчики продуктов думают о тексте пользовательского интерфейса как о чем-то, относящемся к этапу документации продукта. «Сначала мы разработаем продукт, а затем наймем кого-нибудь, чтобы он помог нам написать копию пользовательского интерфейса». Такие предположения часто наносят большой вред, потому что критическая проблема пользовательского интерфейса может остаться незамеченной до более поздних этапов процесса разработки продукта. Вот почему текст пользовательского интерфейса должен быть написан раньше в процессе.

Работайте над текстом заранее, потому что проблемы с текстом часто выявляют проблемы дизайна.

Профессиональные UX-писатели должны работать вместе с разработчиками программного обеспечения и дизайнерами над созданием текста пользовательского интерфейса. В рамках этой деятельности они часто просят команду разработчиков объяснить дизайнерские решения. Если у команды возникают проблемы с объяснением дизайна, довольно часто в улучшении нуждается именно дизайн, а не текстовая копия.

Написание текста, который является частью дизайна пользовательского интерфейса, — это и искусство, и наука. Хотя невозможно предоставить универсальные правила написания текста пользовательского интерфейса, можно предоставить некоторые общие правила, которые помогут вам улучшить UX.

1. Будьте лаконичны

Краткость не означает ограниченность; это означает что-то близкое к эффективному. Используйте как можно меньше слов, не теряя смысла. Когда мы пишем лаконично, мы следим за тем, чтобы каждое слово на экране имело смысл. Следуйте совету Марка Твена:

«Писать легко. Все, что вам нужно сделать, это зачеркнуть неправильные слова».

Нельзя: Вы должны войти, прежде чем писать комментарий

Делать: Войти, чтобы комментировать

2.

Избегайте длинных блоков текста

При использовании продукта пользователи погружаются не в сам пользовательский интерфейс, а в свою работу. Следовательно, пользователи не читают текст пользовательского интерфейса — они просматривают его. Помогите им отсканировать текст, написав его короткими сканируемыми блоками. Разделяйте текст на более короткие предложения и абзацы. Держите самый важный текст впереди, а затем безжалостно редактируйте то, что следует за ним.

Напишите коротко, а затем разрежьте пополам

3. Избегайте двойных отрицаний

Двойные отрицания увеличивают когнитивную нагрузку — они заставляют пользователей тратить дополнительное время на расшифровку сообщения.

Не надо: Я не хочу отписываться

4. Начните с цели

Когда предложение описывает цель и действия, необходимые для ее достижения, начните предложение с цели.

Не надо: Нажмите на элемент, чтобы увидеть его свойства

Сделайте: Чтобы увидеть свойства предмета, нажмите на него

5.

По возможности используйте специальные глаголы

Конкретные глаголы (например, подключить или сохранить) более значимы для пользователей, чем общие (например, настроить или управлять).

6. Сделайте копию согласованной

Несоответствие создает путаницу. Типичным примером несоответствия является замена слова синонимом в другой части пользовательского интерфейса. Например, если вы решили назвать процесс организации чего-либо «Планированием» в одной части пользовательского интерфейса, не называйте его «Бронированием» в других частях вашего пользовательского интерфейса.

Еще одна распространенная ошибка — комбинирование форм адреса. Не обращайтесь к пользователю как во втором, так и в первом лице в рамках одной и той же фразы.

Не надо: Изменить предпочтения в Моя учетная запись

Сделать: Изменить 5 5 40934 в Ваша учетная запись

7.

Избегайте профессионального жаргона

Одной из важных характеристик эффективного письма UX является ясность и простота. Для ясности нужно убрать технические термины и вместо них использовать знакомые, понятные слова и словосочетания. Особенно важно избегать жаргона в сообщениях об ошибках.

Не надо: Системная ошибка (код #2234): Произошла ошибка аутентификации

Делать: Ошибка входа: Вы ввели неправильный пароль

8. Пишите в настоящем времени

Избегайте использования будущее время для описания действия.

Нельзя: Видео скачано

Делаем: Видео скачано

9. Пишите в действительном залоге

Пассивный залог заставляет читателей зевать. Сравните это предложение в обоих голосах:

Не делать: Кнопка «Поиск» должна быть нажата, когда вы будете готовы искать элемент.

Делать: Нажмите кнопку «Поиск», чтобы найти статью.

10. Используйте цифры

Используйте цифры вместо слов для чисел.

Не надо: У вас есть два пропущенные вызовы

Делать: У вас есть 2 пропущенные вызовы

1

1 10012

0013

Иногда полезно предоставить дополнительную информацию или дополнительные инструкции для пользователей. Но слишком часто такие детали представляются заранее. Слишком много информации может быстро перегрузить пользователей. Таким образом, раскрывайте детали по мере необходимости. Используйте механизм постепенного раскрытия, чтобы показать больше деталей. В самой простой форме этот механизм может быть реализован в виде ссылки «Подробнее» на полное содержание.

Evernote использует постепенное раскрытие информации, чтобы предоставить больше информации о преимуществах.

Прогрессивное раскрытие особенно полезно для мобильного пользовательского интерфейса (где дизайнеры имеют ограниченное пространство на экране для работы).

Изображение: Ramotion

12. Правильно определяйте интерактивные элементы

Пользователи не любят сюрпризов. Они ненавидят ситуации, когда ожидают одного, а получают совсем другое. Люди должны быть в состоянии сказать с первого взгляда, что делает элемент.

Выбирайте метки, которые четко сообщают и различают, что делает объект.

При маркировке кнопок и других интерактивных элементов используйте глаголы действия, такие как «Подключиться», «Отправить», «Подписаться» вместо расплывчатых «Хорошо» или «Отправить». Многие дизайнеры говорят, что добавление юмора в пользовательский интерфейс делает его более человечным. Но, как и любой другой компонент пользовательского интерфейса, юмор должен быть разработан. Люди, вероятно, будут читать текст в вашем интерфейсе много раз, и то, что поначалу может показаться умным, со временем может стать раздражающим (особенно если вы используете юмор в сообщениях об ошибках). Кроме того, помните, что юмор в одной культуре не обязательно хорошо переносится в другие культуры.

14. Используйте язык, соответствующий платформе пользователя

Термины, которые мы используем при описании взаимодействия с настольным приложением, не обязательно применимы к мобильным платформам. Например, если вы разрабатываете приложение для iPhone, мы не можем сказать «щелчок», когда речь идет о действии. Вместо этого нам нужно сказать «тап».

15. Используйте «сегодня», «вчера» или «завтра» вместо даты

Люди не используют дату, когда говорят о дне, предшествующем текущему дню. Они говорят «вчера». Тот же принцип можно применить к пользовательскому интерфейсу. Вместо указания даты скажите «сегодня», «вчера» или «завтра». Это не позволяет пользователям использовать календарь каждый раз, когда они хотят знать, когда произошло событие. Но помните, что эти термины могут сбивать с толку или быть неточными, если вы не учитываете текущую локаль.

16. Используйте графику, если она поможет вам в общении.

Люди — невероятно визуальные существа.