Шрифт як елемент доступності: чому типографіка вирішує, чи знайде людина потрібні двері

Уявіть коридор лікарні. Знак висить на правильній висоті, має коректну піктограму, контрастний фон і дубляж шрифтом Брайля. Формально — все за стандартом. Але жінка 72 років зупиняється за чотири метри, мружиться і питає в медсестри: «Це 214-й чи 274-й?»

Система не спрацювала. І причина не в конструкції, не в матеріалі й не в місці монтажу. Причина — у формі літер і цифр.

Шрифт у навігації — це не оформлення. Це інтерфейс між простором і людиною. Якщо цей інтерфейс працює погано, усі інші інвестиції в безбар'єрність втрачають частину сенсу: фізично доступний маршрут без зрозумілої інформації все одно залишає людину безпорадною.

Нижче — висновки з книги данської дослідниці Софі Байєр Reading Letters: Designing for Legibility, яка звела докупи столітні наукові дослідження розбірливості й практичний досвід шрифтових дизайнерів. І, головне, — що з цього випливає для проєктування навігації в українських лікарнях, школах, ЖК і громадських будівлях.

Спершу: як ми насправді читаємо знак

Існує популярний міф, що ми впізнаємо слово за його «силуетом» — за загальним обрисом з виносними елементами. З цього міфу зазвичай роблять висновок: малі літери завжди краще за великі.

Сучасна наука цю модель не підтверджує. Домінуюча сьогодні модель паралельного розпізнавання літер описує читання як три рівні, що працюють одночасно: спочатку мозок фіксує окремі ознаки — вертикаль, горизонталь, дугу, діагональ; потім із цих ознак збирає літери; і лише потім — слова. Контекст допомагає згори вниз, але фундамент — це саме ознаки окремої літери.

Для навігації це має пряме значення. Читаючи знак, людина не «впізнає слово цілком» — вона розрізняє літери. Тому якість шрифту для знака визначається не красою загального ритму, а тим, наскільки надійно відрізняються одна від одної схожі літери в найгірших умовах: здалеку, під кутом, у сутінках, з катарактою, поспіхом.

Ще один важливий нюанс: дослідження показують, що на відстані одна ізольована літера впізнається легше, ніж літера всередині слова. Це ефект «скупчення» (crowding) — сусідні літери візуально зливаються й заважають одна одній. На відстані цей ефект сильніший за допомогу контексту. Саме тому трекінг у навігації — не косметична деталь, а функціональний параметр.

Головна теза: розбірливість — це не властивість шрифту, а властивість ситуації

Одне з найкорисніших спостережень книги: різні методи тестування дають різні результати. Шрифт, який перемагає в тесті на швидкість читання суцільного тексту, може програвати в тесті на розпізнавання здалеку — і навпаки.

Висновок для практики жорсткий: «найрозбірливішого шрифту» не існує. Існує шрифт, придатний для конкретної умови читання. Шрифт для брошури закладу і шрифт для покажчика в кінці коридору — це різні інструменти, навіть якщо бренд-бук хоче бачити один.

І тут є момент, який робить цю тему безпосередньо інклюзивною. Дослідження показують, що сприйняття літер на великій відстані та сприйняття розмитого тексту зблизька дають схожі результати. Літера заввишки два метри, яку читають з належної дистанції, потрапляє на сітківку так само, як 5-пунктова літера в книжці. Іншими словами: оптимізуючи шрифт для читання здалеку, ви одночасно оптимізуєте його для людини зі зниженим зором, яка стоїть поруч. Це не два різні завдання. Це одне завдання.

Вісім висновків, які варто закласти в технічне завдання

1. Вузький шрифт — найпоширеніша й найдорожча помилка

Логіка «візьмемо вужчий шрифт, щоб влізло більше тексту й були більші літери» виглядає розумною, але не витримує перевірки.

Дослідження шрифтів для навігації аеропорту Хітроу показало протилежне: найширші з протестованих накреслень працювали найкраще, а спеціально розроблений для навігації вузький шрифт — найгірше. Це підтверджують і класичні дослідження дорожніх знаків: вузькі накреслення стабільно дають найгірший результат на дистанції.

Додайте до цього те, що інтер'єрні знаки часто читають під гострим кутом — і вузькі літери стають ще вужчими.

Правило: якщо текст не влазить, скорочуйте повідомлення, а не стискайте шрифт. Condensed — крайній захід, а не стандартний вибір.

2. Велика висота рядкових літер (x-height) і помірний контраст штриха

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

3. Насиченість залежить від матеріалу, а не від смаку

Тут ховається пастка, про яку часто забувають на етапі виготовлення.

1. Непідсвічений знак (фарбоване або матове полотно): жирніше накреслення читається краще на дистанції.
2. Підсвічений або світлоповертальний знак: жирне накреслення «розпливається» — виникає ефект ореолу (halation), світло з'їдає внутрішні просвіти літер, і «а», «е», «о», «с» перетворюються на однакові плями.

