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

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

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

Что такое UI копирайтинг?

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

UI копирайтинг

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

Информационные тексты

Заголовки

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

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

Подзаголовки

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

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

Основной текст

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

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

Информационные тексты

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

Текст обеспечивающий взаимодействие

Подписи

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

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

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

Чтобы сделать эффективным призыв к действию, вам необходимо свести количество слов к минимуму, не более 1-2 слов. Несколько правильно выбранных слов работают намного быстрее, чем длинная фраза.

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

Уведомления

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

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

Текст обеспечивающий взаимодействие

Сообщениях о ошибках

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

Текст меню

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

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

Всплывающие подсказки

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

Всплывающие подсказки

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

Источник

Другие наши материалы