дизайн-эргономические требования
.docОсновные требования к представлению информации на мониторе
Приведем основные критерии, которые необходимы для оценки и самооценки удобства и доступности использования электронных изданий (научной и учебной информации).
Для удобства сведем критерии для оценки в таблицу, которая может быть использована при экспертизе этих изданий.
Критерии |
да |
нет |
Экранный дизайн |
|
|
Экранное пространство заполнено аккуратно, нет пустот, фон светлый (но не белый) |
|
|
Используется темный шрифт на светлом фоне, читаться текст должен с расстояния 40 см. |
|
|
Длинные тексты разбиты на фрагменты. При перечислении используются нумерация или маркировка пунктов. |
|
|
При использовании интерактивных элементов (требуется нажать клавишу) не ограничивается время. |
|
|
Время на загрузку страницы не должно превышать 10 сек. |
|
|
Ярлыки отчетливо видны и понятны. |
|
|
Ссылки на другие страницы легко отыскиваются. |
|
|
Текст |
|
|
Шрифт стандартный, 12-14 pt |
|
|
Курсив желательно использовать только для ссылок, подчеркивание только для текста, на которые указывают гиперссылки. |
|
|
Для экранного текста желательно использовать гарнитуры без засечек – Arial или Helvetica. Для текста для последующей печати – Times. |
|
|
Для выделения посещенных и непосещенных ссылок рекомендуются фиолетовый и синий цвета соответственно. |
|
|
Текстовые блоки должны помещаться на экране без использования “прокрутки”. |
|
|
Тексты-анимации (пишущая машинка, гаснующие и т.д.) в качестве основного содержания не используются (в заголовках возможно). |
|
|
Для фона и графики используется фон без рисунка (рисунок отвлекает). |
|
|
В тексте нет грамматических ошибок. |
|
|
Графика |
|
|
Графические элементы занимают тот минимум экранного пространства, при котором сохраняют свою значимость. |
|
|
Файлы графики имеют минимальный размер (желательно gif, jpеg). |
|
|
Любая анимация несет функцию, которую другими средствами не достичь. |
|
|
Каждый графический элемент несет необходимую пользователю информацию. |
|
|
Последовательность переходов |
|
|
С каждой страницы можно перейти в начало (home), конец, предыдущую, следующую страницы. |
|
|
Все гиперссылки должны быть обозначены. |
|
|
Слова гиперссылки должны указывать на ее объект. |
|
|
Доступность |
|
|
Сплошной текст или маркированный список появляется на экране весь. Режим подачи –проступает одна часть текста, затем другая – не используется. |
|
|
При управлении подачей материала используется клавиатура, мышь. |
|
|
Пользователи учебных материалов должны контролировать запуск, остановку и повторный просмотр анимаций. |
|
|
Рекомендации по сочетанию цвета шрифта и фона
Оценка четкости восприятия цветовых образов на ахроматическом поле
Цвет символов |
Цвет фона |
||
черный |
серый |
белый |
|
Красный Синий Зеленый Малиновый Желтый |
Плохо Плохо Отлично Отлично Хорошо |
Отлично Плохо Плохо Отлично Плохо |
Хорошо Хорошо Плохо Отлично Плохо |
Оценка четкости восприятия цветовых образов
на цветном фоне
Цвет символа |
Цвет фона |
|||||
красный |
синий |
зеленый |
циан |
малиновый |
желтый |
|
Красный Синий Зеленый Циан Малиновый Желтый
|
– Плохо Плохо Отлично Плохо Отлично |
Плохо – Отлично Отлично Отлично Хорошо |
Отлично Отлично – Плохо Отлично Отлично |
Хорошо Хорошо Отлично – Отлично Отлично
|
Плохо Хорошо Отлично Отлично – Отлично |
Хорошо Хорошо Отлично Отлично Хорошо – |
Влияние цвета на ощущение пространства, температуры, эмоционального состояния
Цвет |
Ощущение пространства |
Ощущение температуры |
Эмоциональное состояние |
Красный Оранжевый Желтый Зеленый Синий Фиолетовый |
Рядом, близко Очень близко Близко Отдаленно Отдаленно Очень далеко |
Горячо Тепло Тепло Нейтрально Холодно Холодно |
Беспокойство Воодушевление Бодрость Спокойствие Успокоение Утомление, агрессивность |