Саме через це американський дорожній шрифт Clearview свого часу проєктували навколо відкритих внутрішніх просторів і розімкнених з'єднань штрихів — щоб компенсувати засвітку.

Правило: насиченість шрифту обирається разом із технологією виготовлення. Один і той самий знак у плівці й у лайтбоксі потребує різних накреслень з тієї самої гарнітури.

4. Відкриті апертури, великі просвіти, розімкнені з'єднання

Практики навігаційної типографіки послідовно приходять до тих самих рішень: відкриті «роти» літер, збільшені внутрішні білі зони, розширені з'єднання штрихів, іноді — заокруглені кути (у підсвічених знаках це зменшує розсіювання світла). Все це — способи зберегти внутрішню структуру літери тоді, коли деталі починають «злипатися».

5. Диференціація літер — те, на чому все тримається

Дослідження помилок розпізнавання виявляють стійкі групи літер, які плутають найчастіше. У латиниці це, по-перше, рядкові літери середньої зони зі змішаних прямих і дуг — e, c, a, s, n, u, o; по-друге, вузькі літери з однією вертикаллю — i, j, l, t, f; серед великих — круглі O, Q, D, G, C та вертикальні I, L, T.

Кирилиця має власний, не менш проблемний набір: о — с — е, п — л — н — и, и — й, ш — щ, ц — щ, б — в — ь, І — і — Ї та цифри 0 — О, 3 — З, 1 — І.

Це інтерпретація: наведені дослідження виконані на латиниці, прямих експериментальних даних для української кирилиці значно менше. Але механізм — розпізнавання за ознаками — універсальний, тому перевірка на власній мові обов'язкова.

Що допомагає на практиці:

1. Поперечка в «е» ближче до оптичного центру, а не високо;
2. Крапки над «і», «ї», «й» — великі й чітко відділені від стовбура (у гротесках вони особливо схильні «прилипати» й перетворювати «і» на «l»);
3. Діакритика «й» не має зливатися з лінією верхніх виносних;
4. Вузькі літери — трохи ширші, ніж у типового текстового шрифту;
5. Літери, дзеркальні одна до одної, не мають бути простим поворотом однієї форми.

Показовий приклад із книги: створюючи шрифт FS Me, студія Fontsmith консультувалася з групою людей із порушеннями навчання. Учасники обрали спрощену одноповерхову «a», подовжені виносні елементи, великі крапки на «i» та «j», а «b», «d», «p», «q» отримали індивідуальні, не дзеркальні форми. Креативний директор проєкту сформулював принцип, який варто цитувати в кожному ТЗ: доступний дизайн не зобов'язаний бути безликим.

6. ВЕЛИКІ ЛІТЕРИ: не заборонені, але дозовані

Оскільки міф про «силует слова» не підтверджується, не підтверджується й автоматична перевага рядкових літер.

Що показують дослідження:

1. При однаковому кеглі великі літери читаються краще на відстані та в розмитому вигляді — просто тому, що вони фізично більші й ширші;
2. Якщо зрівняти висоту великих літер із висотою рядкових, перевага зникає — результати стають однаковими;
3. У дослідженні дорожніх знаків знайомі назви населених пунктів краще впізнавалися в звичайному написанні з великої літери, ніж написані повністю капітеллю — бо збігалися з ментальним образом слова;
4. Довгі фрази капітеллю читаються повільно: люди просто не мають такої звички.

Правило: назви та повідомлення — звичайним написанням (перша літера велика). ВЕЛИКІ ЛІТЕРИ — лише для коротких категорій і там, де бракує саме вертикального простору, а не горизонтального.

7. Міжлітерний інтервал робить більше, ніж вибір гарнітури

Дослідження читання на відстані показує чітку залежність: щільно набрані слова втрачають розбірливість, розрідження її покращує — приблизно до певної межі, після якої приріст зупиняється. А в дослідженнях читання з'ясувалося, що збільшення міжслівного пробілу дає більший ефект, ніж будь-яка шкода від щільного міжлітерного набору.

Правило для навігації: трекінг розріджений, міжслівний пробіл збільшений, рядки не тісні. Це найдешевша й найшвидша покращувальна дія, яку взагалі можна зробити в макеті.

8. Суперечка «із засічками чи без» 

Огляди наукових даних не дають переваги ні антикві, ні гротеску: у більшості робіт різниці немає, а там, де вона є, дослідження розподіляються порівну. Значна частина старих експериментів узагалі не витримує критики, бо порівнювала шрифти, що відрізнялися не лише засічками.

Практичний висновок: припиніть сперечатися про засічки й почніть перевіряти ширину, апертури, диференціацію літер, насиченість і трекінг. Саме ці параметри дають вимірюваний ефект. Гротеск у навігації виграє радше з міркувань технологічності та звички, ніж завдяки доведеній науковій перевазі.

Бонус: цифри

