Реферат: Требования к воспроизведению текстовой информации на экране
Одним из самых малоэффективных способов привлечения внимания к тексту считается [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 Ощущения человека, вызываемые различными цветами
Цвет | Ощущение пространства | Ощущение температуры | Эмоциональное состояние |
Красный | Рядом, близко | Горячо | Беспокойство |
Оранжевый | Очень близко | Тепло | Воодушевление |
Желтый | Близко | Тепло | Бодрость |
Зеленый | Отдаление | Нейтрально | Спокойствие |
Синий | Отдаленно | Холодно | Успокоение |
Фиолетовый | Очень далеко | Холодно | Утомление |
Красный | Рядом, близко | Горячо | Беспокойство |
Для цвета основного текста лучше подходит универсальный черный, хотя возможны и варианты (темно-коричневый, темно-синий и т. д.). Для фона следует использовать мягкие пастельные тона, причем лучший визуальный эффект дает не сплошная заливка фона выбранным цветом, а мягкий расфокусированный текстурный фон.
В пределах одного тематического раздела цвет и текстура фона должны оставаться постоянными для всех страниц.
4.2 Принцип функционального соответствия
Наиболее активными для привлечения внимания считаются [1] красный и синий цвета, далее желтый, зеленый и белый. Поэтому красный и синий рекомендуется использовать для кодирования наиболее важных объектов. Синий цвет из-за его тенденции к размытости границ малопригоден для окраски мелких графических элементов, требующих предельной четкости изображения. Его чаще применяют в качестве акцентирующей подложки под выделяемые графические элементы. Там, где требуется хорошая видимость деталей изображения, безошибочная и быстрая их идентификация, применяют желто-зеленые, желтые и оранжевые цвета, обеспечивающие наиболее четкую фокусировку изображения на сетчатку глаза [1].
Важно помнить, что люди связывают с различными цветами особые представления: красный цвет - цвет опасности, зеленый - нормы и т. д.
4.3 Принцип физиологического соответствия
Цвета по яркости и контрастности не должны выходить за пределы, вызывающие утомление зрения. Пониженная светимость изображения вызывает перенапряжение мышц хрусталика глаза и, как следствие, снижение остроты зрения. Повышенная яркость (более 175 кд*м^2 [8]) приводит к снижению цветовой чувствительности.
Следует, по возможности, отказаться от использования яркостных контрастов как признака кодирования, заменяя их контрастами по цветности, более комфортными для зрителя. Желательно использовать в одном изображении сочетание взаимно дополнительных цветов так, чтобы соблюдался принцип цветового баланса (близость общего тона гаммы к серому).
4.4 Принцип эмоционального соответствия
Цвета должны вызывать эмоциональную реакцию, улучшающую самочувствие и повышающую работоспособность человека. Стимулирующим фактором является сбалансированное сочетание в цветовой гамме теплых и холодных цветов. Теплые цвета, как наиболее выступающие и предметные, привлекают и удерживают внимание, холодные, используемые чаще как фоновые, оказывают компенсирующее воздействие, обеспечивая поддержание цветовой чувствительности на высоком уровне [1].
С точки зрения эмоциональной привлекательности, в цветовой палитре экранных кадров не следует использовать: подавляющий и угнетающий темно-фиолетовый, холодный темно-зеленый, яркий лимонно-желтый и зелено-желтый, бледно-розовый и некоторые другие оттенки и сочетания, вызывающие негативные реакции.
4.5 Рекомендации по использованию цвета при формировании оконного интерфейса
Существует определенное количественное соотношение между изображением и фоном ("равновесие" фигуры и фона), характеризующее оптимальную для восприятия величину изображения - его масштаб [1] масштаб не должен быть, с одной стороны, слишком мелким, чтобы объект не терялся в отведенном ему поле экрана, а с другой - чересчур крупным, чтобы не возникало ощущение "тесноты" на экране. Также, величина оптимального масштаба зависит от выбранной цветовой гаммы: изображение, построенное на насыщенных цветах, резко контрастирующих по яркости с фоном, "требует" меньшего размера, чем изображение с нюансными отношениями по яркости и насыщенности.
При отображении на экране дисплея текстовой информации хорошие результаты получаются для следующих сочетаний цвета символов и фона [1]: белый на черном, зеленый на черном, желтый на черном, желтый на синем. Наихудшие результаты по скорости чтения и восприятию данных получаются при выводе красных символов на синем фоне, синих на черном, красных на черном.
Фоновые изображения не должны влиять на удобочитаемость текста. Некоторые фоновые изображения, даже привлекательные сами по себе, затрудняют чтение наложенного на них текста. Фоновый рисунок должен оставаться на заднем плане, и чем он скромнее, тем лучше. При длительной работе с объектами на разноцветном фоне наступает так называемая "цветовая усталость" глаз, которая приводит к общему утомлению даже в том случае, если выбраны комфортные сочетания цветов. Поэтому для поддержания положительного эмоционального состояния цветовую палитру экрана считается [1], что надо периодически менять, используя три-четыре "рабочих" варианта цветовых сочетаний.