Содержание

Оптимальная длина строки для обеспечения удобства восприятия текста

Оптимальное количество символов в каждой строке является ключом к обеспечению удобства восприятия текста.

Основные выводы:

  • Оптимальная длина строки для основного текста составляет 50–75 символов.
  • Более короткая или длинная строка может ухудшить удобство восприятия информации.
  • Широкомасштабное тестирование показывает, что длина строки текста влияет на усвоение пользователями сути описания продукта или услуги.

Исследование Baymard Institute и проведенное ими крупномасштабное UX-тестирование сайтов электронной коммерции показывают, что длинные текстовые строки, как правило, пугают и подавляют пользователей.

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

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

В статье мы обсудим:

  1. Общие принципы, которые касаются длины строки и удобства восприятия текста. 
  2. Как чрезмерно длинные строки текста вызывают негатив со стороны пользователей сайтов электронной коммерции.
  3. Оптимальную длину строки текста для обеспечения удобства восприятия на сайтах электронной коммерции и вопросы доступности.
1. Общие принципы, которые касаются длины строки и удобства восприятия текста

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

Правильное количество символов в каждой строке является ключом к улучшению усвоения текста.

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

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

Он пришел к выводу, что оптимальная длина строки для основного текста составляет 50–60 знаков, включая пробелы («Типография», Э. Рудер).

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

Если не заострять внимание на цифрах, то к чему может привести нарушение этого диапазона?

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

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

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

2. Как чрезмерно длинные строки текста вызывают негатив со стороны пользователей сайтов электронной коммерции

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

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

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

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

❌ «Здесь слишком много информации, я даже не могу понять, что мне нужно прочитать». Пользователь на сайте Mahalo счел длинные абзацы с описанием товара трудными для восприятия.❌ «Я бы сказал, что мне довольно сложно разобраться во всем этом…  Я никогда не был фанатом чтения».

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

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

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

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

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

Учитывая проблемы, вызванные чрезмерно длинными строками текста, какова же идеальная длина строки, которая сможет обеспечить хорошую читаемость?

В директиве 1.4.8 Руководства по обеспечению доступности веб-контента (WCAG) указано, что строки текста должны содержать менее 80 символов (или менее 40 символов, если текст написан на китайском, японском или корейском языке) для того, чтобы любой пользователь мог прочитать текст.  

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

«Они делают акцент на заголовках: «Вы можете играть, где угодно»… (оригинал. Plays where you play) и «Подключение через Bluetooth»… (оригинал. Bluetooth connectivity). Так намного легче считывать эту информацию. Это преимущества Bluetooth-колонки, которые отличают ее от других, и это то, что делает ее особенной».

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

«Я хотел понять, является ли телефон водонепроницаемым… и прочитал: «Не погружайте его в воду». Это было полезно».

Описание динамика на сайте B&H Photo разъясняло его функции в формате, удобном для чтения, включая блоки текста и маркированные списки. Когда дело доходит до мобильного UX, длина строки вряд ли будет проблемой в альбомном режиме из-за узкого окна просмотра. А вот длина строки в книжном формате может неправильно отображаться, если она содержит более 80 символов.

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

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

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

Текстовая строка длиной менее 80 символов — это еще один шаг к улучшению опыта взаимодействия с пользователем.

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

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

  • Высота строки (т.е. расстояние между строками текста): 1,5em (т.е. она должна быть в 1,5 раза больше размера шрифта).
  • Расстояние между абзацами: 2em.
  • Расстояние между словами: 0,16 em.
  • Расстояние между буквами (т. е. трекинг): 0,12 em.

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

100 символов, или Как влияет длина строки на читаемость текста / Хабр

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

Роберт Брингхерст в книге «Основы стиля в типографике» говорит, что оптимальное значение длины строки составляет от 45 до 75 знаков. 66 — идеальный вариант, а для многоколонного набора — 40—50 знаков.

Максим Ильяхов пишет, что за максимум берет 75 знаков, — столько помещается на страницу А4 с полями при наборе 12-м кеглем.

Smashing Magazine в 2009 году провели исследование и выяснили, что средний результат символов на строку равен 88,74, а среднее значение изменяется от 75 до 85.

Результаты исследования Smashing Magazine

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

Калибровка

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

