ПЕРЕВОДЫ
Типографика для моментального считывания: чем больше, тем лучше
Резюме: Шрифты, предназначенные для сканирования, должны быть больше по размеру, не сжатыми по ширине, и быть прописными, а не строчными.


Введение

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

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

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

Определение: Под "беглым взглядом" понимается быстрое чтение короткого текста (часто всего 1 или 2 слова).

Беглый взгляд обычно происходит в то время, когда человек занимается другими сложными задачами, например, быстро смотрит на смарт-часы, чтобы увидеть прогноз температуры и осадков на следующий час (например, "влажность 50%, 20ºC"), чтобы взять соответствующую куртку на выходе из двери. Критично то, что беглый взгляд на 1-2 слова в отдельности - это другое поведение при чтении, нежели просмотр более длинного отрывка текста.
Прогноз погоды на Apple Watch - это пример контента, который обычно читают с первого взгляда. В этой ситуации использование текста, написанного заглавными буквами, помогает при сканировании. Однако контекст имеет значение: в длинном заголовке или отрывке текста один и тот же шрифт с заглавными буквами, скорее всего, ухудшит читаемость.

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


Изучение беглого чтения и типографики

Недавнее исследование группы ученых из Agelab/Clear-IP Массачусетского технологического института под руководством доктора Бена Д. Сойера (Ben D. Sawyer) позволило выяснить, влияет ли размер, регистр и ширина шрифта на скорость распознавания слов. Исследователи представили участникам исследования строки символов, отображаемые разными шрифтами, и измерили, насколько быстро они распознают, являются ли эти строки словами (например, "spindle") или не словами (например, "mindle"). (Эта задача называется лексическим решением и широко используется в когнитивной психологии).

Независимыми переменными в их исследовании были:

•Размер текста: либо маленький (3 мм), либо большой (4 мм).
•Текстовый регистр: либо все заглавные, либо все строчные.
•Начертание текста: узкий или обычный.

Зависимая переменная, по сути, являлась временем, потраченным на считывание.

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

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


Применение этих результатов к вашему дизайну

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

Вот несколько ключевых способов применения этого исследования:

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

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

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

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

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

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

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


Читаемость заглавных букв и ограничения этого исследования

В данный момент вы можете спросить: если это исследование показало, что использование заглавных букв лучше, чем строчных, почему мы не порекомендовали вам использовать заглавные буквы? На самом деле, это исследование показывает, что более крупный текст более разборчив, когда вы смотрите на одно слово по отдельности, вне контекста предложения. Более крупный строчный текст (на 4 мм, где буквенные формы имеют примерно такую же высоту, как и 3-мм текст с заглавными буквами) делается очень похожим на текст с заглавными буквами. Эти выводы свидетельствуют о том, что для удобства чтения с первого взгляда более крупный текст лучше, независимо от его размера. Кстати, в шрифте Frutiger, используемом в данном исследовании, размер строчных букв приблизительно равен ¾ их заглавных эквивалентов, в результате чего 4-миллиметровые строчные буквы примерно такого же размера, как и 3-миллиметровые прописные.

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

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


Необходимы дополнительные исследования

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


Заключение

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


Источник:

Nielsen Norman Group: Typography for Glanceable Reading: Bigger Is Better
Пример шрифта Frutiger, использованного в исследовании, показывает псевдослово во всех исследуемых условиях (сжатый, обычный, все заглавные, все строчные и два разных размера шрифта высотой 3 и 4 мм на экранах участников). В предыдущих исследованиях Frutiger превосходил многие другие шрифты по разборчивости. Примечание: каждый участник сталкивался с каждым (псевдо)словом только в одном из этих условий, но в течение всего исследования подвергался воздействию всех этих условий.

Более крупный, широкий и заглавный текст превзошел мелкий, узкий и строчный текст

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

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

Все эти эффекты были статистически значимыми (на уровне p <0,01). Хотя уже некоторое время известно, что текст большего размера более разборчив, это исследование показало, что вес и регистр также имеют значение. Для чтения строчных букв требовалось на 26% больше времени, чем для прописных, а для сжатого текста требовалось на 11,2% больше времени, чем для обычного. Также наблюдались значительные эффекты взаимодействия между регистром и размером, предполагая, что отрицательные эффекты строчных букв усугубляются при использовании небольшого размера шрифта.
ПРОФЕССИЯ
UX/UI ДИЗАЙНЕР
3-х месячный практический курс
от ведущей дизайн студии

скидка — 35% в этом месяце
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ПО ДИЗАЙНУ ЗА НЕДЕЛЮ?
ПЕРЕВОДЫ
Переоценка простоты
ПЕРЕВОДЫ
UX и систематизация контента
ПЕРЕВОДЫ
Психология визуального UX
© 2016 Your company
ПЕРЕВОДЫ
Типографика для моментального считывания: чем больше, тем лучше
Резюме: Шрифты, предназначенные для сканирования, должны быть больше по размеру, не сжатыми по ширине, и быть прописными, а не строчными.


