Знаменитые дизайнеры vs научные исследования про читаемость шрифтов
Я работаю дизайнером около 10 лет. В дизайне не очень много объективных и проверяемых законов, и когда мне нужно было что-то выяснить, я искала информацию в профессиональных книгах, блогах крутых ребят, спрашивала у знакомых арт-директоров и приставала к людям в коридорах.
А потом узнала, что ученые уже сто лет как выяснили то, про что до сих пор спорят дизайнеры.
Мы в Тинькофф сравнили мнение знаменитых дизайнеров и ученых о том, какие шрифты легче читать: антикву(с засечками) или гротески(без засечек).
Почему я вообще этим занялась
Однажды мне нужно было написать инструкцию для джунов о том, как выбрать шрифт. Я написала, что для больших текстов лучше использовать шрифты с засечками, потому что глаза меньше устают от такого шрифта и засечки помогают держать строку.
Потом пришел редактор и откомментил: «Пруфы?»
«Да это же очевидно», — подумала я и открыла «Википедию»:
В «Википедии» пруфов не было, и я пошла к книжному шкафу.
На мой взгляд, шрифт с засечками меньше утомляет при долгом чтении обычных, «бумажных» изданий, чем гротеск, по двум причинам. Во-первых, засечки подчеркивают окончания штрихов, становясь дополнительными «смыслоразличителями». Во-вторых, буквы с засечками несколько сложнее по форме, поэтому сильнее отличаются друг от друга, чем гротесковые. А наш читательский глаз больше нуждается в балансе индивидуальности и унификации, чем дизайнерский, который радуется зеркальной вылизанности.
Юрий Гордон «Книга про буквы от Аа до Яя», Откуда взялись и зачем нужны засечки, стр. 51
Шрифт без засечек только кажется простейшим. Его форму специально упростили для детей, а взрослым его читать труднее, чем антикву, ведь ее засечки служат не только для украшения.
Ян Чихольд «Облик книги», О типографике, стр. 21
Ян Чихольд
Ну ладно, старинные мастера опирались на чутье, но, может, кто-то посовременнее объяснит с пруфами?
Сергей Сурганов, арт-директор «Медузы», дизайнер Notion:
Используйте шрифт с засечками для длинных текстов
Когда вы оформляете любой длинный текст (статью, резюме, письмо, инструкцию), стоит использовать шрифт с засечками, то есть антикву. Считается, что длинный текст, набранный таким шрифтом, легче читать. В традиционной книжной верстке тоже используются именно антиквы, поэтому если вы делаете что-то похожее, то выбор ясен.
Инструкция арт-директора «Медузы» Сергея Сурганова «Как выбрать шрифт»
Короче, у нас три довода:
«согласно общепринятому мнению»,
«на мой взгляд»,
«считается»,
…
Книги не помогли, и я попробовала разобраться с помощью научных статей, есть ли какие-то доказательства, что шрифт с засечками легче, быстрее или приятнее читать, чем шрифт без засечек. Конечно, это не полноценный научный обзор. Но лучше, чем «согласно общепринятому мнению». Ссылки на статьи есть в конце каждого раздела.
Понятия: разборчивость vs читаемость
Разборчивость (legibility) шрифта зависит от точности начертания его элементов, что обычно означает возможность распознавать отдельные буквы или слова.
Читаемость (readability) напрямую связана с оптимальной компоновкой и планом всего тела текста.
Засечки направляют взгляд по строке
«Википедия» и еще миллион дизайнерских статей говорят, что засечки направляют движение глаз вдоль строк при чтении крупных массивов печатного текста.
Тут надо знать, что глаза не движутся плавно. Когда мы читаем или ищем какой-нибудь объект в поле зрения, глаза «скачут» от точки к точке, совершая быстрые движения, которые называются саккадами.
Видео про саккады
Более того, глаза совершают саккады, даже когда человек пытается сфокусироваться строго на одной точке.
Джаред Скрюз (Jaret Screws) провел эксперимент: попросил 10 человек прочитать несколько текстов и следил за движением их глаз с помощью специального оборудования.
Вот что получилось:
Измерили продолжительность фиксации взгляда, среднее количество слов между ними, амплитуду саккад и число раз, когда человек задерживался на одном и том же слове.
Все различия оказались незначительными. Ой.
Кажется, гипотеза о том, что взгляд движется легче по тексту, набранному шрифтом с засечками, не подтвердилась.
Шрифты с засечками и без засечек одинаково «держат» строку
Хотя тут есть подвох. В тесте использовался шрифт 128 pt. Это в десять раз больше, чем в обычной книге, и, возможно, исследование не очень корректно применять к обычному процессу чтения.
Детям, в отличие от взрослых, легче читать шрифт без засечек
Даже если это и не так, в это точно верят производители азбук. Попробуйте найти хоть одну азбуку с антиквой.
Детские азбуки с первой страницы Гугла
Ученые взяли 80 детей 10 лет и 80 детей на два года старше, попросили их найти в тексте нужное слово (скрининг-тест) и измерили, как быстро у детей получилось это сделать.
Контрольной группе оба раза давали одинаковый шрифт, а экспериментальной — сначала шрифт с засечками, а потом без
Различия получились статистически незначимые, и авторы говорят, что, кажется, нет никакой особенной разницы в разборчивости для детей шрифтов с засечками и без засечек.
А что насчет ребят с плохим зрением?
Исследований про слабовидящих людей и шрифт довольно много.
В Journal of Visual Impairment and Blindness было опубликован обзор 18 исследований, в которых общее количество испытуемых было более 1500 человек.
Вывод исследователей: для людей с плохим зрением шрифты без засечек, такие как Arial, Helvetica, Verdana или Adsans, более читаемые, чем шрифты с засечками.
The Legibility of Typefaces for Readers with Low Vision: A Research Review Elizabeth Russell-Minda, Jeffrey W. Jutai, J. Graham Strong, Kent A. Campbell, Deborah Gold, Lisa Pretty, and Lesley Wilmot.
Шрифты и дислексики
Людям с дислексией сложно читать. Может, удастся облегчить им жизнь с помощью каких-то шрифтов?
Страница, которая показывает текст так, как его видят люди с дислексией, на dyslexiarf.com
Ученые с помощью технологии, которая следит за движением глаз, исследовали 97 человек, у половины из которых была дислексия.
Им давали прочитать 12 похожих текстов, набранных разными шрифтами, измеряли скорость, количество и длительность остановок взгляда, понимание текста и с помощью опросников выясняли предпочтения пользователей.
На первое место по читаемости и у обычных людей, и у дислексиков вышел шрифт без засечек Arial (интересно, что схожая с ним до неразличимости Helvetica — на четвертом месте). Зато на втором месте неожиданно оказался моноширинный брусковый Courier.
Предпочтения же людей вообще однозначные: топ-3 шрифтов и у дислексиков, и у недислексиков — без засечек.
Эмоции и шрифты
Может, дело не в скорости чтения и разборчивости, а в особом настроении, которое создают шрифты с засечками?
В Лаборатории исследований юзабилити ПО в Wichita State University попробовали разобраться, как люди воспринимают шрифты.
Участники заполняли опросник, где указывали, какими, по их мнению, характеристиками обладают разные шрифты.
Интересно, что шрифты с засечками оказались первыми в рейтинге как формальные, «взрослые», практичные и стабильные. А шрифты без засечек оказались первыми в рейтинге… нигде. То есть у них не оказалось какого-то ярко выраженного эмоционального следа.
Для другого исследования взяли два сатирических отрывка из «Нью-Йорк Таймс»: один — о проблемах правительства, другой — о политике в образовании. Их напечатали в шрифтах Times New Roman и Arial одинакового размера и показали в случайном порядке 102 студентам университета, которые оценили их с помощью заранее заданных прилагательных.
Сатирические статьи, напечатанные Times New Roman, воспринимались как более смешные и злые, чем напечатанные Arial.
Скорее всего, это тот же эффект нейтральности шрифтов без засечек, что и в первом исследовании.
Значит ли это, что все шрифты без засечек — безликие? Вообще, нет, но нейтральный шрифт с засечками менее нейтральный, чем нейтральный шрифт без засечек.
Читаемость шрифтов на электронных экранах
Большинство текстов мы читаем с электронных экранов. Электронные устройства и даже разные программы на одном устройстве по-разному обрабатывают шрифты.
Разные типы сглаживания
Ученые попробовали разобраться, как влияет сглаживание на читаемость.
Сравнивали четыре шрифта, напечатанные на бумаге, на экране со сглаживанием и без сглаживания
Интересно, что самым читаемым оказался экранный шрифт со сглаживанием (а не напечатанный), и это шрифт без засечек — Arial. Второй после него — Verdana, тоже без засечек.
Зато без сглаживания лучше всего читалась Georgia — шрифт с засечками.
Выводы
Я хотела проверить, действительно ли для больших текстов лучше использовать шрифты с засечками. Выяснилось, что для обычного человека отличий почти нет, а для тех, у кого есть проблемы с чтением — стариков, детей, людей с плохим зрением или дислексией , — предпочтительнее шрифт без засечек.
В статье есть обзоры всего нескольких статей. Еще пару дюжин я просмотрела, но не стала включать в статью, чтобы не делать ее бесконечной. На самом деле их еще больше. Но результат во всех примерно один и тот же: или отличия оказываются статистически незначимыми, или гротески немного обгоняют антикву.
Если вас заинтересовала эта тема, можете провести собственное исследование: поискать на scholar.google.ru по запросу типа Font readability research. Там можно найти исследования и про оптимальный межстрочный интервал, и про восприятие разных начертаний шрифта, и про различия читаемости в зависимости от размера.
Вряд ли это поможет стать принципиально более хорошим дизайнером, но добавит весомых аргументов.
Какой шрифт является наиболее безопасным для органов зрения?
Многие люди сталкиваются с проблемой усталости глаз при длительном чтении текста в электронном формате: на компьютере, планшете и т.д. Научно доказано, что стилизованные дизайнерские шрифты с засечками усложняют восприятие информации. Рассмотрим, какой самый безопасный шрифт для глаз существует в настоящее время.
Современный человек привык воспринимать информацию в электронном формате. Многие люди ежедневно посещают новостные порталы, социальные сети, форумы и прочие онлайн-ресурсы. Офтальмологи утверждают, что длительное чтение текста на дисплее компьютера, смартфона или планшета способствует повышенной утомляемости глаз. При систематических зрительных нагрузках у человека может возникнуть компьютерный зрительный синдром, который характеризуется снижением четкости зрения, головокружением, болью в висках, а также ощущением сухости, жжения и резей в глазах. В настоящее время эти симптомы наблюдаются в конце рабочего дня почти у каждого офисного сотрудника, в особенности у тех, кто работает с большим объемом текстовой информации, например, пишет или редактирует тексты.
Многие интересуются, какой шрифт для чтения на компьютере является самым безопасным для глаз? Действительно, научно доказано, что скорость и простота восприятия текстовой информации в электронном формате во многом зависит от выбора этого показателя. Однако следует отметить, что одного выбора читабельного шрифта будет недостаточно. Многие пользователи нарушают базовые правила работы за компьютером, что приводит к тому, что нагрузка на органы зрения увеличивается значительно. Особенно это касается людей, которые ежедневно работают с большим объемом текстовых данных.
Распространенные ошибки при работе за ПК:
- Непрерывное чтение или написание текста без отдыха и гимнастики для глаз более 45-60 минут;
- Нахождение около монитора на расстоянии менее 50-60 см;
- Неправильные настройки контрастности, яркости и частоты обновления дисплея;
- Длительное пребывание в одном положении;
- Редкое моргание (способствует появлению сухого кератита);
- Недостаточный уровень естественного освещения в помещении;
- Расположение экрана компьютера выше или ниже уровня глаз;
- Несоблюдение правил гигиены рабочего места (запыленный дисплей и пр.).
Как появился самый безопасный для глаз шрифт?
Научно доказано, что печатный и электронный формат текстовых данных воспринимается глазами человека абсолютно по-разному. Экспериментальным путем было выявлено, что в печатном варианте более комфортно воспринимаются шрифты с засечками (небольшими выступающими черточками в буквах). Поэтому в книгах, журналах, брошюрах и рекламных проспектах зачастую используется шрифт Times New Roman. Кроме того, большой популярностью пользуется близкий к нему по начертанию аналог Georgia. Эксперты утверждают, что использование данных шрифтов существенно упрощает восприятие написанного на бумаге текста. Благодаря этому лучше усваивается смысл. Результаты исследований, проведенных американским писателем Джо Шугарманом, доказывают, что шрифт с засечками позволяет увеличить читабельность печатного текста в 4-5 раз. Однако к текстовым данным в электронном формате это не имеет никакого отношения.
Большинство людей получает информацию непосредственно с экрана и не видят смысла ее распечатывать. Впервые об удобстве восприятия текстовых данных в электронном формате задумались представители компании Microsoft, которые поручили дизайнеру Мэтью Картеру разработать шрифты, способствующие удобному чтению данных с монитора. Впоследствии их оптимизацией занимался Том Рикнер (Tom Rickner). Основная задача состояла в том, чтобы буквы имели хорошую читабельность даже при небольшом размере (кегле) и способствовали снижению зрительной нагрузки. Так появились знаменитые удобочитаемыми шрифты Verdana и Arial.
Какой самый безопасный шрифт для глаз?
Врачи-офтальмологи утверждают, что в последнее время значительно увеличилось количество пациентов с компьютерным зрительным синдромом. По статистическим данным, ему подвержено от 65 до 90% людей, которые ежедневно читают или печатают большой объем текстовых данных. Чтобы максимально помочь пользователям в решении этой непростой проблемы, ученые провели ряд экспериментов, в ходе которых были выявлены параметры наиболее безопасного шрифта для органов зрения. Исследования проводились в лаборатории зрительной эргономики Америки (Vision Ergonomics Research Laboratory).
В результате было выявлено, что самый безопасный для глаз шрифт — Verdana, разработанный дизайнером Мэтью Картером в 1996 году для компании Microsoft. Это вызвало неоднозначную реакцию в широких кругах. Некоторые обвиняли компанию в фальсификации результатов с целью самопиара. Однако ученые опровергли слухи, приведя ряд логических доказательств.
У людей, которые использовали шрифт для чтения Verdana, наблюдалось снижение зрительного напряжения. Исследователи аргументировали это тем, что у такого шрифта нет засечек, а увеличение букв происходит за счет убавления межстрочного интервала. Благодаря этому человек может легко и быстро воспринимать информацию даже при мелком кегле. Хотя оптимальным считается размер в 10-14 пунктов. Это вызвано тем, что меньший кегль способствует более сильному напряжению глазных мышц и заставляет вынужденно принимать неудобную позу, а больший, наоборот, рассеивает внимание. Также ученые утверждают, что этот шрифт для чтения на компьютере активизирует у человека легкое чувство оптимизма. Хотя этот факт нельзя считать достоверной информацией. Таким образом, чтобы понизить напряжение глаз и риск появления компьютерного зрительного синдрома, рекомендуется использовать шрифт Verdana. Схожими свойствами обладают шрифты Arial и Tahoma. Они не имеют засечек, поэтому также относятся к категории «безопасных».
Почему лучший шрифт для чтения — это Verdana?
- Он не располагает засечками, что является преимуществом при чтении текста в электронном формате;
- Увеличение букв происходит за счет убавления межстрочного интервала;
- Позволяет легко и быстро воспринимать информацию даже при мелком кегле (размере букв);
- Способствует снижению зрительной нагрузки;
- Повышает читабельность текста и восприятие смысловой нагрузки;
- Активизирует у человека легкое чувство оптимизма при чтении текста.
Кому следует использовать безопасный шрифт для зрения?
Сегодня представители многих профессий проводят перед экраном компьютера по 6-8 часов в день: копирайтеры, редакторы, журналисты, писатели, бухгалтеры и пр. Из-за несоблюдения правил работы за монитором у многих людей достаточно быстро снижается четкость зрения и развивается хроническая усталость глаз, которая сопровождается болезненными и дискомфортными синдромами (сухость, жжение, покраснение и пр.). Многие игнорируют это и продолжают работать в режиме повышенных зрительных нагрузок, что с течением времени приводит к серьезным проблемам с органами зрения.
Если Вам по долгу службы приходится много печатать или читать текст, используйте безопасный шрифт без засечек, например, Verdana, Arial или Tahoma, чтобы минимизировать напряжение органов зрения. Однако следует помнить, что это не поможет защитить глаза от пересыхания, усталости и прочих неприятных симптомов, связанных с длительной фокусировкой на одном объекте и редким морганием. Поэтому следует придерживаться определенных правил работы за компьютером. Только комплексная забота о здоровье глаз позволит сохранить высокую четкость зрения.
Правила работы за компьютером:
- Делайте гимнастику для глаз каждые 45 минут при чтении или написании текста;
- Установите хороший читабельный шрифт (Verdana, Arial или Tahoma);
- Установите комфортные параметры контрастности, яркости и частоты обновления дисплея;
- Старайтесь чаще моргать и фокусироваться на разных объектах;
- Следите за тем, чтобы монитор находился четко на одном уровне с Вашими глазами;
- Позаботьтесь об организации удобного рабочего места (комфортная мебель, достаточный уровень естественного освещения);
- Следите за тем, чтобы экран находился на расстоянии не менее 50-60 см от глаз. При необходимости увеличьте кегль шрифта или воспользуйтесь средствами коррекции.
Гимнастика для сохранения зрения при работе за компьютером
Наиболее эффективным методом снижения зрительных нагрузок при длительном чтении или наборе текста на экране монитора является гимнастика для глаз. Она займет всего несколько минут Вашего времени, но при этом позволит снизить дискомфортные ощущения и вернуться к работе с новыми силами. Чередуйте закрытие и сильное напряжение глаз в течение 4 секунд с их расслаблением в течение 3-5 секунд. Повторять это упражнение следует 4-5 раз. Переведите взгляд на переносицу и задержите его на 3-4 секунды. Затем сфокусируйте зрение на дальнем объекте, например, пейзаже за окном, на 4 секунды. Повторять упражнение следует 2-3 раза. Посмотрите влево, не поворачивая голову, и зафиксируйте глаза в этом положении на 4 секунды. Затем повторите это упражнение, смотря влево, вверх и вниз. Моргайте максимально быстро в течение 10 секунд и ненадолго закройте глаза. Затем еще раз быстро поморгайте в течение 1 минуты и снова закройте веки на 2-3 секунды. Повторять упражнение следует 2-3 раза. Внимательно рассмотрите любой хорошо видимый объект вблизи в течение 30 секунд. Затем сфокусируйтесь на удаленном предмете. Повторите такое упражнение 2-3 раза.
Вы используете контактные линзы для коррекции зрения? Рекомендуем ознакомиться с широким ассортиментом товаров на сайте Очков.Нет. У нас Вы сможете выгодно заказать продукцию от мировых брендов по выгодным ценам!
Самый лучший шрифт для чтения?
Если речь про печать, то мнения в большинстве случаев сходятся — шрифты с засечками (serif), типа Times. И Alex Yershov не зря пользуется «фирменными» шрифтами — они лучше проработаны.
А вот с экранами — не все так очевидно. Известно, что в длинной строке лучше читается шрифт с засечками — глазу легче «держать строку». Но есть такой момент — для шрифтов применяется сглаживание. И в каждой операционной системе оно разное. Сглаживание в винде — (Clear Type) для улучшения читабельности шрифтов. Сглаживание на маке — по принципу наибольшего соответствия дизайну. Эксплорер в 8-й версии еще и дополнительное сглаживание поверх основного добавил. А в Linux строка вообще на несколько процентов длиннее, что иногда создает довольно большие проблемы при верстке.
Так вот, это самое сглаживание приводит к тому, что мелкие детали шрифтов малых размеров «плывут» — размываются. Поэтому для мелких шрифтов — до 14 px примерно, лучше по моему мнению использовать шрифты sans-serif типа Arial, Verdana, или Tahoma. Опять же по личному мнению — Tahoma читается немного лучше (но не всегда — в крупных шрифтах в bold Arial значительно читабельнее) . Выглядит Arial лучше.
Итого: — заголовки (очень крупные шрифты) — шрифты с засечками, либо Arial, Verdana. Средний размер, длинная строка — шрифты с засечками. Мелкие шрифты — Arial. Большие объемы однообразного текста мелким шрифтом в местах, где читаемость важнее дизайна — Tahoma
Теперь уже есть полноценный @font-face, с помощью которого можно подгрузить любой шрифт, и мы, как и «печатники», постепенно перестаем зависеть от десятка гарнитур. Так что все написанное мной выше весьма условно, тем более, что речь о читаемости в основном, а не о внешнем виде))