34. Эргономика пользовательского интерфейса разрабатываемого программного продукта

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

Таблица 6.1.

Сведения о программном продукте

Название	Информационная система для медиапланирования
Назначение	Медиапланирование рекламных кампаний
Требования к ПК	один сервер с процессором Intel или совместимым, с тактовой частотой 1 ГГц и выше (рекомендуется 2 ГГц и выше), не менее 512 Мб ОЗУ, НЖМД (винчестером) не менее 4 Гб; рабочая станция с процессом Intel или совместимым, с тактовой частотой 1 ГГц и выше, не менее 128 Мб ОЗУ, НЖМД (винчестером) не менее 600 Мб;
Требования к ПО	операционная система Windows XP SP2 и выше; Microsoft SQL Server 2008 Express Edition; Microsoft .NET Framework 3.5 с пакетом обновления 1 (SP1); Internet Information Services версии 5.1 и выше; веб-браузер Internet Explorer версии 6 и выше; надстройка для браузера Microsoft Silverlight 4.
Средства проектирования	Microsoft SQL Server 2008 Express Edition, Adobe Photoshop CS 5.

Таблица 6.2.

Сведения об окнах программы

Название программы	Расположение окон		Размер окна (в % к площади экрана)		Возможность менять размер и расположение окон
	Окно с осн. инф.	Окно с доп. инф.	Окно с осн. инф.	Окно с доп. инф.
Информационная система для медиапланирования	В центре	В центре	75	75	нет

Обозначения:

• окно с основной информацией – окно, с которым пользователь работает большую часть времени;

• окно с дополнительной информацией - окно, к которому пользователь обращается периодически.

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

Таблица 6.3.

Цветовые решения соотношения «Заголовок-фон»

Цветовое оформление окна с основной информацией			Цветовое оформление окна с дополнительной информацией
Фон	Заголовок	Текст	Фон	Заголовок	Текст
голубой	серый	белый	голубой	серый	серый

Цвет фона, цвет заголовка, цвет текста и т.д. все это имеет психологическое воздействие на пользователей системы.

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

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

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

Таблица 6.4.

Информация о ведении диалога с пользователем

Название программы	Информационная система для медиапланирования
Степень вмешательства пользователя в ход программы	3
Режим диалога	Моноэкранный
Выдача сообщений о состоянии системы, качестве работы пользователя	Нет
Использование функциональных клавиш для выбора элементов меню	Нет
Использование гипертекста	Да

Обозначения:

• 3 – пользователь может выбрать место начала и продолжения работы с программой.