Дизайн ЭУП. 
Разработка электронного учебного пособия "Вычислительная техника"

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

Можно выделить целый ряд эргономических требований к организации информации на экране:

• · информация, предъявляемая па экране, должна быть понятной, логически связной, распределенной на группы по содержанию и функциональному назначению;
• · при организации информации на экране следует избегать избыточного кодирования и неоправданных, плохо идентифицируемых сокращений;
• · рекомендуется минимизировать на экране использование терминов, относящихся к ЭВМ, вместо терминов, привычных для пользователя;
• · не следует для представления информации использовать краевые зоны экрана;
• · на экране должна находиться только та информация, которая обрабатывается пользователем в данный момент;
• · при редактировании текста, рекомендуется выводить информацию на экран таким образом, чтобы оба абзаца текста, актуальных в данный момент, были одновременно представлены на экране.

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

Рекомендуется: вопросно-ответные сообщения и подсказки помещать в верхней части экрана, выделяя явным образом отведенную для этого зону, например, отделяя ее горизонтальной линией от основной информации на экране; различные виды сообщения необходимо отделять друг от друга, в зоне вспомогательной информации. Например, можно рекомендовать применять инверсное изображение для подсказок; зоны размещения на экране вспомогательной информации должны быть четко идентифицируемы — зона подсказок, зона комментариев, зона управляющих сообщений, зона для сообщений об ошибках; при зонировании экрана допускается изменение масштаба знаков в отдельной зоне; эффекты, привлекающие внимание пользователя ПЭВМ (мелькание, повышенная яркость, обратный контраст), следует применять строго в соответствии с проектом деятельности пользователя, только в тех случаях, когда, это необходимо и психологически обосновано.

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

Цветовым кодированием следует пользоваться:

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

Выбор цветов и их сочетаний определяется возможностями конкретной ЭВМ и оказывает воздействие на интеллектуальную деятельность пользователя на его работоспособность и эффективность работы. При определении сочетаемости цветов для фона и символов необходимо иметь в виду:

• · ограниченность человеческих возможностей в размещении цветов; использование дополнительных цветов часто вызывает зрительную утомляемость и раздражение пользователя;
• · значения цветового контраста должны находиться в пределах, значений допустимых для яркостного контраста;
• · многие пользователи имеют красно-зелёную или желто-синюю аномалию зрения; монохромные дисплеи по-разному отражают разные цветовые контрасты, используемые в цветных дисплеях.

Большие возможности предоставляет в настоящее время многооконный способ представления информации на экране. Многооконный вывод предполагает наличие нескольких зон предъявления информации, отделенных друг от друга: в пространстве, цветом, формой или другими способами представления информации. При организации окон на экране дисплея не рекомендуется использовать краевые зоны экрана, а также применять в большом количестве эффекты, привлекающие внимание пользователя (мелькания, плавающие окна, повышенная яркость, обратный контраст и др.). Такие эффекты следует применять, только в психологически оправданных ситуациях.

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

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

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

В электронном учебном пособии я использовал:

• · основной фон страницы: коричневого цвета;
• · фон рабочего поля: белый;
• · текст:

a) шрифт: times new roman;

b) размер: 14 пикселей;

c) цвет: черный;

· ссылки:

a) основные ссылки: структурированы в таблицу, цвет ссылки белый;

b) дополнительные ссылки: расположены в ряд, цвет ссылки черный.

Навигация ЭУП Основные признаки идеальной навигации:

• · навигация понятна. Сколько времени может уйти на обучение «вождению» по сайту, использующему новые подходы в навигации? Для каждого человека этот временной промежуток уникален, но то, что обучение необходимо — это очевидно. Идеальная навигация понятна для пользователя с первого взгляда;
• · легко узнаваема;
• · единообразна. Если обучаемый разобрался с панелью управления электронным учебным пособием на первой странице (что иногда бывает совсем не просто), идеальная навигация не заставляет его совершать подобную работу на каждой странице. При ее построении web-мастер должен стараться придерживаться одного стиля. Это относится к изображениям, размерам и текстурам кнопок, их расположению, названиям, шрифту и цвету;
• · навигацию легко найти. Навигация контрастна и обучаемому не приходится тратить время на ее поиск, находится на стандартных местах — вверху или слева;
• · удобна в использовании. Размеры ссылок достаточно большие и совсем не обязательно напрягать зрение, чтобы по ним попасть мышкой. Навигационный текст легко читается. Страницы большого размера снабжены внутренними ссылками (якорями), названия подразделов ярко выражены, их текст укрупнен, и не нужно вчитываться для того, чтобы определить куда попал;
• · ссылок не очень много. Web-мастер качественно продумал структуру электронного учебного пособия и не пытается заполнить пустое место большим количеством гиперссылок, которые только отвлекают взгляд от основного меню, и заставляют делать иногда непростой выбор. Сайт с идеальной навигацией не пестрит гиперссылками в тексте, но также не страдает их полным отсутствием;
• · быстро загружается. При загрузке страницы навигация отображается в первую очередь, и обучаемому не нужно сидеть и ждать сообщения «Готово», чтобы сделать переход на искомую страницу;
• · на сайте отсутствует 404 ошибка. Ссылки полностью протестированы, не ведут на отсутствующие страницы. Из-за этой «малости» повышается доверие к ресурсу и пользователи, нажимая кнопки, не опасаются увидеть сообщение об ошибке.

Главная панель навигации:

Рисунок 9 — Главная панель навигации Вспомогательные элементы навигации:

Рисунок 10 — Вспомогательные элементы навигации.