 
        
        1411
.pdf 
С е р и я в н у т р и в у з о в с к и х м е т о д и ч е с к и х у к а з а н и й С и б А Д И
Министерство науки и высшего образования Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования
«Сибирский государственный автомобильно-дорожный университет (СибАДИ)»
Кафедра «Прикладная информатика в экономике»
ПРОЕКТИРОВАНИЕ ИНТЕРФЕЙСОВ ИНФОРМАЦИОННЫХ СИСТЕМ
Методические указания к дисциплине
«Проектирование интерфейсов информационных систем»
Составитель С.Ю.Пестова
Омск 2018
| 
 | _____________________________ | |
| УДК 004.9 | Согласно 436-ФЗ от 29.12.2010 «О защите детей от информации, | |
| причиняющей вред их здоровью и развитию» данная продукция | ||
| 
 | ||
| ББК 32.97 | маркировке не подлежит. | |
| П 78 | _____________________________ | 
Рецензент
Доктор технических наук, профессор, С.Н. Чуканов (Заведующий кафедрой «Компьютерные информационные автоматизированные системы» ФГБОУ ВО СибАДИ.)
Работа утверждена редакционно-издательским советом университета в качестве методических указаний.
П 78 Проектирование интерфейсов информационных систем [Электронный ресурс]: Методические указания / сост. С.Ю.Пестова. – (Серия внутривузовских
методических указаний СибАДИ). – Электрон. дан. – Омск : СибАДИ, 2018.
– Режим доступа: http://bek.sibadi.org/fulltext/bn1164.pdf, свободный после авторизации. – Загл. с экрана.
По темам изложен материал, необходимый для выполнения практических и лабораторных работ, дана рекомендуемая литература и перечень дополнительных ресурсов, необходимых для освоения дисциплины «Проектирование интерфейсов информационных систем». Для самостоятельной подготовки к промежуточной аттестации сформированы вопросы и типовые тесты.
Имеется интерактивное оглавление в виде закладок.
Методические указания предназначены для бакалавров направления 09.03.03 «Прикладная информатика». Также могут быть использованы как дополнительный учебный материал в различных информационных дисциплинах для формирования профессиональных компетенций.
Издание подготовлено на кафедре «Прикладная информатика в экономике».
Текстовое (символьное) издание ( )
Системные требования: Intel, 3,4 GHz; 150 Мб; Windows XP/Vista/7; DVD-ROM;
1 Гб свободного места на жестком диске; программа для чтения pdf-файлов:
Adobe Acrobat Reader; Foxit Reader
Издание первое. Дата подписания к использованию Издательско-полиграфический комплекс СибАДИ. 644080, г. Омск, пр. Мира, 5
РИО ИПК СибАДИ. 644080, г. Омск, ул. 2-я Поселковая, 1
© ФГБОУ ВО «СибАДИ», 2018
| СОДЕРЖАНИЕ | 
 | 
| ВВЕДЕНИЕ ................................................................................................. | 4 | 
| 1. ТЕОРЕТИЧЕСКИЙ МАТЕРИАЛ К ЛАБОРАТОРНЫМ РАБОТАМ | |
| ...................................................................................................................... | 6 | 
| Раздел 1. Введение в проектирование интерфейсов ИС ........................ | 6 | 
| Тема 1.1. Введение в предметную область. Человеко-машинное | |
| взаимодействие. .......................................................................................... | 6 | 
| Тема 1.2. Стандартизация пользовательского интерфейса.................... | 7 | 
| Тема 1.3. Интерфейсные решения в современных информационных | |
| системах....................................................................................................... | 8 | 
| Раздел 2. Методы проектирования пользовательского интерфейса ИС | |
| ...................................................................................................................... | 9 | 
| Тема 2.1. Основы проектирования пользовательского интерфейса ..... | 9 | 
| Тема 2.2. Принципы и этапы проектирования пользовательского | |
| интерфейса ................................................................................................ | 10 | 
| Раздел 3. Проектирование пользовательского интерфейса ................. | 12 | 
| Тема 3.1. Процесс моделирования интерфейса информационной | |
| системы. ..................................................................................................... | 12 | 
| Тема 3.2. Прототипирование пользовательского интерфейса ............. | 13 | 
| Тема 3.3. Моделирование пользовательского интерфейса. | |
| Инструменты быстрого прототипирования........................................... | 14 | 
| Тема 3.4. Методы тестирования и оптимизации интерфейсов | |
| информационных систем. ........................................................................ | 16 | 
| 2. ЛАБОРАТОРНЫЕ РАБОТЫ............................................................... | 18 | 
| 2.1. Лабораторная работа №1. Организация интерфейса пользователя. | |
| Исследование элементов интерфейса приложения .............................. | 18 | 
2.2Лабораторная работа №2 Стандарты проектирования
| пользовательских интерфейсов............................................................... | 18 | |
| 2.3 | Лабораторная работа №3 Анализ разработки пользовательских | |
| интерфейсов приложений ........................................................................ | 18 | |
| 2.4 | Лабораторная работа №4 Знакомство с основными элементами | |
| управления. Проектирование графического интерфейса пользователя | ||
| .................................................................................................................... | 
 | 19 | 
