Требования к воспроизведению текстовой информации на экране (стр. 3 из 4)

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

Как показывает практика экранной типографии, в основном пользователи используют такие гарнитуры, как Times NewRoman (Образец), Verdana (Образец), Arial (Образец), изначально имеющиеся в памяти любого ПК. Рассмотрим особенности этих гарнитур.

Шрифт Verdana - самый популярный шрифт, применяемый при верстке web-сайтов [4]. Он выделяется гигиеническими и художественными достоинствами. Он рассчитан на воспроизведение с низким разрешением, прост по рисунку, его пропорции удобны и красивы. Шрифт выглядит легким, открытым и без труда воспринимается с дисплея.

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

Times New Roman - хороший шрифт с засечками оптимизированный для вывода текстов на экран. Очень распространённый и поэтому установлен и применяется по умолчанию во всех редакторах. Times New Roman хорошо подходит для web-документов, предназначенных для последующей печати.

Можно использовать и какой либо из красивых и эффектных декоративных шрифтов (рис.3), но с ними надо быть осторожными и не забывать о чувстве меры, дабы не повлиять на удобочитаемость, выводимого на экран, текста [15].

Рис.3. Пример различных декоративных шрифтов.

Считается [4], что использование в текстах не более двух - трёх разных шрифтов на одной страничке или форме является наиболее комфортным условием для восприятия информации пользователем.

3.5 Начертание шрифта

Каждый тип шрифта имеет несколько начертаний символов, например, полужирный, курсив, полужирный курсив, обычный (рис.4). Кроме того, можно ввести подчеркивание символов и фрагментов текста.

Рис.4. Пример различного начертания шрифта Verdana.

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

Такое начертание, как италик (курсив) создает эффект цитатного текста. При умелом использовании курсива можно добиться большей близости с пользователем - текст с цитированием всегда внушает больше доверия, чем простой текст [11].

Следующий способ выделения текста не связан с начертаниями, но от этого его эффективность не страдает. Этот метод основан на смене цвета выделяемого текста. Однако, при чрезмерном использовании смены цвета web-страница или программная форма может либо запестрить, как в случае с полужирным начертанием, так и свести на нет непосредственную роль смены цвета, то есть выделенный текст перестанет обращать на себя внимание.

Одним из самых малоэффективных способов привлечения внимания к тексту считается [11] - подчеркивание. Подчеркивание ассоциируется с http-ссылкой. Пользователь может вас неправильно понять и начать бегать мышкой по подчеркиваниям от слова к слову. Это утомляет и, как следствие портит общее впечатление от сайта или программного средства. Ко всему прочему линия подчеркивания проходит через нижние выносные части литер и снижает читабельность текста.

Ну и самый неэффективный прием - перечеркивание. Он также как и предыдущий прием, сильно портит удобочитаемость текста, кроме того, область его применения не ясна. Предположительно [16], он может быть использован для представления текстовых сегментов, которые принадлежали первоначальной версии текста, но позднее были удалены.

3.6 Регистр букв

Заглавная буква в тексте (начало предложения), прописная буква, идущая после заглавной - это как раз и есть различный регистр букв. Проще можно было бы сказать размер букв, но это будет не совсем верно. Размер прописной буквы может составить 50 пикселей, а заглавная буква может иметь меньший размер, но оставаться при этом заглавной. Регистр это разница в написании одного и того же символа, разное представление одних и тех же буквенных знаков [13].

Текст в нижнем регистре читается приблизительно на 13% быстрее, чем текст, который напечатан полностью в верхнем регистре [3]. Символы верхнего регистра наиболее эффективны для информации, которая должна привлечь внимание, но частое использование этого способа приводит к перегрузке интерфейса.

3.7 Динамическое отображение текста

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

o бегущая строка зачастую используется для отображения информации большого объема на маленьких дисплеях, таких, как на телефонах или других портативных устройствах;

o движение, мигание или изменение позиции текста это очень эффективный метод выделения информации, поскольку глаз имеет специальный детектор для движущихся элементов [3].

Человеческий глаз воспринимает не отдельные буквы, а группы букв или слов [14]. Это свойство глаза, охватывать группы букв, их форму, а также определённую длину строк является фактором, ускоряющим или замедляющим чтение, а также из него следует, что всплывающая строка воспринимается легче и комфортней бегущей. Однако использование и выпадающей строки может вызывать раздражение у человека-оператора, ведь время экспозиции отображения текста в такой строке не может быть для каждого разным. Для одного человека строка будет перелистываться чересчур медленно, а другой не успеет прочитать отображаемую информацию.

Таким образом, можно сделать вывод, что динамического отображения текста стоит избегать, кроме тех случаев, когда необходимо привлечь внимание пользователя, отвлечь его от основного содержимого окна приложения.

4. Особенности выбора цвета

4.1 Цветовое восприятие человека

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

То, что мы видим на экране монитора, является всего лишь комбинацией трех цветов: Red (красный), Green (зеленый) и Blue (синий). Задача дизайнера – сочетать их так, чтобы работать с разрабатываемым программным средством было максимально комфортно.

Многочисленные исследования наиболее комфортных сочетаний цветов при выводе данных на экран дисплея [1], выявили ряд параметров для оценки качества отображения. Одним из основных является четкость восприятия цветовых образов (табл. 2-3).

Таблица 2 Восприятие цветовых образов на ахроматическом фоне

Цвет символов	Цвет фона
	Черный	Серый	Белый
Красный	Плохо	Отлично	Хорошо
Синий	Плохо	Плохо	Хорошо
Зеленый	Отлично	Плохо	Плохо
Голубой	Отлично	Плохо	Плохо
Малиновый	Отлично	Плохо	Отлично
Желтый	Отлично	Отлично	Плохо

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

Таблица 3 Восприятие цветовых образов на цветном фоне

Цвет символов	Цвет фона
	Красный	Синий	Зеленый	Голубой	Малиновый	Желтый
Красный	-	Плохо	Отлично	Хорошо	Плохо	Хорошо
Синий	Плохо	-	Отлично	Хорошо	Хорошо	Хорошо
Зеленый	Плохо	Отлично	-	Отлично	Отлично	Отлично
Голубой	Отлично	Отлично	Плохо	-	Отлично	Отлично
Малиновый	Плохо	Отлично	Отлично	Отлично	-	Хорошо
Желтый	Отлично	Хорошо	Отлично	Отлично	Отлично	-

Однако текст на белом фоне - это стандартный, но не самый лучший вариант [21], поскольку сильный контраст цветов влечет дополнительную утомляемость (табл. 4). Избежать этого можно простым подбором цветовой пары текст - фон.

Таблица 4 Ощущения человека, вызываемые различными цветами