
- •Введение
- •1 Понятие пользовательского интерфейса
- •1.1 Популярные стили пользовательского интерфейса
- •1.2 Критерии эффективного интерфейса
- •1.3 Модели пользовательского интерфейса
- •1.4 Контрольные вопросы
- •2 Психология человека и пэвм
- •2. 1 Психология пользователей
- •2.2 Восприятие и внимание человека
- •2.3 Информационные процессы человека
- •2.4 Контрольные вопросы
- •3 Проектирование пользовательского интерфейса
- •3.1 Особенности графического интерфейса
- •3.2 Объектный подход к проектированию интерфейса
- •3.3 Компоненты графического интерфейса
- •3.4 Взаимодействие пользователя с приложением
- •3.5 Общие правила взаимодействия с объектами
- •3.6 Операции пересылки и создания объектов
- •3.7 Метод прямого манипулирования
- •3.8 Контрольные вопросы
- •4 Правила проектирования пользовательского интерфейса
- •4.1 Принципы проектирования пользовательского интерфейса
- •4.2 Контрольные вопросы
- •5 Этапы проектирования пользовательского интерфейса
- •5.1 Коллективный подход к разработке
- •5.2 Разработка, ориентированная на обучение
- •5.3 Четыре этапа разработки
- •5.4 Примеры результатов выполнения работ на этапах разработки пользовательского интерфейса
- •5.5 Контрольные вопросы
- •6 Инструментарий разработчика интерфейсов
- •6.1 Передача информации визуальным способом
- •6.2 Использование цвета в интерфейсе
- •6.3 Использование звука в пользовательском интерфейсе
- •6.4 Использование анимации в пользовательском интерфейсе
- •6.5 Управляющие элементы разработки интерфейса
- •6.6 Основные проблемы удобства применения гпи и опи
- •6.7 Контрольные вопросы
- •7 Тестирование пользовательского интерфейса
- •7.1 Понятие удобства применения программного продукта
- •7.2 Важность тестирования на удобство применения программного обеспечения
- •7.3 Цели и задачи тестирования
- •7.4 Преимущества тестирования на удобство применения
- •7.5 Привлечение к работе когнитивных психологов и специалистов по удобству применения
- •7.6 Условие успеха программных продуктов
- •7.7 Отчетные результаты теста
- •7.8 Контрольные вопросы
- •8 Особенности разработки web – интерфейса
- •8.1 Пользовательский интерфейс web-приложений
- •8.3 Пользовательский интерфейс системы реального времени
- •8.4 Средства разработки web-документов
- •8.5 Контрольные вопросы
- •9 Практика
- •9.1 Лабораторная работа №1
- •Методические указания к выполнению работы
- •Постановка задачи к лабораторной работе
- •6. Разработать полную схему экранов системы.
- •9.2 Лабораторная работа №2
- •Методические указания к выполнению работы
- •В радиокнопках и чекбоксах должны нажиматься не только визуальный индикатор переключения, т.Е. Кружок или квадратик, но ещё и подпись.
- •Элементы в меню нужно группировать максимально логично. Можно между группами помещать пустой элемент (разделитель) или же размещать отдельные группы в разных уровнях иерархии.
- •Постановка задачи к лабораторной работе
- •9.3 Лабораторная работа №3
- •Методические указания к выполнению работы
- •Постановка задачи к лабораторной работе
- •9.4 Лабораторная работа №4
- •Методические указания к выполнению работы
- •Значения временных интервалов
- •Постановка задачи к лабораторной работе
- •1. Тестирование
- •2. Проектирование основных экранов
- •3. Финальное тестирование
- •40. Какие методы предотвращения ошибок бывают?
- •3. Повышение разборчивости и заметности индикаторов
- •44. Какие среды передачи обучающих материалов бывают?
- •Ответы на вопросы тестов
- •Список использованных источников
8.3 Пользовательский интерфейс системы реального времени
Автоматизация процессов управления уходит своими корнями в глубокое прошлое. Собственно, применение ЭВМ в качестве «управляющего органа» началось практически сразу, как только появилась техническая возможность сопрягать их с объектами, подлежащими управлению. ЭВМ, включенные в контур управления, должны были синхронизировать свои действия с управляемыми объектами, работающими в реальном времени. Такие системы стали называть «системами реального времени» (СРВ). «Система реального времени – это аппаратно-программный комплекс, реагирующий в течение предсказуемого времени на непредсказуемый поток внешних событий». Данное определение требует некоторых пояснений. Во-первых, перечень типов событий, на которые должна реагировать система, как правило, определяется на этапе ее создания, только неизвестна последовательность этих событий и моменты их возникновения.
Во-вторых, система должна успеть отреагировать на произошедшее событие в течение времени, критичного для этого события (точнее, для управляемого объекта), и это время должно быть предсказано (вычислено) при создании системы. Отсутствие реакции в течение заданного (или допустимого) интервала считается ошибкой.
В-третьих, поскольку на управляемых объектах могут происходить два или более событий одновременно, должна быть задана приоритетность каждого из них с точки зрения целевого предназначения системы. Различают СРВ двух типов:
жесткого реального времени;
мягкого реального времени.
Для систем жесткого реального времени недопустима задержка реакции, ни при каких условиях, поскольку это может привести либо к катастрофическим последствиям, либо к тяжелым экономическим потерям. К таким системам относятся, в частности, бортовые системы управления, системы военного назначения, системы аварийной защиты (например, на атомных электростанциях) и некоторые другие.
Для систем мягкого реального времени задержка менее критична, хотя и может привести к снижению качества управления. Например, задержка в оформлении авиабилетов за 10 минут до вылета вряд ли приведет к человеческим жертвам, но определенным образом повлияет на работу аэропорта.
Особый класс СРВ составляют так называемые системы диспетчерского управления (или человеко-машинные системы - ЧМС), в которых одним из обязательных звеньев управления (а иногда и главным) является человек (диспетчер, оператор, или лицо, принимающее решение - ЛПР). Качество работы такой системы в значительной степени определяется тем, насколько адекватно воспринимает оператор поступающую информацию и насколько своевременно он на нее реагирует. При достаточном уровне подготовленности персонала основным фактором, влияющим на работу оператора, является качество организации его взаимодействия с системой, то есть ее интерфейс. Но даже в случае принятия правильного решения оператор может допустить так называемую функциональную ошибку (нажать не ту клавишу, выбрать не ту команду) и т.д. Опасность функциональных ошибок существенно возрастает в стрессовых ситуациях. Например, опыт американских военных летчиков показывает, что в условиях ведения боевых действий оказывается неэффективным использование меню.
В таблице 8.1. приведены численные значения вероятностей различных типов функциональных ошибок. Если решаемая оператором задача требует выполнения цепочки операций, вероятности возможных ошибок складываются, суммарное значение вероятности ошибки, превышающее 0,03, считается критическим.
Другими словами, качество работы СРВ зависит от формы представления информации о текущей ситуации в системе и от доступных оператору средств воздействия на исполнительные компоненты системы.
Таблица 8.1 – Вероятности различных типов функциональных ошибок
Операция |
Вероятность ошибки |
Актуализация из памяти или запоминание значения параметра |
0,0005 |
Мысленный выбор одной из двух альтернатив |
0,0005 |
Мысленное сравнение ситуации с типовой, требующей определенного действия |
0,0010 |
Чтение (1-3 слова) |
0,0010 |
Ввод текста (1-3 слова) |
0,0020 |
Восприятие символа (знака, транспаранта) |
0,0040 |
Восприятие сообщения |
0,0020 |
Восприятие показаний стрелочного индикатора |
0,0070 |
Восприятие показаний цифрового индикатора |
0,0020 |
Нажатие клавиши на клавиатуре |
0,0050 |
Двойной щелчок мышью |
0,0030 |
Выбор элемента на экране |
0,0050 |
Таким образом, при разработке пользовательского интерфейса СРВ основное внимание должно быть уделено следующим вопросам:
детальному проектированию сценария диалога с целью выбора оптимальных маршрутов перемещения оператора по дереву диалога, а также предотвращения ситуаций, которые могут потребовать перезапуска системы;
реализации средств динамического изменения структуры диалога в зависимости от текущей ситуации, складывающейся в системе;
тщательному выбору визуальных атрибутов отображаемой информации, в том числе выбору средств привлечения внимания пользователя (оператора).
При этом должны обеспечиваться свойства естественности интерфейса СРВ. Имеется в виду следующее. Во многих системах управления технологическими процессами за годы их существования была сформирована оптимальная структура средств индикации и контроля, а также соответствующая ей система условных обозначений, используемая на операторских пультах. При создании рабочих мест операторов учитывались результаты весьма глубоких эргономических исследований. Поэтому при проектировании интерфейса автоматизированных рабочих мест (АРМ) на базе ПЭВМ целесообразно сохранить основную схему визуализации процессов, протекающих в данной системе управления.
Такой подход позволяет использовать при работе оператора не только визуальные, но и другие (в первую очередь – звуковые) средства индикации и привлечения внимания.
Прием визуальной информации содержит ряд элементарных процессов: обнаружение, различение, опознание и декодирование. На выполнение этих процессов основное влияние оказывают следующие характеристики зрения оператора:
яркостные;
пространственные;
временные;
цветового восприятия.
Все они в значительной степени зависят от размеров и свойств излучения объектов, отображаемых на экране.
Яркостные характеристики определяют размер зоны видения светящегося объекта, а также скорость и безошибочность обработки светящейся информации.
Зрительное восприятие светящегося объекта возможно в диапазоне яркостей 106 …105 кандел/м2. Яркость светящегося объекта может быть рассчитана по формуле
где К – степень ослепления (при К= 1...2 оператор испытывает дискомфорт, а при К= 3...8 – болевые ощущения);
а – угловой размер светящегося объекта (измеряется в градусах).
Яркость, превышающая 15·106, является слепящей.
Для обеспечения длительной зрительной работоспособности оператора яркость наблюдаемых на экране объектов не должна превышать 64 кд/м2, при этом перепад яркостей в поле зрения оператора должен быть не более 1:100. Наивысшая быстрота различения сложных объектов достигается при яркости 3·103кд/м2.
Необходимо также учитывать, что требуемая острота зрения при восприятии светлых объектов в 3-4 раза ниже чем, для темных, светлые объекты на темном фоне обнаруживаются легче, чем темные на светлом.
При решении практических задач необходимо учитывать следующие положения:
основную информацию об объекте несет его контур, время различия и опознания контура объекта увеличивается с увеличением его сложности;
при различии сложных контуров безошибочность выше, чем при различии простых;
решающее значение в восприятии формы объектов имеет соотношение «фигура/фон»;
минимальный размер объекта должен выбираться для заданных уровней контраста и яркости, уменьшение значений этих параметров требует увеличения угловых размеров объекта;
для повышения вероятности различия от 0,5 до 0,98 требуется увеличение угловых размеров для простых фигур на 20...25%, а для знаков типа букв и цифр – в два раза;
для различия положения фигуры относительно вертикальной или горизонтальной оси пороговая величина обнаружения должна быть увеличена в 3 раза (порог обнаружения темного объекта на светлом фоне составляет 1 угловую секунду).
При наличии на экране движущихся объектов следует учитывать ряд дополнительных факторов. Например, при перемещении точечного объекта со скоростью 0,25 градус/с его непрерывное движение воспринимается как дискретное, при скорости 0,25...4 градус/с – как непрерывное, а при скорости более 4 градус/с изображение сливается в сплошную полосу.
Полезно также помнить о том, что существует три вида кажущегося движения:
• восприятие перемещения сигнала из одного положения в другое при последовательном предъявлении двух идентичных сигналов от различных объектов;
• кажущееся изменение размеров объекта при последовательном появлении двух объектов, имеющих идентичные контуры;
• кажущееся изменение размеров объекта при изменении яркости самого объекта или фона.
Временные характеристики зрительного восприятия светящегося объекта формируется у человека-оператора с некоторой задержкой по отношению к началу действия зрительного раздражителя и его прекращению, что обусловливает ряд особенностей функционирования зрительного анализатора. Эти особенности проявляются как при восприятии одиночных световых сигналов, так и их последовательности. Знание временных характеристик зрения позволяет обоснованно выбирать время экспозиции сигналов для обеспечения их минимальной различимости. Основные временные характеристики зрительного восприятия приведены в таблице 8.2.
Характеристики цветового восприятия
Цвета различаются тоном, светом и насыщенностью. Число различимых оттенков цвета по всему спектру при яркости не менее 10 кд/м2 и максимальной насыщенности равно приблизительно 150. Различие степеней насыщенности колеблется от 4 (для желтого) до 25 (для красного). При изолированном предъявлении человек точно идентифицирует не более 10-12 цветовых тонов, а в комбинации с другими цветами – не более восьми.
Изменение яркости объекта влияет на восприятие его цвета. С уменьшением яркости от 180 до 0,5 кд/м2 происходит уменьшение света и постепенное обесцвечивание желтого и синего цветов, а спектр становится трехцветным: красно-зелено-фиолетовым.
Восприятие цвета зависит также от угловых размеров объекта, с уменьшением размера изменяется видимая яркость и искажается цветность. Наибольшему изменению подвержены желтый и синий цвета.
Таблица 8.2 – Временные характеристики зрения
Характеристика |
Количественное значение |
Условия наблюдения |
Субъективно воспринимаемая яркость при мельканиях, % |
200 100 50 |
частота мелькания (Гц) 8...10 16...20 24...28 |
Критическая частота мельканий для их раздельного восприятия, Гц |
15 25 50 |
яркость объекта (кд/м2) 0,1 1 100 |
Быстрота обнаружения, мс |
<3
<30
<7
<60 |
для объектов простой конфигурации то же, в плохих условиях наблюдения для знакомых человеку изображений (буквы, цифры) то же, в условиях помех |
Для систем реального времени основным критерием выбора цветов отображаемых на экране символов и сообщений является острота различения. Она максимальна для символов белого цвета и минимальна для символов, имеющих крайние цвета спектра. Хотя белый цвет наиболее прост в применении и его часто используют, наилучшим в этом отношении является желто-зеленый цвет, который по насыщенности мало отличается от белого, но имеет максимальную видимость, красный, фиолетовый и синий цвета не рекомендуется использовать для отображения символов или объектов сложной конфигурации.
При согласовании цветов символов и фона следует учитывать, что восприятие символов максимально для контрастных цветов (т.е. относящимся к противоположным границам спектра). При контрастности менее 60% читаемость символов резко ухудшается. Установлены следующие допустимые комбинации цвета символа с цветом фона (в порядке убывания четкости восприятия):
синий на белом;
черный на желтом;
зеленый на белом;
черный на белом (только четвертое место);
белый на синем;
зеленый на красном;
красный на желтом;
красный на белом;
оранжевый на черном;
черный на пурпурном;
оранжевый на белом;
красный на зеленом.
При одновременном поступлении двух или нескольких сигналов (сообщений) на их восприятие оператором влияют следующие факторы: избирательность внимания, абсолютная и относительная интенсивность сигналов, взаимное расположение на экране, степень синхронности сигналов, объем поступающей информации и скорость ее поступления.
Важное значение для эффективной работы оператора имеет способ передачи смыслового содержания отображаемой на экране информации. Этот способ может базироваться на использовании одного из четырех типов знаковых систем (или их комбинации):
буквенной;
пиктографической;
цифровой;
геометрической.
При выборе знаковой системы следует учитывать:
легкость опознания и декодирования знаков;
требуемую длительность безошибочной работы оператора, в том числе в условиях стресса;
уровень помехоустойчивости системы;
скорость запоминания и длительность сохранения алфавита знаковой системы в оперативной и долговременной памяти оператора.
В качестве интегральной характеристики знаковой системы может использоваться коэффициент оперативности кода – Коп, представляющий собой отношение времени опознания символа (знака) к времени его декодирования. Значения этого показателя для перечисленных выше знаковых систем приведены в таблице 8.3.
Таблица 8.3 – Значения коэффициента оперативности кода
Знаковая система |
Значение Коп |
Буквенная (для одного слова) |
0,9 |
Пиктографическая (для пиктограммы) |
0,8 |
Цифровая (для одного числа, не более 4 разрядов) |
0,6 |
Геометрическая (для одной фигуры) |
0,6 |
Из приведенных данных можно сделать вывод, что в стрессовых ситуациях числа до трехразрядных включительно целесообразно представлять на экране в текстовой форме (то есть словами). Вместе с тем, основные свойства объекта или описание требуемых действий эффективнее отобразить в виде пиктограммы. Например, фразу «переслать сообщение на вышестоящий уровень» лучше заменить соответствующей пиктограммой, но только в том случае, если эта пиктограмма будет адекватно понята пользователем.
Количественные оценки влияния геометрического контура пиктограммы на эффективность ее распознавания даны в таблице 8.4.
При разработке знаковой системы следует учитывать, что симметричные символы легче усваиваются человеком-оператором и более прочно сохраняются в кратковременной и долгосрочной памяти.
Таблица 8.4 – Влияние геометрической сложности знака на его декодирование
Показатель
|
Значение показателя |
||
Простые знаки |
Знаки средней сложности
|
Сложные знаки |
|
Минимальное время экспозиции, с |
0,03 |
0,03 |
0,05 |
Среднее время декодирования при экспозиции 0,03, с |
3,06 |
2,55 |
2,76 |
Вероятность правильного декодирования |
0,80 |
0,97 |
0,98 |
На количество интерактивных элементов, одновременно отображаемых на экране влияют зрительные характеристики оператора и качество используемой знаковой системы. При выборе нужного элемента сказывается сенсомоторная характеристика. В качестве примера в таблице 8.5 приведены достаточно усредненные значения безошибочности (Рв) и времени (Тв) выбора требуемого элемента в зависимости от числа имеющихся.
Таблица 8.5 – Обобщенные показатели сенсомоторной характеристики оператора
Количество интерактивных элементов на экране (в активном окне) |
Рв |
Тв, с |
3 |
0,999 |
1,5 |
7 |
0,997 |
3,0 |
10 |
0,995 |
4,0 |
15 |
0,97 |
5,0 |
20 |
0,94 |
7,0 |
60 |
0,92 |
10,0 |
В связи с повышенными требованиями, предъявляемыми к надежности и быстродействию систем реального времени, при их создании значительно возрастает роль этапа макетирования пользовательского интерфейса и его согласования с потенциальными пользователями.
Рекомендации по разработке Web-узлов редактора электронного журнала Corporate Internet Strategies Пита Лошина:
использовать графику только там, где она будет нести реальную смысловую нагрузку;
использовать текст вместо графики, где только возможно (для ускорения загрузки страниц);
использовать фреймы, таблицы и другие элементы структурной организации содержимого;
использовать одни и те же компоненты на разных страницах для сокращения времени их загрузки;
размещать наиболее важную информацию в самых доступных местах сайта;
содержимое сайта должно быть действительно полезным для посетителя.