Введение

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

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

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

Определение: Под "беглым взглядом" понимается быстрое чтение короткого текста (часто всего 1 или 2 слова).

Беглый взгляд обычно происходит в то время, когда человек занимается другими сложными задачами, например, быстро смотрит на смарт-часы, чтобы увидеть прогноз температуры и осадков на следующий час (например, "влажность 50%, 20ºC"), чтобы взять соответствующую куртку на выходе из двери. Критично то, что беглый взгляд на 1-2 слова в отдельности - это другое поведение при чтении, нежели просмотр более длинного отрывка текста.
Прогноз погоды на Apple Watch - это пример контента, который обычно читают с первого взгляда. В этой ситуации использование текста, написанного заглавными буквами, помогает при сканировании. Однако контекст имеет значение: в длинном заголовке или отрывке текста один и тот же шрифт с заглавными буквами, скорее всего, ухудшит читаемость.

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


Изучение беглого чтения и типографики

Недавнее исследование группы ученых из Agelab/Clear-IP Массачусетского технологического института под руководством доктора Бена Д. Сойера (Ben D. Sawyer) позволило выяснить, влияет ли размер, регистр и ширина шрифта на скорость распознавания слов. Исследователи представили участникам исследования строки символов, отображаемые разными шрифтами, и измерили, насколько быстро они распознают, являются ли эти строки словами (например, "spindle") или не словами (например, "mindle"). (Эта задача называется лексическим решением и широко используется в когнитивной психологии).

Независимыми переменными в их исследовании были:

•Размер текста: либо маленький (3 мм), либо большой (4 мм).
•Текстовый регистр: либо все заглавные, либо все строчные.
•Начертание текста: узкий или обычный.

Зависимая переменная, по сути, являлась временем, потраченным на считывание.

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

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


Применение этих результатов к вашему дизайну

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

Вот несколько ключевых способов применения этого исследования:

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

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

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

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

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

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

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


Читаемость заглавных букв и ограничения этого исследования

В данный момент вы можете спросить: если это исследование показало, что использование заглавных букв лучше, чем строчных, почему мы не порекомендовали вам использовать заглавные буквы? На самом деле, это исследование показывает, что более крупный текст более разборчив, когда вы смотрите на одно слово по отдельности, вне контекста предложения. Более крупный строчный текст (на 4 мм, где буквенные формы имеют примерно такую же высоту, как и 3-мм текст с заглавными буквами) делается очень похожим на текст с заглавными буквами. Эти выводы свидетельствуют о том, что для удобства чтения с первого взгляда более крупный текст лучше, независимо от его размера. Кстати, в шрифте Frutiger, используемом в данном исследовании, размер строчных букв приблизительно равен ¾ их заглавных эквивалентов, в результате чего 4-миллиметровые строчные буквы примерно такого же размера, как и 3-миллиметровые прописные.

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

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


Необходимы дополнительные исследования

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


Заключение

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


Источник:

Nielsen Norman Group: Typography for Glanceable Reading: Bigger Is Better
Пример шрифта Frutiger, использованного в исследовании, показывает псевдослово во всех исследуемых условиях (сжатый, обычный, все заглавные, все строчные и два разных размера шрифта высотой 3 и 4 мм на экранах участников). В предыдущих исследованиях Frutiger превосходил многие другие шрифты по разборчивости. Примечание: каждый участник сталкивался с каждым (псевдо)словом только в одном из этих условий, но в течение всего исследования подвергался воздействию всех этих условий.

Более крупный, широкий и заглавный текст превзошел мелкий, узкий и строчный текст

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

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

Все эти эффекты были статистически значимыми (на уровне p <0,01). Хотя уже некоторое время известно, что текст большего размера более разборчив, это исследование показало, что вес и регистр также имеют значение. Для чтения строчных букв требовалось на 26% больше времени, чем для прописных, а для сжатого текста требовалось на 11,2% больше времени, чем для обычного. Также наблюдались значительные эффекты взаимодействия между регистром и размером, предполагая, что отрицательные эффекты строчных букв усугубляются при использовании небольшого размера шрифта.
ПРОФЕССИЯ
UX/UI ДИЗАЙНЕР
3-х месячный практический курс
от ведущей дизайн студии

скидка — 35% в этом месяце
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ЗА НЕДЕЛЮ?
ПЕРЕВОДЫ
Переоценка простоты
ПЕРЕВОДЫ
UX и систематизация контента
ПЕРЕВОДЫ
Психология визуального UX