Мобильная версия Яндекса — 41 символ в блоке с текстом Медуза — 70 символовGoogle — 85 символов у текстаOZON — 153 символа

Поиск отдельного слова в тексте в зависимости от длины строки

Исследование Джонатана Линга и Пола ван Шейка было опубликовано в 2006 году в Международном журнале исследования человека и компьютера.

Длина строки в эксперименте была в вариантах 55, 70, 85 и 100 символов. Шрифт тоже менялся, всего использовали два варианта: Arial 10 пунктов и Times New Roman 12 пунктов. Оценивали точность и скорость поиска по тексту.

В эксперименте участвовали 72 человека, 57 из которых — женщины. 61% участников был моложе 25 лет, остальные — в интервале между 26 и 50 годами.

 

Дизайн эксперимента — html-странички с текстом докторской диссертации одного из авторов. Никто из участников его раньше не читал. 

(a) 55 знаков в строке, (b) 70, (c) 85, (d) 100. Везде используется Times New Roman

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

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

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

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

Ответы пользователей на вопросы о том, какая длина строки в зависимости от шрифта им больше нравится

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

в статье о читаемости шрифтов с засечками и без. 

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

Поиск информации на сайте в зависимости от длины строки

Во втором исследовании Джонатан Линг и Пол ван Шейк изучали зависимость поиска от длины строки.

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

Никто из них не участвовал в первом эксперименте. 

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

Примеры сайтов для исследования

В верхней части страницы написали вопросы в зависимости от типа сайта. Например: «Как много программ содержит Office 97?» или «С кем Sega собирается стать партнерами?».

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

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

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

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

График отношения времени чтения к длине строки

Понимание текста и скорость чтения в зависимости от длины строки

Третье исследование от Мэри К. Дайсон и Марк Хейзелгрув проводили в 2001 году и публиковали в International Journal of Human-Computer Studies. 

Ученые изучали понимание и скорость чтения, а также паттерны прокрутки. Понимание измеряли с помощью вопросов: «Какой заголовок лучше подходит к тексту?», «Какая главная идея текста?», «В каком порядке что рассказывалось?». И вопросов о конкретных фактах и деталях в тесте. Скорость чтения измерялась в прочитанных словах в секунду.

Каждому участнику давали прочесть шесть документов — статей из National Geographic, длиной около 1000 слов, примерно 2,5 странички. Хотя на английском, может, и меньше. В исследовании участвовали 36 человек возрастом от 18 до 24. 

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

По сравнению с текстами длиной строки 25 и 100 символов текст с длиной строки 55 символов читается быстрее. То есть текст, набранный в колонки, читается более медленно

В заключение

Субъективно людям нравятся тексты со строками 55—70 символов. В таких текстах люди лучше понимают смысл и легче отвечают на вопросы. Скорость чтения таких текстов выше. Зато в текстах с длиной строки 85—100 символов люди быстрее находят конкретное слово. 

Большинство контентных сайтов: новости, блоги и так далее — придерживаются длины строки 55—70 символов в десктопных версиях, но на сайтах других направлений длина строки часто больше. Возможно им просто не важна читаемость текста, или они даже сознательно хотят ее понизить.

Описание товара на Wildberries — 91 символКомментарии на YouTube — 141 символОписание задачи в Jira — 121 символ

Что такое количество символов?

В социальных сетях длина сообщения часто влияет на влияние вашего контента.

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

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

Ограничение количества символов в социальных сетях

Изучение основ подсчета символов — отличный способ уточнить и улучшить вашу стратегию в социальных сетях. Важно отметить, что максимальное количество символов для поста и идеальное количество символов для взаимодействия — это две разные вещи. Например, сообщения в Facebook могут содержать до 63 206 символов, но исследование Джеффа Булласа показало, что сообщения с менее чем 80 символами получают на 66% больше вовлеченности.

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

Facebook

  • Сообщения Facebook: 63206 символы
  • Facebook видео и текстовая реклама Копия: 90 символов
  • Facebook изображение. 10 000 символов
  • Имя профиля в Twitter: 20 символов
  • Имя профиля в Twitter: 20 символов

Instagram

  • Заголовок в Instagram: 2200 символов
  • Биография в Instagram: 150 символов
  • Имя пользователя Instagram: 30 символов

