
- •Введение
- •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. Какие среды передачи обучающих материалов бывают?
- •Ответы на вопросы тестов
- •Список использованных источников
Постановка задачи к лабораторной работе
В зависимости от выбранной предметной области:
1. Изучить основные аспекты предметной области.
2. Произвести оценку интерфейса конкурирующих систем.
3. Описать контекст использования системы.
4. Описать бизнес-роли пользователей.
5. Составить сценарии работы пользователей в виде схемы алгоритма, описывающие весь процесс использования системы для выполнения конкретной задачи.
6. Разработать полную схему экранов системы.
7. Спроектировать абстрактные диалоги системы в виде графа диалога.
8. Определить типы и формы каждого диалога, а также синтаксис и семантику используемых языков.
9. Осуществить выбор основных и дополнительных устройств и спроектировать процессы ввода-вывода для каждого диалога, уточнить передаваемые сообщения.
9.2 Лабораторная работа №2
Тема: «Реализация диалогов в графическом пользовательском интерфейсе по технологии WIMP»
Цель: закрепление теоретических знаний и формирование практических умений и навыков использования инструментальных сред программирования для реализации диалогов в графическом пользовательском интерфейсе по технологии WIMP
Методические указания к выполнению работы
В интерфейсах современного программного обеспечения присутствуют кнопки, списки, поля ввода, меню, окна, пиктограммы, курсоры.
Существует несколько видов кнопок:
командные кнопки;
кнопки доступа к меню;
чекбоксы и радиокнопки.
При нажатии на командную кнопку запускает какое-либо явное действие. Считать экранную кнопку нажатой нужно тогда, когда пользователь отпускает нажатую кнопку мыши и курсор находится на экранной кнопке.
Чем больше кнопка, тем легче попасть в нее курсором. Для сигнализации пользователю, того, что кнопка нажимаема, является придание кнопке псевдообъема, т.е. визуальной высоты.
Кнопка должна показывать пользователям свои возможные и текущие состояния. Все командные кнопки должны иметь названия, выраженные в виде глаголов в форме инфинитива (Открыть, Удалить, Добавить). По ним понятно, какое действие произойдет после нажатия.
К группе командных кнопок относится кнопка доступа к меню. Существует много ситуаций, когда раскрывающийся список не помещается в отведенное для него место, поскольку текст в списке слишком велик. В этом случае используют кнопку, нажатие на которую вызывает меню.
Чекбоксы и радиокнопки являются кнопками отложенного действия, т.е. их нажатие не должно инициировать какое-либо немедленное действие. С их помощью пользователи вводят параметры, которые скажутся после, когда действие будет запущено другим элементами управления.
Традиционно сложилось так, что чекбоксы выглядят как квадраты, а радиокнопки – как кружки. Нарушать это правило не рекомендуется. Желательно вертикально располагать чекбоксы и радиокнопки в группе, поскольку это облегчает поиск конкретного элемента.
Каждая подпись около кнопки должна однозначно показывать эффект от выбора соответствующего элемента. Поскольку радиокнопки и чекбоксы не вызывают немедленного действия, формулировать подписи к ним лучше всего в форме существительных, хотя возможно использование глаголов (если изменяется не свойство данных, а запускается какое-либо действие). Подписи к стоящим параллельно кнопкам лучше стараться делать примерно одинаковой длины. Все подписи обязаны быть позитивными (т.е. не содержать отрицания).