О разборчивости и удобочитаемости
Когда вы показываете дизайн Web-страницы клиенту, он обычно не знает разницы между гарнитурами шрифта с засечками и без засечек. Все, что будет знать клиент, это сможет ли он или нет прочитать содержимое страницы. Поэтому, в конечном счете, значение имеет разборчивость текста. Для этого необходимо убедиться, что:
Используемый шрифт достаточно большой, чтобы его можно было читать с различным разрешением браузера. Хотя пользователи имеют в некоторых браузерах (таких как Opera) средства для изменения размера шрифта, вы можете попробовать проверить, что используемые шрифты настраиваются для различного разрешения браузера (http://www.456bereastreet.com/archive/200611/resolution_vs_browser_size_vs_fixed_or_adaptive_width/). Одним из способов сделать это является задание размера шрифтов в процентах (http://www.rnib.org.uk/xpedio/groups/public/documents/publicwebsite/public_fontsizes.hcsp) или ems, а не высотой в пикселях (для этого используется CSS).
Обеспечивается достаточный контраст между фоном и основным текстом. Белый или светлый шрифт на черном фоне для больших кусков основного текста может переутомлять глаза (http://www.456bereastreet.com/archive/200608/light_text_on_dark_background_vs_readability/), однако — если вы хотите это использовать, попробуйте предоставить альтернативный stylesheet, чтобы пользователи могли читать вместо этого темную копию на светлом фоне.
Заголовки на самом деле отличаются от основного текста. Возможность разбить большие куски текста с помощью заголовков и подзаголовков, или с помощью списков (как этот) облегчает пользователям просмотр страницы, чтобы найти на ней важный материал. Разбиение страницы изображениями также хорошо работает, но убедитесь, что эти изображения подходят к основному тексту. Иначе вы просто впустую заполняете полосу пропускания.
Исключается растягивание основного текста на всю ширину экрана с помощью текучей компоновки. Попробуйте прочитать параграф, который заполняет все горизонтальное пространство на большом мониторе — вам это быстро надоест, так как приходится использовать и глаза, и поворачивать голову при чтении текста от одной стороны экрана до другой. Просмотрите следующую Web-страницу по удобочитаемости (http://www.bastoky.com/Readability.htm), которая с моей точки зрения является лучшей, что я видела до сих пор, чтобы проиллюстрировать типичную удобную для чтения ширину основного текста (иллюстрация, показанная ниже на рисунке 10.5). Эта страница поясняет также подробно, как люди читают страницу, независимо от того будет ли это Web или печатный материал. Показанное ниже изображение было получено на двадцати-четырех дюймовом экране с разрешением 1920 x 1200. Сравните это изображение с тем, что вы увидите на своем экране, когда перейдете по предыдущей ссылке. Затем проверьте разрешение своего экрана, чтобы увидеть различие. Иногда фиксированная компоновка является хорошим решением, так как она будет определять параметры области основного текста для удобства читателей. Не беспокойтесь обо всем свободном пространстве вокруг этой области основного текста (как на показанном ниже изображении). Создайте спокойный фон, который не отвлекает от дизайна текста, и вы сделаете хорошую услугу для тех, кто владеет большими экранами.
4
0-60
символов считается обычно хорошей
длиной строки для основного текста, и
это значение может меняться в зависимости
от таких факторов, как размер шрифта и
целевая аудитория.
Рис. 10.5. Пример подходящей ширины основного текста, выводимого на большом экране
Последнее, но не менее важное, не забудьте проверить основной текст и заголовки на наличие ошибок правописания и опечаток. Я обнаружила как минимум одну опечатку и несколько ошибок правописания примерно в половине ссылок, которые я предоставила до сих пор для этой лекции. Хотя человеку свойственно ошибаться, доверие к человеку или компании может быть испорчено плохим правописанием и словами, между которыми нет пробелов, или другими проблемами, которые могут быть легко разрешены.