Окрема причина, чому «214 чи 274» — питання не риторичне. Так звані мінускульні (старостильні) цифри, у яких «0», «1», «2» мають висоту рядкових літер, плутаються з «o», «l», «z» частіше за звичайні. Для номерів кабінетів, поверхів, палат і телефонів використовуйте— і стежте, щоб вони не були надто вузькими.

Знайомі форми: чому навігація — не місце для експериментів

Ще один пласт книги присвячений феномену звички. Формулювання шрифтового дизайнера Зузани Ліцко стало класикою: люди найкраще читають те, що читають найчастіше.

Нейрокогнітивне пояснення просте: мозок не просто пасивно фіксує побачене, а постійно прогнозує наступне. Незвичайна форма літери — це збій прогнозу, як сходинка, якої не було. Читання зупиняється.

Водночас дослідження показують: доки форми літер залишаються в межах звичного, новизна самої гарнітури не шкодить ні швидкості читання, ні сприйняттю. Тобто вибір не між «нудним» і «сучасним», а між «у межах звичного скелета» і «поза ними».

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

Чек-лист: як перевірити шрифт перед затвердженням

1. Повний український набір: і, І, ї, Ї, є, Є, ґ, Ґ, апостроф. Плюс латиниця для дубляжу.
2. Сімейство, а не один файл: щонайменше 3–4 насиченості для різних типів носіїв і технологій.
3. Тест на плутанину: наберіть свій контрольний рядок — Іі Її Йй осе пли шщ цч бвь 0О 3З 1І — і подивіться на нього з відстані реального читання.
4. Тест на розмиття: зменшіть макет до 10% або застосуйте розмиття 3–5 px. Літери, які злилися, зіллються і для людини зі зниженим зором.
5. Тест під кутом: роздрукуйте і подивіться збоку під 30–45°. Так читають більшість інтер'єрних знаків.
6. Ширина: порівняйте з умовним «квадратним» гротеском. Якщо ваш вужчий — шукайте причину.
7. Апертури: «с», «е», «а» мають лишатися відкритими при заливці білим на темному.
8. Цифри: однакової висоти, не вузькі, «0» відрізняється від «О».
9. Трекінг: розріджений, міжслівний пробіл збільшений.
10. Технологія: для лайтбоксів і світлоповертальних плівок — на одне накреслення легше, ніж здається «на екрані».

П'ять типових помилок у реальних проєктах

1. Шрифт обрали з бренд-буку, не перевіривши на дистанції. Корпоративна гарнітура створювалася для айдентики, а не для читання з 20 метрів.
2. Текст стиснули по горизонталі в макетній програмі. Штучний Condensed руйнує баланс білого й чорного всередині літери.
3. Довгі назви набрали капітеллю. «ВІДДІЛЕННЯ ФУНКЦІОНАЛЬНОЇ ДІАГНОСТИКИ» капітеллю читається помітно повільніше, ніж у звичайному написанні.
4. Однакове накреслення для друкованих і підсвічених носіїв. Ореол засвітки з'їдає внутрішні просвіти.
5. Англійський дубляж набрали меншим кеглем «щоб влізло». Якщо не влазить — скорочуйте формулювання, а не зменшуйте шрифт.

Висновок

Типографіка — це та частина безбар'єрності, яку не видно в акті виконаних робіт і яку неможливо виправити після монтажу. Конструкцію можна перевісити, колір — перефарбувати, маршрут — перепланувати. Погано підібраний шрифт залишиться на всіх ста сорока знаках системи на наступні десять років.

І найважливіше: у типографіки для навігації немає «спеціальної версії для людей з інвалідністю». Шрифт, який упевнено читається з кінця коридору, під кутом, у сутінках і з шести метрів, — це той самий шрифт, який прочитає людина зі зниженим зором зблизька, літня людина без окулярів, дитина, іноземець і людина в стані стресу, яка шукає приймальне відділення. Це і є універсальний дизайн у чистому вигляді: рішення, зроблене для найскладнішої умови, працює для всіх.

Компанія SIGN проєктує інклюзивні системи навігації з урахуванням принципів універсального дизайну та вимог чинних будівельних норм України (зокрема ДБН В.2.2-40:2018 «Інклюзивність будівель і споруд»). Конкретні числові параметри — висоту знаків, розміри символів, вимоги до тактильних елементів і шрифту Брайля — ми перевіряємо за чинною редакцією відповідних нормативних документів на етапі формування технічного завдання.

Потрібно підібрати шрифтову систему для вашого простору або перевірити наявну? Напишіть нам — проведемо аудит типографіки вашої навігації та сформуємо технічне завдання.

Джерело

Sofie Beier. Reading Letters: Designing for Legibility. BIS Publishers, Amsterdam, 2011. Книга узагальнює дослідження розбірливості шрифтів за понад сто років — від Barbara Roethlein (1912) і Miles A. Tinker до сучасних робіт Beier & Larson — і зіставляє їх із практичним досвідом шрифтових дизайнерів.