Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

1411

.pdf
Скачиваний:
14
Добавлен:
07.01.2021
Размер:
1.13 Mб
Скачать

С е р и я в н у т р и в у з о в с к и х м е т о д и ч е с к и х у к а з а н и й С и б А Д И

Министерство науки и высшего образования Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования

«Сибирский государственный автомобильно-дорожный университет (СибАДИ)»

Кафедра «Прикладная информатика в экономике»

ПРОЕКТИРОВАНИЕ ИНТЕРФЕЙСОВ ИНФОРМАЦИОННЫХ СИСТЕМ

Методические указания к дисциплине

«Проектирование интерфейсов информационных систем»

Составитель С.Ю.Пестова

Омск 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.

Наименование вида самостоятельной работы: изучение ли-

тературы; подготовка к лабораторным работам; выполнение тестовых заданий; подготовка докладов.

Пользовательский интерфейс представляет собой совокупность программных и аппаратных средств, обеспечивающих взаимодействие пользователя с компьютером. Основу такого взаимодействия составляют диалоги. Под диалогом в данном случае понимают регламентированный обмен информацией между человеком и компьютером, осуществляемый в реальном масштабе времени и направленный на совместное решение конкретной задачи: обмен информацией и координация действий. Каждый диалог состоит из отдельных процессов ввода-вывода, которые физически обеспечивают связь пользователя и компьютера.

Обмен информацией осуществляется передачей сообщений и управляющих сигналов. Сообщение - порция информации, участвующая в диалоговом обмене. Различают:

входные сообщения, которые генерируются человеком с помощью средств ввода: клавиатуры, манипуляторов, например мыши и т. п.;

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]