| 2.5 | Лабораторная работа №5 Средства поддержки пользователя, | |
| справочные системы................................................................................. | 20 | |
| 2.6 | Лабораторная работа №6 «Выбор структуры диалога, разработка | |
| сценария диалога» .................................................................................... | 20 | |
| 2.7 | Лабораторная работа №7. Процесс | моделирования интерфейса | 
| информационной системы. Постановка задачи. Исследование целевой | |||||
| аудитории .................................................................................................. | 
 | 
 | 
 | 21 | |
| 2.8 | Лабораторная работа №8. Разработка пользовательского | ||||
| интерфейса: | этапы | предварительного | и | высокоуровневого | |
| проектирования......................................................................................... | 
 | 
 | 21 | ||
| 2.9 | Лабораторная работа №9. Разработка прототипов интерфейса | ||||
| пользователя системы в Balsamiq ........................................................... | 
 | 23 | |||
2.10Лабораторная работа №10. Инструменты быстрого
| прототипирования ПО.............................................................................. | 24 | 
| 2.11 Лабораторная работа №11. Юзабилити-тестирование. | |
| Компьютерные программы для проведения юзабилити-исследований | |
| .................................................................................................................... | 24 | 
| 3. ПРАКТИЧЕСКИЕ РАБОТЫ ............................................................... | 25 | 
3.1.Практическая работа №1. «Особенности современных
| пользовательских интерфейсов»............................................................. | 25 | 
| 3.2. Практическая работа №2 «Выбор структуры диалога, разработка | |
| сценария диалога» .................................................................................... | 25 | 
| 3.3. Практическая работа №3. «Процесс моделирования интерфейса | |
| информационной системы. Постановка задачи. Исследование целевой | |
| аудитории.» ............................................................................................... | 25 | 
3.4.Практическая работа №4. «Разработка спецификации
| требований»............................................................................................... | 26 | 
3.5.Практическая работа №5 «Моделирование предметных
| сценариев»................................................................................................. | 26 | 
3.6.Практическая работа № 6 «Моделирование кадров
| пользовательского интерфейса» ............................................................. | 27 | 
| 4. ТЕМЫ ДЛЯ ПОДГОТОВКИ К ИТОГОВОЙ ФОРМЕ КОНТРОЛЯ | |
| .................................................................................................................... | 27 | 
| 5. ТИПОВЫЕ ТЕСТОВЫЕ ЗАДАНИЯ.................................................. | 28 | 
| 5.1. Типовой вариант по разделу 1. Введение в проектирование | |
| интерфейсов ИС........................................................................................ | 28 | 
| 5.2. Типовой вариант по разделу 2. Методы проектирования | |
| пользовательского интерфейса ИС......................................................... | 32 | 
5.3.Типовой вариант по разделу 3. Проектирование
| пользовательского интерфейса ............................................................... | 34 | 
| КОМПЛЕКТ КОНТРОЛЬНЫХ ЗАДАНИЙ .......................................... | 36 | 
| СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ .................................. | 54 | 
| ПЕРЕЧЕНЬ РЕСУРСОВ СЕТИ «ИНТЕРНЕТ», РЕКОМЕНДУЕМЫХ | |
| ДЛЯ ОСВОЕНИЯ ДИСЦИПЛИНЫ ....................................................... | 54 | 
ВВЕДЕНИЕ
Качество пользовательского интерфейса является самостоятельной характеристикой программного продукта, сопоставимой по значимости с такими его показателями, как надежность и эффективность использования вычислительных ресурсов. Средства и способы взаимодействия с информационной моделью определяются составом аппаратного и программного обеспечения, имеющегося в распоряжении пользователя, и от характера решаемой задачи. Эффективность работы пользователя определяется не только функциональными возможностями имеющихся в его распоряжении аппаратных и программных средств, но и доступностью для пользователя этих возможностей.
Цель дисциплины «Проектирование интерфейсов информационных систем» заключается в получении студентами знаний о психологических аспектах человеко-машинного взаимодействия, методиках и технологиях построения, формального описания и оценки эффективных пользовательских интерфейсов, формирование навыков построения и макетирования пользовательских интерфейсов.
Задачи дисциплины:
познакомить студентов с концепцией построения интерфейсов систем;
дать краткий обзор решений основных производителей программного обеспечения для проектирования и разработки протоколов и интерфейсов;
рассмотреть типы интерфейсов ИС.
Теоретические основы и практические навыки, полученные в результате, изучения дисциплины могут быть применены в дисциплинах в соответствии с учебным планом: «Программная инженерия»; «Разработка и внедрение корпоративных информационных систем»; «Проектный практикум»; «Проектирование информационных систем».
В результате изучения дисциплины студент должен знать: особенности восприятия информации человеком; принципы построения пользовательских интерфейсов, технологии проектирования пользовательского интерфейса с применением математических методов, современной компьютерной техники и определенного программного обеспечения. Студент научится практически реализовать модель ин-
терфейса с учетом различных классов пользователей и прав доступа к ИС; оценивать качество интерфейсов.
1. ТЕОРЕТИЧЕСКИЙ МАТЕРИАЛ К ЛАБОРАТОРНЫМ РАБОТАМ
Раздел 1. Введение в проектирование интерфейсов ИС
Тема 1.1. Введение в предметную область. Человеко-машинное взаимодействие.
Вопросы для рассмотрения: Понятие человеко-машинного интерфейса. История человеко-машинного взаимодействия. Модели человеко-машинного взаимодействия. Проектирование целостного опыта взаимодействия в процессе разработки ПО.
Рекомендуемая литература: 4.
Перечень дополнительных ресурсов: 2, 3.
Наименование вида самостоятельной работы: изучение литературы; подготовка докладов.
Человеко-машинный интерфейс (ЧМИ) — широкое понятие, охватывающее инженерные решения, обеспечивающие взаимодействие человека-оператора с управляемыми им машинами.
Создание систем человеко-машинного интерфейса тесно увязано с понятиями эргономика и юзабилити.
Проектирование ЧМИ включает в себя:
создание рабочего места: кресла, стола, или пульта управления, размещение приборов и органов управления, освещение рабочего места и, возможно, микроклимат.
далее рассматриваются взаимодействие оператора со всеми органами управления: их доступность и необходимые усилия, эффективность и скорость доступа, согласованность (непротиворечивость) управляющих воздействий, расположение дисплеев и размеры надписей на них (всё это входит в сферу юзабилити).
Человеко-компьютерное взаимодействие получило развитие в контексте разнонаправленных научных векторов (компьютерная графика, инженерная психология, эргономика, теория организации, когнитивистика, информатика и многие др.).
Началом эргономической фазы человеко-компьютерного взаимодействия можно считать диссертацию Айвена Сазерленда (Sutherland, 1963), которая определила развитие компьютерной
графики как науки.
Тема 1.2. Стандартизация пользовательского интерфейса.
Вопросы для рассмотрения: Характеристики интерфейса: дружественность, стандартизация, функциональность. Ментальные модели, модели реализации и представления. Человекоцентрированный подход. Пользовательская и программная модели интерфейса. Стандарты по проектированию пользовательских интерфейсов и юзабилити. Интеграция различных приложений.
Рекомендуемая литература: 4.
Перечень дополнительных ресурсов: 1, 2.
Наименование вида самостоятельной работы: изучение ли-
тературы; подготовка к лабораторным работам.
Ментальные модели формируются на основании человеческого восприятия. Кеннет Крейк первым выдвинул гипотезу о существовании ментальных моделей ещё в середине 40-х годов. Его целью было объяснить ход человеческих мыслей, учитывая, что люди воспринимают мир через призму своих ментальных моделей. Ментальная модель — это интуитивное понимание принципов работы объекта или системы, основанное на прошлом опыте человека, имеющейся информации и здравом смысле.
Существуют три совершенно различные модели пользовательского интерфейса: модель программиста, модель пользователя и программная мо-дель. Программист, разрабатывая пользовательский интерфейс, исходит из того, управление какими операциями ему необходимо реализовать в пользовательском интерфейсе, и как это осуществить, не затрачивая ни существенных ресурсов компьютера, ни своих сил и времени. Его интересуют функциональность, эффективность, технологичность, внутренняя стройность и другие не связанные с удобством пользователя характеристики программного обеспечения. Именно поэтому большинство интерфейсов существующих программ вызывают серьезные нарекания пользователей.
Для построения пользовательской модели необходимо изучить пере-численные выше особенности опыта предполагаемых пользователей программного обеспечения. С этой целью используют опросы, тесты и даже фиксируют последовательность действий, осуществляемых в процессе выполнения некоторых операций, на
пленку.
Тема 1.3. Интерфейсные решения в современных информационных системах.
Вопросы для рассмотрения: Виды интерфейсов: системный, коммуникационный, информационный, программный, пользовательский и др. Классификация интерфейсов информационных систем. Наиболее важные аспекты взаимодействия в современных моделях среды открытых систем
Рекомендуемая литература: 4.
Перечень дополнительных ресурсов: 3, 2.
Наименование вида самостоятельной работы: изучение литературы; подготовка к лабораторным работам; выполнение тестовых заданий; выполнение заданий для самостоятельной работы.
Системная шина (системная магистраль или системный интерфейс). Это основная интерфейсная система компьютера, обеспечивающая сопряжение и связь всех его устройств между собой.
Интерфейс - коммуникационное устройство, позволяющее одному устройству взаимодействовать с другим и устанавливать соответствие между выходами одного устройства и входами другого.
Современными видами интерфейсов являются:
1)Командный интерфейс. Командный интерфейс называется так по тому, что в этом виде интерфейса человек подает "команды" компьютеру, а компьютер их выполняет и выдает результат человеку. Командный интерфейс реализован в виде пакетной технологии и технологии командной строки.
2)WIMP - интерфейс (Window - окно, Image - образ, Menu - меню, Pointer - указатель). Характерной особенностью этого вида интерфейса является то, что диалог с пользователем ведется не с помощью команд, а с помощью графических образов - меню, окон, других элементов. Хотя и в этом интерфейсе подаются команды машине, но это делается "опосредственно", через графические образы. Этот вид интерфейса реализован на двух уровнях технологий: простой графический интерфейс и "чистый" WIMP - интерфейс.
3)SILK - интерфейс (Speech - речь, Image - образ, Language -
язык, Knowlege - знание). Этот вид интерфейса наиболее приближен к обычной, человеческой форме общения. В рамках этого интерфейса идет обычный "разговор" человека и компьютера. При этом
компьютер находит для себя команды, анализируя человеческую речь и находя в ней ключевые фразы. Результат выполнения команд он также преобразует в понятную человеку форму. Этот вид интерфейса наиболее требователен к аппаратным ресурсам компьютера, и поэтому его применяют в основном для военных целей.
Раздел 2. Методы проектирования пользовательского интерфейса ИС
Тема 2.1. Основы проектирования пользовательского интерфейса
Вопросы для рассмотрения: Типы пользовательских интерфейсов и этапы их разработки. Классификации диалогов и общие принципы их разработки. Основные компоненты графических пользовательских интерфейсов. Реализация диалогов в графическом пользовательском интерфейсе. Пользовательские интерфейсы прямого манипулирования и их проектирование. Интеллектуальные элементы пользовательских интерфейсов.
Рекомендуемая литература: 4.
Перечень дополнительных ресурсов: 2, 3.
Наименование вида самостоятельной работы: изучение ли-
тературы; подготовка к лабораторным работам; выполнение тестовых заданий; подготовка докладов.
Пользовательский интерфейс представляет собой совокупность программных и аппаратных средств, обеспечивающих взаимодействие пользователя с компьютером. Основу такого взаимодействия составляют диалоги. Под диалогом в данном случае понимают регламентированный обмен информацией между человеком и компьютером, осуществляемый в реальном масштабе времени и направленный на совместное решение конкретной задачи: обмен информацией и координация действий. Каждый диалог состоит из отдельных процессов ввода-вывода, которые физически обеспечивают связь пользователя и компьютера.
Обмен информацией осуществляется передачей сообщений и управляющих сигналов. Сообщение - порция информации, участвующая в диалоговом обмене. Различают:
входные сообщения, которые генерируются человеком с помощью средств ввода: клавиатуры, манипуляторов, например мыши и т. п.;
