А.А. Попов
ЭРГОНОМИКА
ПОЛЬЗОВАТЕЛЬСКИХ
ИНТЕРФЕЙСОВ В ИНФОРМАЦИОННЫХ
СИСТЕМАХ
Учебное пособие
Москва
2016
УДК 004(075.8) ББК 32.973я73 П58
Попов А.А.
П58 Эргономика пользовательских интерфейсов в информационных системах : учебное пособие / А.А. Попов. – М. : РУСАЙНС, 2016. – 312 с.
ISBN 978-5-4365-0678-4
DOI 10.15216/978-5-4365-0678-4
В учебном пособии рассмотрены основные этапы разработки пользовательских интерфейсов, а также элементы управления, используемые для построения пользовательских интерфейсов как «иконографичных» (для универсальной платформы Windows), так и «инфографичных» (с использованием интегрированной среды разработки Visual Studio.Net). Также в учебном пособии приведены способы достижения требуемых значений эргономических характеристик пользовательского интерфейса и способы организации эргономичного взаимодействия пользователя с программным приложением (с учетом возможности речевого и сенсорного взаимодействия). Учебное пособие может быть использовано для обучения студентов-
бакалавров по направлениям |
подготовки «Бизнес-информатика» |
|
и «Прикладная информатика». |
|
|
|
|
УДК 004(075.8) |
|
|
ББК 32.973я73 |
ISBN 978-5-4365-0678-4 |
© |
Попов А.А., 2016 |
|
© |
ООО «РУСАЙНС», 2016 |
Содержание |
|
Введение. Связь эргономики с другими отраслями науки. |
|
Эргономические свойства системы «человек-машина» ................................. |
5 |
Глава 1. Пользовательские интерфейсы........................................................... |
9 |
Глава 2. Основы разработки эргономичных |
|
пользовательских интерфейсов....................................................................... |
67 |
2.1. Этапы эргономического проектирования |
|
пользовательских интерфейсов (классический подход) ........................... |
68 |
2.2. Предварительная оценка скорости работы |
|
с пользовательским интерфейсом с помощью метода GOMS.................. |
72 |
2.3. Стандартизация пользовательских интерфейсов................................ |
77 |
2.4. Высокоуровневое проектирование пользовательских интерфейсов. |
|
Особенности организации диалогового взаимодействия пользователя |
|
и пользовательского приложения (информационной системой).............. |
89 |
2.5. Низкоуровневое проектирование пользовательского |
|
интерфейса. Методики юзабилити-тестирования...................................... |
93 |
Глава 3. Особенности проектирования «инфографичных» |
|
пользовательских интерфейсов программных приложений |
|
для универсальной платформы Windows (UWP) ......................................... |
98 |
3.1. Новые принципы проектирования |
98 |
3.2. Планирование программного приложения |
|
универсальной платформы Windows (UWP)........................................... |
101 |
3.3. Основы работы с универсальной платформой Windows (UWP) .... |
105 |
3.4. Основы создания пользовательского интерфейса |
|
для платформы универсальных приложений для Windows (UWP)....... |
105 |
3.5. Основы проектирования навигации в приложениях |
|
универсальной платформы Windows (UWP)........................................... |
108 |
3.6. Основы проектирования команд на платформе |
|
универсальных приложений для Windows (UWP).................................. |
111 |
3.7. Основы проектирования содержимого |
|
на платформе универсальных приложений для Windows (UWP) ......... |
117 |
3.8. Учет размера экрана устройства для платформы |
|
универсальных приложений для Windows (UWP).................................. |
118 |
Глава 4. Элементы управления, используемые для построения |
|
пользовательских интерфейсов и взаимодействия с пользователями....... |
125 |
4.1. Элементы управления для разработки «инфографичных» |
|
пользовательских интерфейсов для платформы универсальных |
|
приложений для Windows (UWP)............................................................. |
125 |
3
4.2. Элементы управления для разработки «иконографичных» |
|
пользовательских интерфейсов программных приложений |
|
с использованием интегрированной среды разработки |
|
Visual Studio.Net......................................................................................... |
181 |
4.3. Диалоговые окна в «иконографичных» |
|
пользовательских интерфейсах................................................................ |
215 |
Глава 5. Настройка взаимодействий программного |
|
приложения с пользователем........................................................................ |
219 |
5.1. Взаимодействие пользователя с программным |
|
приложением с помощью клавиатуры..................................................... |
219 |
5.2. Взаимодействие пользователя с программным |
|
приложением с помощью мыши и пера................................................... |
223 |
5.3. Взаимодействие пользователя с программным |
|
приложением с помощью речи................................................................. |
225 |
5.4. Взаимодействие пользователя с программным |
|
приложением с помощью сенсорного ввода........................................... |
230 |
5.5. Взаимодействие с целевыми объектами касаний ............................ |
242 |
5.6. Визуальная обратная связь................................................................. |
247 |
5.7. Взаимодействие пользователя с плитками....................................... |
253 |
5.8. Взаимодействие пользователя с экраном блокировки .................... |
262 |
Глава 6. Рекомендации по обеспечению эргономичности |
|
пользовательского интерфейса программного приложения...................... |
266 |
6.1. Скорость работы пользователя с программным приложением...... |
266 |
6.2. Количество человеческих ошибок при работе с программой......... |
274 |
6.3. Скорость обучения пользователя...................................................... |
277 |
6.4. Субъективная удовлетворенность пользователя.............................. |
285 |
6.5. Степень сохранения навыков работы с интерфейсом |
|
при неиспользовании программного приложения.................................. |
292 |
Заключение..................................................................................................... |
303 |
Библиографический список........................................................................... |
304 |
4
Введение. Связь эргономики с другими отраслями науки. Эргономические свойства системы «человек-машина»
В последние 20-30 лет техника сильно усложнилась и поэтому возникает необходимость проектирования систем «человек-машина» (СЧМ), при котором должны одновременно разрабатываться технический и человеческий аспекты.
Ответы на возникшие вопросы о взаимодействиях в системе «че- ловек-машина» невозможно было получить только при помощи технических наук. Требовалось обратиться психологии, физиологии, гигиене и медицины труда, технической эстетике. После получения ответов была разработана система требований к условиям работы операторов в системе «человек-машина». Таким образом, эргономика находится на стыке технических наук и наук о человеке и о его деятельности и рассматривает разные факторы взаимодействия человека с техникой, в том числе, и компьютерной (рис. 1) [25, 80].
Рисунок 1. Факторы, влияющие на эргономику взаимодействия человека с техникой
5