Есть мнение ...

Почему читать тексты в вебе становится всё труднее

Почему читать тексты в вебе становится всё труднее

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

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

Меня уже давно раздражает эта проблема, но последней каплей стало то, что платформа Google App Engine, с которой я работаю каждый день, вдруг из чёткой и ясной стала едва различимой. Текст, который только что был контрастным и тёмным, превратился в мертвенно-бледный. Да, с возрастом моё зрение падает, но в данном случае я явно страдаю от модного тренда.

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

Может быть, не все считают типографику важным элементом дизайна, но на самом деле она очень много значит. Одна из причин, почему интернет стал для нас главным каналом получения информации, — это доступность. «Сила веба в его универсальности, — писал его создатель Тим Бернерс-Ли. — В том, что он доступен каждому, независимо от его физических возможностей».

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

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

Старый и современный дизайн Google App Engine.

Нетрудно догадаться, что главным условием разборчивости текста является контраст — разница между цветом шрифта и фона. В 2008 году организация Web Accessibility Initiative разработала общепринятый стандарт для создания удобочитаемых страниц. Этот стандарт использует числовые значения.

Если текст и фон имеют один и тот же цвет, контраст между ними выражается соотношением 1:1. Для чёрного текста на белом фоне (или наоборот) это 21:1. В руководстве для веб-дизайнеров оговаривается минимальный уровень контрастности шрифта — 4,5:1, а также его рекомендованный уровень — не меньше 7:1 (чтобы поддержать читателей с ослабленным зрением).

Эти рекомендации до недавнего времени чётко обозначали границы удобочитаемости. Но сегодняшние дизайнеры нарушают эти границы. Например, в корпоративном руководстве по типографике Apple заявлено, что дизайнеры должны придерживаться уровня контрастности 7:1. Сама рекомендация при этом напечатана с контрастностью 5,5:1. Руководство Google предлагает придерживаться такого же соотношения — 7:1. И тут же рекомендует добавлять прозрачность 54%, что в итоге выливается в контрастность 4,6:1. Неудивительно, что выбор Apple и Google, которые сами балансируют на границе разборчивости, задаёт стандарты веб-дизайна для всех остальных компаний.

Так было не всегда. Изначально текст в интернете был очень разборчивым. Веб-браузер, созданный Бернерсом-Ли в 1989 году, использовал чёткий чёрный шрифт на белом фоне, а ссылки были голубыми. Этот же стиль по умолчанию стал стандартным в компьютере NeXT. И даже браузер Mosaic, который был запущен в 1993 году и тогда использовал чёрный текст на сером фоне, со временем сменил цвет фона на белый.

Появившийся в 1996 году HTML 3.2 расширил набор характеристик веб-дизайна, задав целый ряд цветов для текста и фона. И хотя этот набор включал в себя 216 цветов, едва ли существовавшие в то время 8-битные экраны могли адекватно их воспроизводить. Когда на смену им пришли экраны с разрешением 24 бит, дизайнеры отказались от кричащих оттенков 1990-х годов в пользу более изысканных цветов. Стали доступными пастельные фоны и элегантные шрифты.

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

Уровни контрастов шрифтов.

По мере развития LCD-технологии и появления экранов с большим разрешением возникла мода на более тонкие очертания букв. Лидером тренда стала Apple, назначившая Гельветику (Helvetica Neue Ultralight) своим системным шрифтом в 2013 году (правда, затем Apple немного отступила назад, введя опцию выделенного текста). Таким образом, по мере улучшения качества экранов дизайнеры стали использовать более светлые шрифты, более тонкие линии и меньший контраст.

Когда я спрашивал дизайнеров, почему серый шрифт стал таким популярным, многие ссылались на «Справочник типографа». Это руководство предостерегает от слишком сильного контраста, рекомендуя вместо чёрного шрифта (#000) использовать очень тёмный серый цвет (# 333).

Многие дизайнеры считают, что чёрный текст на белом фоне вызывает переутомление глаз и выбор более мягкого цвета делает страницу удобнее для чтения. Автор блога Magic of CSS Адам Шварц тоже приводит этот аргумент: «Резкий контраст между чёрным шрифтом и белым фоном может создать излишнее напряжение глаз (обратное тоже верно. Это весьма субъективно, но на это стоит обратить внимание)».

Позвольте мне побыть «капитаном очевидность»: Шварц сам признаёт субъективность своего вывода.

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

Несколько дизайнеров отослали меня к статье Яна Сторма Тейлора «Совет дизайнеру: никогда не используйте чёрный цвет». В ней Тейлор выдвигает тезис, что чистый чёрный — скорее концепт, чем цвет. «Мы видим тёмные предметы и принимаем их за чёрные, — пишет он, — тогда как в реальной жизни трудно найти предмет действительно чёрного цвета. Дорожное покрытие не чёрное, ваше кресло в офисе не чёрное, боковая панель в приложении Sparrow отнюдь не чёрного цвета, как и буквы на страницах сайтов».

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

Это подводит нас к основной проблеме. Адам Шварц отмечал: «Цвет, который мы видим, не является таковым ни для компьютера, ни для человеческого глаза».

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

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

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

Перевод vc.ru
Advertology.Ru

03.11.2016

на печать


Комментарии

Ваня
06.11.2016 22:36 | сообщение #1
 

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

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

Только на кой хер в этих конторах завелись специалисты и аналитики по юзабилити? Они, что, заводятся как тараканы, из-за бардака? )))

