О микротекстах в дизайне

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

Можно рассматривать микротекст и текстовый контент как еще один элемент дизайна, который может как улучшить, так и испортить пользовательский опыт.

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

Грамотный дизайнер должен уделять внимание тексту, рассматривая микротекст как важнейший элемент в процессе проектирования, способный изменить концепцию и повлиять на решение. Эстетика и слова неразрывно связаны. Это также базовый навык, который должен развивать каждый дизайнер.

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

В отсутствие квалифицированных UX-писателей необходимо стать более разносторонними дизайнерами и начать создавать более качественные микротексты.

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

Примеры удачных микротекстов

Регистрация в Mailchimp

Добро пожаловать на страницу регистрации Mailchimp.

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

Внедрение FigJam

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

Инструмент Figma «белая доска» использует привлекательные всплывающие подсказки для навигации пользователя. Здесь удачное сочетание качественных визуальных элементов и понятного текста.

Обмен сообщениями в Asana

Экран новых сообщений Asana с отображением данных, введенных получателем.

Продуманный текст-заполнитель для поля ввода помогает пользователю ориентироваться. Удачно расположенный текст слева от кнопок «Отменить» и «Отправить» вселяет уверенность и сообщает пользователю о количестве людей, получающих уведомление.

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

Важная роль микротекстов

Микротексты выполняют широкий круг задач и играют множество ролей:

Правила написания качественного микротекста

Эти правила призваны упростить создание качественного микротекста.

Будьте краткими

Используйте короткие слова и предложения. Избегайте ненужных определений.

Слово «красный» здесь излишне. Не стоит излишне усложнять описание просто ради излишней детализации.

Будьте конкретны

Избегайте расплывчатых или неформальных формулировок.

Не используйте профессиональный жаргон

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

Не делайте абзацы короткими

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

Напишите цифры словами

В основном тексте числа до девяти следует писать прописью. После 10 используются цифры.

Сокращения

Не следует чрезмерно использовать такие сокращения, как:

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

Правильный регистр предложений

Правильный регистр предложений — это когда заглавной пишется только первая буква первого слова в заголовке.

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

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

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

Заголовки

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

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

Как всегда, использование заглавных букв в названии может быть уместным в соответствующем контексте.

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

Пишите с заглавной буквы имена собственные, например, Evil Corp и Valley Cryogenics.

Не следует писать слово «функционал» с заглавной буквы, за исключением случаев, когда оно относится к конкретным или фирменным функциям, таким как Instagram Stories или The Flying Enchilada Dashboard.

Ваш / Мой

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

Ваши вещи

Использование местоимения «Ваш» (второе лицо) в интерфейсе подразумевает, что продукт разговаривает с вами. Это создает ощущение, что продукт — ваш личный помощник. Это полезно, но не слишком требовательно.

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

Используйте «Ваш», если система создала для вас что-то, например, отчет или сводку.

Мои вещи

Использование местоимения «мой» (первое лицо) предполагает, что продукт является продолжением пользователя. «Мой» дает ощущение контроля и собственности, но как у отдельного человека. Это солипсизм. Примером может служить сайт для подачи налоговых деклараций. Поскольку пользователь не настроен на открытый обмен информацией при расчете своих финансов, «мой» кажется уместным, особенно когда речь идет о конфиденциальных данных.

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

Используйте поле «Мои», если вы что-то создали в системе, например, сохраненный поисковый запрос или персонализированный плейлист.

Используйте имя собственное или название действия, например, «Чемодан» вместо «Мой чемодан». Это позволяет избежать проблем с длинными строками и визуальным беспорядком. Использование личного местоимения в большинстве случаев не требуется, за исключением тех, которые я упомянул выше, а именно, чтобы отличить ваши собственные данные от данных команды.

Будьте конструктивны

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

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

Одной из наиболее полезных теорий коммуникации, применимых к письменной речи, является метод обратной связи.

Мы можем предоставить пользователю четыре типа обратной связи.

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

«Негативное, конструктивное» сообщение

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

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

«Позитивное, конструктивное» сообщение

Вы подписаны. Посмотреть сейчас.

Это хорошо, так как это в очень позитивном ключе показывает, что произошло и что вы теперь можете сделать.

Избегайте деструктивной обратной связи

«Вы не можете просмотреть это задание».

Это бесполезно, удручающе и может напомнить пользователю о его собственной смертности.

Голос

Активный залог

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

«Пользователи любят получать обратную связь».

Пассивный залог

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

«Пользователи ценят обратную связь».

Уведомления и сообщения об ошибках

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

«Том Ганн поставил задачу».

лучше, чем

«Задание придумал Том Ганн».

Хотя мы и утверждали, что активный залог является идеальным, пассивный залог тоже имеет своё место. Используйте пассивный залог, когда действие важнее того, что послужило причиной (подлежащее) этого действия.

Результаты не найдены.

лучше, чем

«Поиск не дал никаких результатов».

Призывы к действию

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

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

Идеальный призыв к действию рождается тогда, когда текст приобретает смысл после обоих вариантов:

Уведомления

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

Пользователям необходимо указать, откуда приходят уведомления

Они должны с первого взгляда понять, что уведомление пришло от вашего продукта/компании. В электронном письме тема — самая важная часть сообщения.

Уведомления должны показать свою правдивость

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

Пользователям необходимо знать, зачем они это получают

Это должно быть частью заголовка и темы, например: «Задание: Вам назначено задание».

Пользователям нужно знать, что делать дальше

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

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