
- •Введение
- •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. Какие среды передачи обучающих материалов бывают?
- •Ответы на вопросы тестов
- •Список использованных источников
3.5 Общие правила взаимодействия с объектами
Существуют различные способы организации интерфейса пользователя для выполнения операций над объектами: прямое манипулирование объектами, выбор команд из меню, посредством диалоговых панелей, описанием требуемых операций на каком-либо языке программирования. Использование в приложении любого из перечисленных подходов не исключает возможности совмещения его с другой техникой. Например, пользователь, может изменять размер окна, либо используя команду «Размер», либо перемещая границу окна с помощью мыши.
Вместе с тем, целесообразно для каждого типа объектов определить собственное подмножество допустимых операций и способов их применения. При этом и подмножество допустимых операций, и способы их применения могут корректироваться в зависимости от текущей ситуации. В связи с этим операции, которые могут быть выполнены над данным объектом в данный момент времени, называют контекстными. От текущей ситуации зависит, как правило, и перечень свойств объекта, которые может просматривать и редактировать пользователь. Например, меню для некоторого объекта может содержать и команды, определенные типом объекта, и команды, обусловленные типом контейнера, содержащего объект.
Операции множественного выбора
В качестве операций, доступных для объектов множественного выбора, следует использовать перечисление наборов операций, относящихся к каждому из участников этого выбора. Таким образом, контекст множественного выбора может расширить либо сократить перечень операций или команд, доступных пользователю.
Следует иметь в виду, что область действия операций, выполняемых над объектами множественного выбора, должна ограничиваться пределами активного окна. Например, если пользователь удаляет выбранное слово в одном окне, это не должно приводить к удалению выбранных фрагментов текста в других окнах (если в этих окнах не выбраны те же самые объекты).
Предопределенные операции
Объект может иметь предопределенные операции. Предопределенные операции – это операции, выполняемые над объектом по умолчанию, когда пользователь использует технику ускоренного взаимодействия с данным объектом (в частности, двойной щелчок ЛКМ). Например, двойной щелчок ЛКМ на пиктограмме каталога файлов приводит к открытию окна с содержимым этого каталога, при редактировании текста двойной щелчок ЛКМ обеспечивает выбор слова. Для различных объектов могут использоваться разные предопределенные операции (например, для каталога выполняется команда «Открыть», а для текста – «Выбрать»).
Аналогично, когда пользователь перемещает объект в новую позицию с помощью мыши, используя технику drag-and-drop («перемести и оставь»), поведение объекта зависит от установленной для него предопределенной операции. Перетаскивание объекта в некоторую позицию может быть проинтерпретировано, в частности, и как перемещение, и как копирование, и как связывание с другим объектом. В данном случае выполняемая предопределенная операция зависит от позиции, куда был перемещен объект.
Применение предопределенных операций для техники ускоренного взаимодействия с объектами обеспечивает большую эффективность интерфейса с точки зрения повышения скорости работы, что является важным фактором для более опытных пользователей. Тем не менее, поскольку такая техника требует определенных навыков, и не все объекты могут иметь соответствующие предопределенные операции, то рассмотренный подход не должен использоваться в качестве единственного средства взаимодействия пользователя с объектами. Например, даже если для открытия окна каталога используется двойной щелчок ЛКМ на его пиктограмме, всплывающее меню этого объекта должно содержать команду «Открыть».
Операции просмотра
В таблице 3.4 приведена краткая характеристика некоторых общих операций, связанных с просмотром объектов. Хотя эти операции могут быть доступны не всегда и не для всех объектов, но в случае их использования следует придерживаться указанных соглашений.
Таблица 3.4 – Операции просмотра
Операция (команда) |
Действие |
Открыть (Open) |
Открывает первичное окно объекта. Для контейнерных объектов, таких как папки и документы, это окно отображает содержимое объекта |
Закрыть (Close) |
Закрывает окно |
Свойства (Properties) |
Отображает свойства объекта в соответствующем окне, как правило, в окне панели свойств |
Помощь (Help) |
Отображает окно с контекстной справочной информацией об объекте |
Для быстрого выполнения команд просмотра могут быть определены клавиши-акселераторы, их рекомендуемое назначение приведено в таблице 3.5.
Операции редактирования
Редактирование предполагает изменение (дополнение, удаление, замену) одного или нескольких свойств объекта либо его структуры. Другими словами, не всякое изменение может трактоваться как редактирование объекта. Например, изменение формы представления документа на экране (в частности, увеличение масштаба), не затрагивающее его содержания, не является редактированием.
Таблица 3.5 – Назначение клавиш-акселераторов
Клавиша-акселератор (комбинация клавиш) |
Действие |
CTRL + О |
Открывает первичное окно для выбранного объекта |
ALT+F4 |
Закрывает окно |
F1 |
Отображает окно с контекстной справочной информацией |
SHFT+F1 |
Устанавливает режим контекстно-зависимой помощи |
Двойной щелчок ЛКМ |
Выполняет предопределенную команду или команду «Ввод» |
ALT+двойной щелчок ЛКМ |
Открывает панель свойств объекта |
Транзакция представляет собой единичное действие по изменению объекта. Степень детализации такого изменения может быть различной, а его результат может определяться выполнением как одной, так и нескольких совмещенных операций. Выполняемые пользователем транзакции (допустимые) должны немедленно приводить к изменению объекта, и пользователь должен видеть их результат, если же транзакция недопустима для данного объекта, необходимо сообщить об этом пользователю. Другими словами, в любом случае при выполнении транзакции должна осуществляться обратная связь между приложением и пользователем. Кроме того, пользователь должен иметь возможность отменить результат транзакции (внесенные изменения), восстановив предыдущее состояние объекта. Если пользователь закрывает окно, в котором имеются изменения, следует спросить у него, нужно ли их сохранить.
В таблице 3.6 показаны команды для сохранения изменений на файловом уровне.
Команду «Сохранить» следует использовать в тех случаях, когда внесенные изменения относятся к файлу в целом, например, ко всему документу, и могут быть реализованы одновременно.
Таблица 3.6 – Команды сохранения изменений на уровне файла
Команда |
Функция |
Сохранить (Save) |
Сохраняет все временные изменения на диске и начинает новый сеанс редактирования |
Сохранить как (Save as) |
Сохраняет файл (со всеми временными изменениями) под другим именем и начинает новый сеанс редактирования |
Закрыть (Close) |
Подсказывает пользователю, что следует сохранить внесенные изменения. Если пользователь их подтверждает, временные изменения сохраняются и окно закрывается |
Если же выполненная транзакция относится к отдельной записи в файле, то применение команды «Сохранить» не целесообразно. В таблице 3.7 приведены команды для управления выполнением транзакций внутри файла.
Таблица 3.7 – Команды сохранения изменений на уровне транзакций
Команда |
Функция |
Повторить (Repeat) |
Дублирует последнюю транзакцию |
Отменить (Undo) |
Отменяет результат последней (или какой-то определенной) транзакции |
Восстановить (Redo) |
Восстанавливает результат последней (или какой-то конкретной) отмененной транзакции |
ОК |
Реализует внесенные изменения и закрывает окно |
Применить (Apply) |
Реализует внесенные изменения, но не закрывает окно |
Отменить (Cancel) |
Отменяет внесенные изменения и закрывает окно |
В таблице 3.8 приведены рекомендуемые команды для управления процессами.
Taблица 3.8 – Команды управления процессами
-
Команда
Функция
Пауза (Pause)
Приостанавливает процесс
Продолжить
(Resume)
Возобновляет приостановленный процесс
Остановить
(Stop)
Останавливает процесс
Хотя для остановки процесса может быть использована команда «Отменить», необходимо учитывать, что она не только останавливает процесс, но и возвращает его исходное состояние.
Просмотр и редактирование свойств объектов
Определение и согласование свойств компонентов приложения являются ключевыми вопросами при реализации DCD-технологии. Для изменения или переопределения свойств конкретного объекта (или объектов) используются такие команды, как «Свойства», «Сведения», «Общие сведения» и «Формат». Команда «Свойства» является общей командой для доступа к свойствам объекта, когда пользователь выбирает эту команду, следует отобразить на экране вторичное окно, содержащее перечень и текущие значения свойств объекта (Панель свойств).
Пользователь должен располагать средствами прямого доступа к свойствам визуальных или легко идентифицируемых объектов, таких как фрагмент текста, ячейка таблицы или рисунок. Сложнее определить способ доступа к свойствам менее «осязаемых» объектов, например, параграфа. В некоторых случаях может быть реализован косвенный доступ к свойствам таких объектов.
Команда «Свойства» не является единственным средством предоставления доступа к свойствам объекта. Например, в окне каталога отображаются некоторые свойства входящих в него файлов (размер, тип, дата последнего изменения и т.д.). Кроме того, для отображения свойств выбранных объектов может использоваться панель инструментов.
Зоны управления
Графические объекты (окна, рисунки, пиктограммы) могут иметь специальные зоны управления (handles), с помощью которых для этих объектов реализуется техника ускоренного взаимодействия. В частности, зоны управления могут использоваться для ускоренного выполнения таких операций, как перемещение, масштабирование, форматирование и автозаполнение. Тип зоны управления зависит от типа объекта. Например, полоса заголовка окна выступает в качестве зоны управления при перемещении окон, границы окна используются в качестве зоны управления при изменении его размеров. Для пиктограммы зоной управления является непосредственно ее изображение, т.е. вся пиктограмма. Для рисунков наиболее общей формой зоны управления является прямоугольный контур. При этом стороны прямоугольника обычно используются для ускоренного выполнения операций перемещения, а маркеры, расположенные по углам контура – для ускоренного масштабирования рисунка.
Редактирование текста
Редактирование текста требует, чтобы фокус ввода был установлен в той позиции, которая подлежит изменению. Если редактирование выполняется с помощью мыши, фокус ввода всегда совпадает с положением указателя. При использовании клавиатуры положение фокуса ввода определяется действием клавиши навигации, которая была нажата последней. В любом случае визуальным признаком того, что фокус ввода установлен в текстовой области, является присутствие текстового курсора, или точки вставки.
Вставка текста предполагает установку пользователем курсора в соответствующей позиции и ввод символов. После каждого набранного символа приложение должно перемещать курсор на один символ вправо (или влево, в зависимости от языка).
Замена является дополнительным режимом ввода текста, который отличается от вставки только тем, что вводимые символы заменяют существующие.
В качестве визуального признака режима замены рекомендуется использовать курсор специального типа – так называемый блочный курсор, который отображается в текущей символьной позиции, это облегчает пользователю идентификацию того символа, который будет заменен (рисунок 3.7). Для перехода в режим замены используется клавиша <Insert>.
Рисунок 3.7 – Блочный курсор
Удаление текста выполняется с помощью клавиш <Delete> и <Backspace>. Клавиша <Delete> удаляет символ справа от курсора, а клавиша <Backspace> удаляет символ слева. В обоих случаях текст сдвигается в направлении удаления, заполняя образовавшийся промежуток (это иногда называют автослиянием текста).
Если выбран фрагмент текста, принцип действия клавиш <Delete> и <Backspace> остается таким же, как и при удалении одного символа. Если же имеется выбранный фрагмент текста, и пользователь вводит новый текст непосредственно с клавиатуры или с помощью команды «Вставить», то выбранный фрагмент автоматически удаляется (точнее, заменяется новым текстом).