5.5 Контрольные вопросы

5.1 Является ли необходимостью разрабатывать интерфейс и его элементы коллективно?

5.2 Перечислите основные этапы разработки пользовательского интерфейса.

5.3 Какие проблемы решаются при подтверждении каче­ства пользовательского интерфейса?

5.4 Какие методы используются для сбора информации у будущих пользователей программного продукта?

5.5 Приведите примеры форм для представления резуль­татов по каждому этапу разработки интерфейса.

6 Инструментарий разработчика интерфейсов

«Разрабатывать значит планировать и орга­низовывать, приказывать, соотносить и кон­тролировать. Другими словами, всеми сред­ствами противостоять беспорядку и случай­ностям. Поэтому разработка отражает че­ловеческую потребность и оценивает его мыслительные способности и поступки».

Джосеф Альберс (Josef Albers)

6.1 Передача информации визуальным способом

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

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

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

6.2 Использование цвета в интерфейсе

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

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

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

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

Цвет часто применяется для качественного выделения, представления различий в характеристиках, и для коли­чественного выделения, чтобы показать различия в коли­честве. Например, в газете, где приводятся данные о погоде, цвета использу­ются для показа различных температурных зон на карте. Они варьируются от светлых до темных в соответствии с диапазоном температур, от низких до высоких. Цвета чрезвычайно полезны, поскольку придают дополнительное значение информации. Это свойство используется в раз­личных сферах.

Поскольку цвет является сильным средством привле­чения внимания, обилие оттенков заставит пользователей обратить внимание на экран. Это помогает сделать интер­фейс более дружелюбным и легким в использовании. Од­нако данный «эффект Лас-Вегаса» может и отвлекать поль­зователей при работе. На первый взгляд интерфейсы Ma­cintosh и Windows выглядят теплыми и дружественными, поскольку полны ярких цветов. Они привлекают клиен­тов и пользователей, но когда те часами сидят перед экра­ном компьютера, им не нужны яркие краски, отвлекающие от работы.

Операционные системы предлагают стандартные цве­товые палитры и схемы. Их необходимо использовать при разработке интерфейса.

Цвет привлекает внимание человека. Это свойство ин­тенсивно используется в области коммуникаций и рекла­мы. На что вы скорее обратите внимание – на черно-белую или на цветную рекламу? Уэйн (Wayne) констатирует: «На­учные исследования в области печатных форм показали, что цвет на 32% эффективнее для привлечения внимания и на 25% – для вызова ответных действий читателей.

Это действует практически на уровне подсознания. Уэйн продолжает: «Корпоративная печатная реклама является почти полностью цветной, так как в соответ­ствии с проведенными исследованиями разноцветная реклама получает на 36% лучший отклик, чем ее чер­но-белая копия».

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

Рекомендации по использованию цвета

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

Некоторые из этих рекомендаций могут показаться ус­таревшими (по дате их публикации). Однако базовые ха­рактеристики человеческого восприятия не меняются.

Работа Мерча широко известна как авторитетное ис­следование в области психологического и физического ас­пектов цвета. Мерч предлагает три груп­пы рекомендаций: с точки зрения физиологии, восприятия и познавательности.

Рекомендации с точки зрения физиологии:

• не применяйте одновременно высоконасыщенные и спектрально-интенсивные цвета;

• избегайте насыщенно-синего цвета для текстов, тонких линий и малых форм;

• не используйте близкие цвета;

• для четкого различения цветов старшим по возрас­ту пользователям назначайте более высокие уровни яркости;

• не забывайте о том, что цвета меняют свои оттенки в зависимости от цвета окружения;

• помните, что величина заметного изменения оттенка варьируется в диапазоне спектра;

• старайтесь выделять края не только цветом;

• избегайте красного и зеленого цветов на периферии;

• сочетайте противоположные цвета (красный и зеленый или синий и желтый);

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

Рекомендации с точки зрения восприятия цветов:

• не все цвета одинаково хорошо различаемы;

• освещенность не равна яркости;

• различные оттенки, по существу, имеют различные уровни насыщенности;

• освещенность и яркость различимы на отпечатан­ном документе, но не на цветном дисплее;

• не все цвета одинаково разборчивы и читаемы;

• оттенки изменяются при перемене интенсивности и цвета фона;

• на малых поверхностях цветовые различия плохо заметны.

Рекомендации с точки зрения познавательности:

• не злоупотребляйте цветом;

• учитывайте, что цвета на экране и печатных копи­ях различаются;

• группируйте взаимосвязанные элементы с помощью общего фона;

• помните, что аналогичным значениям соответствуют аналогичные цвета;

• не забывайте, что яркость и насыщенность привлекают внимание;

• свяжите степень изменения цвета с важностью со­бытия;

• размещайте цвета в соответствии с их спектральным расположением;

• теплые и холодные цвета должны указывать на уро­вень действия.

Существуют дополнительные рекомендации по исполь­зованию цвета. Арон Маркус (Aaron Marcus) – известный разработчик интерфейсов и консультант в области компь­ютерной индустрии, имеет опыт работы в сфере информа­ционных и графических разработок. Маркус применяет следующие принципы к использованию цвета:

• используйте от трех до семи цветов;

• применяйте цвета, расположенные в центре и на периферии, следующим образом: красный и зеле­ный – в центре визуального поля, синий – для слайдов, фона и выделения границ экрана;

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

• не используйте одновременно цвета высокой интенсивности и спектрально-экстремальные;

• применяйте соответствующее кодирование для стан­дартных элементов;

• для элементов, принадлежащих к одной группе, назначайте один и тот же цвет;

• выбирайте один и тот же цветовой код для тренин­га, тестирования, приложений и публикаций;

• для привлечения внимания пользуйтесь интенсив­ными и насыщенными цветами;

• по возможности обращайтесь к избыточному коди­рованию форм с помощью цвета;

• за счет добавления цвета улучшайте восприятие информации.

Цвет в интерфейсе необходимо применять осторожно и экономно, чтобы каждое дополнение было оправдано с точ­ки зрения затрат.