
- •Введение
- •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.7 Метод прямого манипулирования
Командный метод эффективен в тех случаях, когда операция пересылки требует от пользователя соответствующего управления источником и приемником. Тем не менее, при выполнении многих операций пересылки прямое манипулирование оказывается более естественным и быстрым методом. При использовании прямого манипулирования пользователь выбирает и перетаскивает объект в желаемую позицию, но поскольку этот метод требует определенных моторных навыков, следует избегать его использования в качестве единственного метода пересылки. В наиболее развитых интерфейсах поддерживаются оба метода: командный – для выполнения основных операций пересылки, и прямое манипулирование – как ускоренная техника работы пользователя.
Прямое манипулирование может применяться для любого визуального объекта. При этом как пересылаемый объект, так и приемник (например, окно или пиктограмма) не обязательно должны быть к настоящему времени активны. Например, пользователь может поместить объект в неактивное окно и в результате выполнения этой операции оно автоматически будет активизировано. Если неактивный объект не допускает пересылку с помощью прямого манипулирования, пользователь должен быть извещен об этом посредством соответствующей обратной связи.
Каким образом переданный объект интегрируется и отображается в приемнике, определяется контекстом приемника. Ранее уже отмечалось, что результатом пересылки может быть как точная копия оригинала, так и отдельные его компоненты или свойства, либо преобразованный объект. Например, приложение может содержать средства для копирования свойств объектов конкретного типа.
Стандартная реализация техники drag-and-drop
Стандартная реализация техники drag-and-drop основана на использовании левой кнопки мыши. Как именно будет проинтерпретировано приложением перетаскивание объекта, зависит от свойств приемника и от того, какая операция пересылки используется в качестве предопределенной. Как и в случае командного метода, результат операции определяется также свойствами перемещаемого объекта (в частности, перечнем разрешенных форматов объекта). Не рекомендуется использовать в качестве предопределенной операции такую, которая может привести к удалению или необратимому изменению объекта. Если же необходимость применения одной из таких операций обусловлена текущей ситуацией, следует вывести на экран сообщение пользователю с просьбой подтвердить намерения.
Используя технику drag-and-drop, пользователь может непосредственно пересылать объекты, как между окнами приложения, так и между окнами системных ресурсов, такими, например, как папки и принтеры.
Чаще всего в качестве предопределенной операции для drag-and-drop используется операция «Переместить (Move)», но вместо нее может быть определена любая другая операция пересылки, например «Копировать» или «Связать», или даже специализированная операция пересылки, такая, например, как «Копировать Свойства».
Нестандартная реализация техники drag-and-drop
В основе нестандартной реализации техники drag-and-drop лежит использование правой кнопки мыши. Особенность данного подхода заключается в следующем. Когда пользователь щелкает ПКМ на объекте-приемнике (или на позиции, куда пересылается объект), вместо выполнения предопределенной операции открывается всплывающее меню для объекта-приемника. Это меню содержит набор команд пересылки, разрешенных для данной позиции, но с учетом особенностей объекта, подлежащего пересылке. Тот факт, что команды всплывающего меню относятся к приемнику, а не к пересылаемому объекту, должен учитываться и в названиях этих команд. В частности, если пересылается содержимое объекта (данные), такими командами могут быть: «Переместить сюда (Move Here)», «Копировать сюда (Сору Неrе)». Если же приемник поддерживает пересылку только отдельных компонентов объекта, или требует его преобразования, названия команд должны отражать эту особенность приемника (например, «Копировать свойства сюда»).
Общий формат нестандартных команд пересылки выглядит следующим образом: [имя команды] [имя типа | имя объекта] Неrе как [имя типа].
Обратная связь при выполнении операций пересылки
Поскольку пересылка объектов является одним из наиболее распространенных действий пользователя, наличие соответствующей обратной связи является важным показателем качества интерфейса создаваемого приложения.
Если при пересылке объекта пользователь выбирает команду «Вырезать», следует визуально удалить выбранный объект. Если в силу каких-либо причин это нецелесообразно, можно отобразить выбранный объект специальным образом, чтобы сообщить пользователю, что команда «Вырезать» выполнена, но пересылка объекта еще не закончена.
Необходимо также восстанавливать визуальное состояние объекта, если пользователь выбирает команду «Вырезать» или «Копировать» для другого объекта прежде, чем выполнить команду «Вставить» для первоначально выбранного объекта.
Команда «Копировать» не требует специальной обратной связи. Выполнение команды «Вставить» также не требует никакой дополнительной обратной связи, кроме как отображение переданного объекта в новой позиции. Тем не менее, если при выполнении команды «Вырезать» образ объекта в исходной позиции был не удален, а заменен альтернативным представлением, необходимо его теперь «окончательно» удалить.
Реализация обратной связи при прямом манипулировании
При перемещении объекта в новую позицию с помощью мыши следует обеспечить пользователя визуальным представлением выполняемой операции на всем ее протяжении. При этом следует обратить особое внимание на следующие моменты:
объект должен отображаться как выбранный все время, пока на нем установлен фокус ввода. Чтобы указать, что объект находится в состоянии пересылки, для его изображения могут быть использованы соответствующие визуальные признаки. На пример, для визуализации операции перемещения может быть использовано системное контурное изображение объекта. Визуальный образ объекта в исходной позиции следует сохранять до тех пор, пока пользователь не завершит операцию пересылки;
изображение объекта, перемещаемое вместе с указателем, должно быть «прозрачным» и не заслонять позицию вставки;
образ объекта в исходной позиции должен сохраняться неизменным до окончания операции пересылки, вместе с тем, его перемещаемое изображение может изменяться в зависимости от типа выполняемой операции. Например, если объект будет вставлен как пиктограмма, то при перемещении указателя на позицию вставки образ объекта должен быть заменен его пиктограммой. Если объект будет включен как часть содержимого приемника, то представление объекта должно это отразить. Например, если объект, вставляемый в документ, будет включен как таблица, он может быть представлен в виде прозрачного силуэта таблицы. И наоборот, если исходный объект – таблица, но при вставке преобразуется в текст, отобразите его как условное изображение текста, например, как прозрачный силуэт нескольких первых слов;
форма указателя также должна соответствовать типу объекта- (позиции) приемника. Например, если перетаскиваемый объект должен быть вставлен в текст (непосредственно между символами), отобразите указатель в виде стандартного текстового курсора, используемого при редактировании текста;
используйте визуальную обратную связь, чтобы указать доступность потенциальных приемников. Она может быть реализована на основе стандартных средств выделения выбора, а также дополнительных средств, в том числе анимации.
Специальные команды пересылки
При выполнении некоторых заданий определенная комбинация операций пересылки может использоваться настолько часто, что ее удобнее заменить соответствующей дополнительной специализированной командой. Примером такой комбинации является дублирование существующего объекта, выполняемое с помощью двух операций – «Копировать» и «Вставить». Вместо них может быть использована специальная команда «Дублировать». В таблице 3.11 приведены некоторые наиболее распространенные специализированные команды пересылки.
Таблица 3.11 – Специализированные команды пересылки
Команда |
Функция |
Удалить (Delete) |
Удаляет объект из содержащего его контейнера. Если объект – файл, то он пересылается в Корзину |
Очистить (Clear) |
Удаляет содержимое контейнера |
Дублировать (Duplicate) |
Создает одну копию выбранного объекта |
Печать (Print) |
Печатает выбранный объект на принтере, используемом по умолчанию |
Отправить (Send To) |
Отображает список возможных направлений пересылки выбранного объекта и пересылает его в соответствии с выбором пользователя |
В таблице 3.12 перечислены комбинации клавиш (акселераторы) обеспечивающие ускоренный доступ к операциям пересылки
Таблица 3.12 – Клавиши-акселераторы для операций пересылки
-
Комбинация клавиш
Функция
CTRL+X
Выполняет команду «Вырезать»
CTRL+C
Выполняет команду «Копировать»
CTRL+V
Выполняет команду «Вставить»
CTRL+<перемещение объекта>
Заменяет предопределенную операцию пересылки операцией «Копировать» (если приемник ее поддерживает), модификатор может использоваться с любой кнопкой мыши
ESC
Отменяет выполнение операции пересылки (если она еще не закончена)