LinkedIn

  • Название профиля Pinterest: 20 символов
  • Описание доски Pinterest: 500 символов
  • Биография Pinterest: 160 символов

YouTube

  • Название видео на YouTube: 70 символов
  • Описание видео на YouTube: 5000 символов

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

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

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

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

Отслеживание количества символов

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

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

Ограничение максимальной длины пути — приложения Win32

  • Статья
  • 4 минуты на чтение

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

, что определяется как 260 символов. Локальный путь структурирован в следующем порядке: буква диска, двоеточие, обратная косая черта, компоненты имени, разделенные обратной косой чертой, и завершающий нулевой символ. Например, максимальный путь на диске D: «D:\ некоторая 256-символьная строка пути «, где «» представляет невидимый завершающий нулевой символ для текущей системной кодовой страницы. (Символы < > используются здесь для наглядности и не могут быть частью допустимой строки пути.)

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

Windows API имеет множество функций, которые также имеют версии Unicode, позволяющие использовать путь увеличенной длины для максимальной общей длины пути 32 767 символов. Путь этого типа состоит из компонентов, разделенных обратной косой чертой, каждый из которых соответствует значению, возвращаемому параметром lpMaximumComponentLength функции GetVolumeInformation (это значение обычно составляет 255 символов).
Чтобы указать путь увеличенной длины, используйте префикс «\\?\». Например, «\\?\D:\ очень длинный путь «.

Примечание

Максимальный путь длиной 32 767 символов является приблизительным, поскольку префикс «\\?\» может быть расширен системой до более длинной строки во время выполнения, и это расширение применяется к общей длине.

Префикс «\\?\» также можно использовать с путями, созданными в соответствии с универсальным соглашением об именах (UNC). Чтобы указать такой путь с использованием UNC, используйте префикс «\\?\UNC\». Например, » \\?\UNC\server\share», где «server» — это имя компьютера, а «share» — имя общей папки. Эти префиксы не используются как часть самого пути. Они указывают, что путь должны быть переданы в систему с минимальными изменениями, что означает, что вы не можете использовать косую черту для представления разделителей путей, точку для представления текущего каталога или двойные точки для представления родительского каталога. Поскольку вы не можете использовать «\\? \» с относительным путем, относительные пути всегда ограничены

MAX_PATH символов.

Нет необходимости выполнять какую-либо нормализацию Unicode для строк пути и имени файла для использования функциями API файлового ввода-вывода Windows, поскольку файловая система обрабатывает пути и имена файлов как непрозрачную последовательность

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

При использовании API для создания каталога указанный путь не может быть настолько длинным, чтобы нельзя было добавить имя файла 8.3 (то есть имя каталога не может превышать MAX_PATH минус 12).

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

Начиная с Windows 10 версии 1607, MAX_PATH ограничения были удалены из общих функций файлов и каталогов Win32. Однако вы должны согласиться на новое поведение.

Чтобы включить новое поведение длинного пути, должны быть выполнены оба следующих условия:

  • Раздел реестра Computer\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\FileSystem\LongPathsEnabled (тип: REG_DWORD) должен существовать и иметь значение 1. Значение ключа будет кэшировано системой (для каждого процесса) после первого вызов затронутого файла Win32 или функции каталога (список функций см. ниже). Раздел реестра не будет перезагружаться в течение всего времени существования процесса. Чтобы все приложения в системе распознали значение ключа, может потребоваться перезагрузка, поскольку некоторые процессы могли быть запущены до установки ключа.

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

  • Файл реестра (. reg)
  • PowerShell
 Редактор реестра Windows версии 5.00
[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\FileSystem]
"LongPathsEnabled"=dword:00000001
 

Примечание

Этот раздел реестра также можно контролировать с помощью групповой политики в Конфигурация компьютера > Административные шаблоны > Система > Файловая система > Включить длинные пути Win32 .

  • Манифест приложения также должен включать элемент longPathAware .

     <приложение xmlns="urn:schemas-microsoft-com:asm.v3">
        
            true
        
    
     

Ниже приведены функции управления каталогами, которые больше не имеют ограничений MAX_PATH , если вы соглашаетесь на использование длинного пути: CreateDirectoryW, CreateDirectoryExW GetCurrentDirectoryW RemoveDirectoryW SetCurrentDirectoryW.