Реферат: Требования к воспроизведению текстовой информации на экране

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

Существует мнение [2], что необходимо оставлять пустым приблизительно половину экрана. На то, что большинство пользователей Интернет предпочитают беглое ознакомление внимательному чтению, во многом влияет именно качество современных мониторов. Чтение с экрана оказывает повышенную нагрузку на зрение и приблизительно на 25% медленнее, чем чтение текста с бумаги [5]. Поэтому не удивительно, что люди пытаются свести к минимуму объем читаемой информации.

Для правильного выбора разреженности строк, также измеряемой в пунктах, необходимо учитывать размер используемого шрифта. В современных издательских системах разреженность строк определяется автоматически на уровне 120% от выбранного размера шрифта [17]. В то время как в ГОСТ Р ИСО 9241-3-2003 о требованиях к визуальному отображению информации на дисплее гласит [18], что минимальный интервал между строками текста должен равняться одному пикселю. Однако это правило не подразумевает оптимальную величину интервала. В HTML-учебниках принято отмечать [19], что межстрочный интервал в тексте должен быть больше кегля (размер шрифта); как правило, он составляет не менее 115% кегля. Такая пропорция основана на необходимости дополнительного места для диакритических знаков, имеющихся во многих европейских языках. Межстрочный интервал выбирается и из эстетических соображений: текст читать легче, если между строчками есть пустое пространство.

Также к плотности расположения текста на экране относятся интервалы межсимвольные и между словами. Для шрифтов, не имеющих концевых засечек, интервал между знаками должен быть не менее ширины одного пикселя [18]. Для знаков с засечками интервал между засечками соседних знаков не должен быть меньше одного пикселя. Минимальный интервал между словами должен быть не менее ширины одного знака (для соразмерных шрифтов следует использовать заглавную букву "N").

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

Рис.1. Схема, отображающая зависимость размера отображаемой информации от угла обзора человека и его удаленности от экрана монитора, где D-расстояние от пользователя до монитора, h=ширина отображаемой на экране информации, а -угол обзора человека.

Данную зависимость можно выразить следующим образом (формула 1):

(1)

Человек имеет следующие характеристики зрения по области охвата [6]: область наилучшего видения 1.5 градуса; зона ясного видения 15 градусов; максимальная зона видения 35 градусов.

Дисплей должен находится от глаз оператора на расстоянии 600-700 мм, в соответствии с инструкцией по охране труда для оператора ЭВМ [7].

Подставляя в формулу описанные выше входные данные, получаем, что ширина текста при чтении с монитора не должна превышать 20 см. Ширина строки (колонки) определяется количеством знаков, которые могут быть на ней помещены. Обычно [17] оптимальным считается расположение в одной строке от 45 до 60 символов. Стоит обратить внимание на наличие связи между шириной строки и размером выбранного шрифта: чем меньше размер шрифта, тем короче строка. Иными словами, меньший размер шрифта дает возможность поместить больше символов на заданной площади листа. Иначе глазные мышцы будут совершать много лишних движений и поэтому уставать намного быстрее.

3.2 Верстка текста

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

Гармоничность и пропорциональность - главные условия высококачественной верстки текста. Фрагменты текста должны располагаться на экране так, чтобы взгляд пользователя перемещался по экрану в привычном направлении [9].

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

Рис.2. Способы верстки текста (слева направо): с выключкой по левому краю, по центру, по правому краю и с двусторонней выключкой

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

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

Наиболее популярным типом верстки HTML страниц на сегодняшний момент является табличная верстка (верстка в колонки). На самых известных новостных сайтах мы видим, что текст разбит на колонки. Причем одна из них отводиться для основного текста, а другая для так называемых "приманок". "Приманкой" - называется краткая аннотация статьи. Второе применение малой колонки сводиться к становлению навигации сайта. Там также могут располагаться ссылки, новости и баннеры.

Важным элементом компоновки текста является его корректное размещение на площади экранной формы. Особенно это касается оформления названий и заголовков. Несоразмерно высокое, как и слишком низкое расположение названия или заголовка выглядит некрасиво. Казалось бы, самое простое - разместить строки в центральной части формы. Располагая текст в центре, нужно быть осторожным. Давно известно [9], что из-за оптического обмана средняя линия страницы или формы кажется несколько ниже реальной середины листа. Чтобы преодолеть этот эффект, следует размещать строку немного выше средней линии, тогда будет казаться, что она расположена как раз посередине экранной формы.

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

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

Ширина полей, окружающих текст, также немаловажный фактор, который должен учитываться при верстке. Оставленные вокруг текста поля, значительно облегчают чтение: наличие широких полей – основной принцип хорошей читаемости. Текст не должен находиться у самого края экрана, к тому же длинные строки сложно читать. Однако, слишком широкие поля (больше 1/3 экрана) не улучшают читаемость. Не существует конкретных рекомендаций в числовом эквиваленте по поводу ширины этих полей – известно [20], что они должны гармонично и симметрично располагаться вокруг текстовых сегментов, габариты которых были вычислены ранее в данной работе.

Также, при формировании информации на экране следует помнить, что:

o При очень плотном расположении строк, изображение на экране будет выглядеть слишком темным. Этого следует по возможности избегать, регулируя плотность строк межстрочными интервалами [9].

o Содержимое полей в таблицах должно не "прижиматься" к краю экрана, а располагаться около горизонтальных или вертикальных осей [1].

o Меню, содержащее относительно небольшой объем информации, должно быть смещено в левую верхнюю часть экрана (плюсы расположения меню сверху проявляется не только в известном следствии закона Фиттса, заключающемся в том, что в таким образом расположенное меню бесконечно проще попасть мышкой (мышка упирается в край экрана), но и в том, что оно позволяет делать окна намного более лёгкими и простыми на вид без ущерба для функциональности - все необходимые функции можно оставить в меню, а в окне оставить только самое важное, основное содержимое [10]).

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