Самарский Государственный Технический Университет
Кафедра “Информационные технологии”
УЧЕБНОЕ ПОСОБИЕ
на тему: «Проектирование и дизайн пользовательского
интерфейса»
(материалы одноименной книги А. К . Гультява и В. А. Машина)
2
СОДЕРЖАНИЕ
ПРЕДИСЛОВИЕ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 4
1. ПОНЯТИЕ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА И ТРЕБОВАНИЯ К НЕМУ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 5
1. 1. ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ: МОСТ МЕЖДУ ЧЕЛОВЕКОМ И КОМПЬЮТЕРОМ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 5
1. 2. ОСНОВНЫЕ ПРИНЦИПЫ РАЗРАБОТКИ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 7
1. 3. СТАНДАРТИЗАЦИЯ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 11
2. ПРОЕКТИРОВАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 13
2. 1. ЖИЗНЕННЫЙ ЦИКЛ ПРОГРАММНОГО ПРОДУКТА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 13
2. 2. ЭТАПЫ ПРОЕКТИРОВАНИЯ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 17
2. 2 . 1 . ВЫБОР СТРУКТУРЫ ДИАЛОГА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 18
2. 2 . 2 . РАЗРАБОТКА СЦЕНАРИЯ ДИАЛОГА... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 24
2. 2 . 3 . ВИЗУАЛЬНЫЕ АТРИБУТЫ ОТОБРАЖАЕМОЙ ИНФОРМАЦИИ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 28
3. ПРОЕКТИРОВАНИЕ ГРАФИЧЕСКОГО ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 31
3. 1. ОСОБЕННОСТИ ГРАФИЧЕСКОГО ИНТЕРФЕЙСА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 31
3. 2. ОБЪЕКТНЫЙ ПОДХОД К ПРОЕКТИРОВАНИЮ ИНТЕРФЕЙСА ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 33
3. 3. КОМПОНЕНТЫ ГРАФИЧЕСКОГО ИНТЕРФЕЙСА... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 35
3. 4. ВЗАИМОДЕЙСТВИЕ ПОЛЬЗОВАТЕЛЯ С ПРИЛОЖЕНИЕМ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 40
3. 5. ОБЩИЕ ПРАВИЛА ВЗАИМОДЕЙСТВИЯ С ОБЪЕКТАМИ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 47
3. 6. ОПЕРАЦИИ ПЕРЕСЫЛКИ И СОЗДАНИЯ ОБЪЕКТОВ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 53
3. 6 . 1 . ОПЕРАЦИИ ПЕРЕСЫЛКИ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 53
3. 6 . 2 .