Юзабилити текста мобильного приложения

09 июля 2015

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

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

Текст в мобильном интерфейсе

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

Разница между чтением с ПК и смартфона

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


Это значит:

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

Особенности чтения с мобильного

1. Объем vs интерес

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

2. Сложность

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

3. Навигация

Длинная прокрутка и неудобная навигация по тексту (сплошной текст без блоков и форматирования) усложняют чтение, мешают сканированию текста.

Как делается текстовый контент для мобильных

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

Мобильный текст в дизайне

1. Ограничения

Текст интерфейса постоянно сталкивается с ограничениями: размером экрана и размерами элемента с текстом (например, кнопки). Поэтому часто при разработке дизайна приложения возникают ситуации со слишком длинными названиями кнопок.

Например, рабочее название кнопки — «Зарегистрироваться» (18 символов). А помещается в макете не больше 10. Для этого кнопки переименовываются так, чтобы сохранить понятность действий. К этому примеру подходящими названиями будут «Готово», «Продолжить» или другие, в зависимости от контекста и дальнейших действий пользователя.

2. Гайдлайны

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

3. UI-kit

Как будут выглядеть кнопки с названиями и пример текстового контента, лучше всего продемонстрирует UI-kit приложения. В нём можно оценить эстетику и читабельность предполагаемого текста. Пример UI-kit и макетов приложения с текстовыми блоками можно посмотреть здесь.

Как пишут краткий текст

Как понять, сколько текста достаточно для восприятия мобильного пользователя? Что труднее — развёрнутый текст или краткий? И каков механизм написания?

Вот некоторые соображения, основанные на опыте и исследованиях.

1. Короче!

«Краткое — это слишком длинно для мобильных. Сегодня рулит ультра-краткое», — утверждают юзабилисты.

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

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

  • Написать как есть по теме;
  • Самая важная информация сразу и на первый экран;
  • Отложить справочную информацию на вторую половину текста: до неё доберется только особенно заинтересованный читатель.
  • Упростить синтаксис, убрать стоп-слова;
  • Убрать предложения, содержащие бездоказательные утверждения;
  • Убрать бессодержательные предложения (так называемую «воду» или «словоблудие»);
  • И еще сократить, особенно те места, в которых снижается внимательность чтения.

2. Без бумажки ты…

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

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

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

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