Александр
07.11.2016 10:34 | сообщение #2
 

Верно замечено! А всё лишь потому, что занимаются эти модные школяры, ничего не смыслящие в типографике!

Гость
07.11.2016 13:54 | сообщение #3
 

Ваня, там рулят специалисты по вывихиванию глаз и мозгов

Написать комментарий

 Проверочный код

Архив

Пн Вт Ср Чт Пт Сб Вс

Рассылка

Подписка на рассылку

E-mail:
 

Также нашу рассылку вы можете получать через

E-mail:  

на правах рекламы

Есть мнение ...

Роль PR - специалистов в формировании будущего AI (искусственного...Роль PR - специалистов в формировании будущего AI (искусственного...
Управляющий партнер LotUS Communications Татьяна Жигаленкова поделилась экспертным мнением о роли PR специалистов в формировании будущего искусственного интеллекта.
Профессия digital-мира - influence marketing manager Профессия digital-мира - influence marketing manager
Работа с блогерами требует определенных навыков и знаний. Как найти релевантного инфлюенсера под конкретные сегменты брендов и определенные задачи, что необходимо проверить перед стартом сотрудничества, как и на каких условиях с ним взаимодействовать, какие важные нюансы необходимо соблюсти в коммуникации/документации? На все эти вопросы знает ответы — инфлюенс-маркетинг менеджер. Кирилл Диденок, диджитал продюсер, основатель коммуникационного агентства DIDENOK TEAM, рассказал, что входит в обязанности инфлюенс-маркетинг менеджера, и как им стать.
Telegram - важный инструмент в арсенале PR-специалистовTelegram - важный инструмент в арсенале PR-специалистов
Владимир Ступников, Генеральный директор коммуникационного агентства АУРА в составе Газпром-Медиа Холдинга. Социальные медиа становятся все более важным инструментом в работе каждого PR-специалиста, и одной из относительно новых, но стремительно растущих платформ, является Telegram. Этот мессенджер, изначально позиционировавшийся как безопасный и приватный инструмент связи, приобретает все большую популярность и привлекает внимание маркетологов и PR-специалистов по всему миру.
PR-специалисты будущего: какие компетенции и требования профессии...PR-специалисты будущего: какие компетенции и требования профессии... (1)
Татьяна Жигаленкова, управляющий партнер LotUS Communications, рассказала какие компетенции, и требования PR-специалистов будут актуальны через 5 лет.
Маркетинг с AR и VR от HICLICKМаркетинг с AR и VR от HICLICK
В 2024 году маркетологи все чаще начинают использовать метавселенные. По сравнению с социальными сетями, вовлеченность пользователей в иммерсивных площадках гораздо больше. Одним из самых интересных для клиентов форматов являются АR и VR. Как технологии будущего применять в маркетинге уже сегодня, разобрали в агентстве высоких откликов HICLICK.

Книги по дизайну

Загрузка ...

Репортажи

Дизайн под грифом "секретно"Дизайн под грифом "секретно"
На чем раньше ездили первые лица страны? Эскизы, редкие фотографии и прототипы уникальных машин.
"Наша индустрия – самодостаточна": ГПМ Радио на конференции..."Наша индустрия – самодостаточна": ГПМ Радио на конференции...
Чего не хватает радио, чтобы увеличить свою долю на рекламном рынке? Аудиопиратство: угроза или возможности для отрасли? Каковы первые результаты общероссийской кампании по продвижению индустриального радиоплеера? Эти и другие вопросы были рассмотрены на конференции «Радио в глобальной медиаконкуренции», спикерами и участниками которой стали эксперты ГПМ Радио.
Форум "Матрица рекламы" о технологиях работы в период...Форум "Матрица рекламы" о технологиях работы в период...
Деловая программа 28-й международной специализированной выставки технологий и услуг для производителей и заказчиков рекламы «Реклама-2021» открылась десятым юбилейным форумом «Матрица рекламы». Его организовали КВК «Империя» и «Экспоцентр».
В ЦДХ прошел День социальной рекламыВ ЦДХ прошел День социальной рекламы (3)
28 марта в Центральном доме художника состоялась 25-ая выставка маркетинговых коммуникаций «Дизайн и реклама NEXT». Одним из самых ярких её событий стал День социальной рекламы, который организовала Ассоциация директоров по коммуникациям и корпоративным медиа России (АКМР) совместно с АНО «Лаборатория социальной рекламы» и оргкомитетом LIME.
Форум "Матрица рекламы": к рекламе в интернете особое...Форум "Матрица рекламы": к рекламе в интернете особое... (2)
На VII Международном форуме «Матрица рекламы», прошедшем в ЦВК «Экспоцентр» в рамках международной выставки  «Реклама-2018», большой интерес у профессиональной аудитории вызвала VI Конференция «Интернет-реклама».

Форум

на правах рекламы

23.06.2024 - 21:30
RSS-каналы Advertology.RuRSS    Читать Advertology.Ru ВКонтактеВКонтакте    Читать Advertology.Ru на Twittertwitter   
Advertology.Ru - все о рекламе, маркетинге и PR
реклама

Вход | Регистрация