чмв лекция №6

1

Человеко-машинное взаимодействиеЧеловеко-машинное взаимодействие

Зайдуллин С.С.КГТУ им. А.Н.Туполева

2

Лекция 6 Лекция 6

Тема: Процесс проектирования ПИ: этапы проектирования интерфейса.

План лекции:Сбор и анализ информации от

пользователей.Разработка пользовательского

интерфейса.

3

Ключевые словаКлючевые слова

Процесс проектированияСценарий диалогаПрототип

4

Этапы проектирования ПИЭтапы проектирования ПИ

Создание ПИ может осуществляться как отдельно, так и совместно с остальным про-цессом разработки продукта.

При этом последовательно реализуются следующие этапы:

1.сбор и анализ информации от пользователей;2.разработка пользовательского интерфейса; 3.прототипирование интерфейса;4.тестирование на удобство применения.

5

Варианты организации Варианты организации процесса проектированияпроцесса проектирования

Стрелки условно показывают последовательность и продолжительность реализации каждого отдельного этапа проектирования.

Этапы итерационного процесса проектирования интерфейса:1 - Анализ; 3 - Построение;2 - Разработка; 4 - Тестирование.

4 1

3 2

4 1

3 2

4 1

3 2

4 1

3 2

6

Вопрос 1Вопрос 1

Этап «сбора и анализа информации от пользователей» включает пять шагов:

1.определение профиля пользователей;2.анализ стоящих перед пользователями задач

(task analysis);3.анализ требований (requirements analysis);4.анализ рабочей среды пользователей;5.проверка на соответствие потребностям

пользователя.

7

Пример реализации этапаПример реализации этапа

Рассмотрим в качестве примера задачу управления свободными местами в рос-сийской сети гостиниц.

Цель разработки – создание единого интерфейса для всех пользователей, как клиентов, так и обслуживающего персо-нала гостиницы.

8


Клиенты Персонал гостиницы

Первый шаг: профиль пользователей

– мужчины и женщины;– совершеннолетние;– большинство постоянные

жители РФ, но могут быть и иностранцы;

– владеют русским языком;– минимальное владение ком-

пьютером;– предварительные знания

программы отсутствуют.

– мужчины и женщины;– совершеннолетние;– как правило, постоянные жи-

тели РФ;– владеют русским языком;– средний уровень владения

компьютером;– прошли предварительный

тренинг.

9



Второй шаг: задачи пользователя

– просмотр информации по гостинице и тарифам;

– сделать / просмотреть / обновить бронирование;

– внесение предоплаты;– отпечатать/сохранить ин-

формацию о бронировании.

– просмотр информации по гостинице и тарифам;

– сделать / просмотреть / обновить бронирование;

– выписать счёт на предоплату;

– проверить и исправить ин-формацию о бронировании.

10



Третий шаг: требования пользователя

– не требуется тренинг;– требуется мало времени;

– круглосуточная доступность;

– возможность просмотра и вывода информации о гостиницах;

– минимальный тренинг;– возможность использовать

программу, одновременно общаясь с клиентом по телефону;

– потребность в минимальной технической поддержке;

– возможность просмотра и вывода информации о гостиницах;

11



Третий шаг: требования пользователя (окончание)

– стиль интерфейса похожий на Windows;

– отсутствие необходимости в дополнительных программах;

– обеспечение актуальной информацией по состоянию счетов и бронированию;

– выполнение задачи может быть прервано и отменено.

– стиль интерфейса аналогич-ный продукту клиента;

– время ответа системы, до-пустимое для ожидающего клиента;

– обеспечение актуальной информацией по состоянию счетов и бронированию;

– выполнение задачи может быть прервано и отменено.

12



Четвёртый шаг: среда пользователя

– однопользовательская программа с доступом к данным через Интернет;

– возможность использования дома, в офисе, в дороге;

– стационарный либо мобиль-ный компьютер, минималь-ные требования к телефонной системе.

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

– используется в офисе на конкретных рабочих местах;

– стандартный компьютер, рабочая станция или сетевой терминал и телефонная система.

13



Пятый шаг: соответствие требований задачам пользователя

– фотографии номеров, карты и т.п. должны быть доступ-ны для просмотра и вывода на печать в соответствии с требованиями клиента;

– профиль клиента и инфор-мация о состоянии счёта должны обновляться для соответствия его требова-ниям.

– система должна иметь возможность обслужить несколько запросов одновременно;

– аналогичные задачи должны решаться персоналом и клиентами с помощью аналогичного интерфейса.

14

Вопрос 2Вопрос 2

Этап «разработка пользовательского интерфейса» включает шесть шагов:

1.определение цели с точки зрения удобства применения продукта;

2.разработка задач и сценария действий пользователей (сценария диалога с пользователем);

3.выделение целей и операций интерфейса;4.определение визуального представления системы;5.разработка меню объектов и окон;6.оценка и оптимизация визуальной разработки.

15

Категории удобства для Категории удобства для формулировки целей формулировки целей Пригодность (полезность): определяет степень, до

которой продукт позволяет пользователю достичь стоящей перед ним цели.

Эффективность: показывает, насколько успешно продукту удается содействовать пользователю в выполнении стоящей перед ним задачи.

Простота изучения находит своё отражение в том, что пользователи могут начать использовать продукт, приобретя определенный уровень знаний после прохождения тренинга.

Отношение пользователя (оценка пользователем качества продукта): определяется восприятием, ощущением и мнением пользователей по поводу изучения и использования продукта.

16

Сценарий диалога с Сценарий диалога с пользователемпользователем

Цели построения сценария:выявление и устранение тупиковых ситуаций;выбор рациональных путей перехода из текущего

состояния диалога в требуемое;выявление неоднозначных ситуаций, требующих

оказания дополнительной помощи пользователю.

Варианты структуры диалога:диалог на основе командного языка;диалог типа «вопрос-ответ» (Q&A);диалог на основе меню;диалог на основе экранных форм.

17



Удобство применения

– Цель: пользователи получа-ют возможность использовать программу для своих задач.– Задача: 100% потребителей смогут использовать систему для решения своей задачи уже после первой попытки.

– Цель: пользователи получают возможность использовать программу для своих задач.– Задача: 100% потребителей смогут использовать систему для решения своей задачи уже после прохождения соответст-вующего тренинга.

18



Эффективность

– Цель: деятельность пользо-вателей станет более продук-тивной (по сравнению с руч-ным методом работы).– Задача: 100% пользователей выполнят стоящие перед ними задачи в течение заданного промежутка времени.

– Цель: деятельность пользо-вателей станет более продук-тивной (по сравнению с руч-ным методом работы).– Задача: 100% пользователей выполнят стоящие перед ними задачи в течение заданного промежутка времени.

19



Лёгкость в освоении

– Цель: пользователи будут удовлетворены качеством продукта.– Задача: пользователи будут высоко оценивать степень своего удовлетворения качеством продукта.

– Цель: пользователи будут удовлетворены качеством продукта.– Задача: пользователи будут высоко оценивать степень своего удовлетворения качеством продукта.

20



Сценарий

Клиент желает получить сведения о гостиницах в Казани, вывести эту информацию на печать и забронировать заезд.

Клиент по телефону желает зарезервировать номер в гостинице. Клиент желает получить по факсу подтверждение бронирования.

Здесь подчёркиванием выделены, идентифицируемые на третьем шаге, объекты и данные. Действия выделены курсивом.

21



Задачи, стоящие перед пользователем

– получить сведения о гостиницах в Казани;– отпечатать фотографии номеров, карту и маршрут из аэропорта;– проверить наличие свободных мест;– проверить расценки;– зарегистрироваться либо ввести своё регистрационное имя и пароль;– забронировать номер.

– проверить регистрационное имя и пароль клиента;– открыть сводку о состоянии счёта;– просмотреть гостиницы, выбранные клиентом;– забронировать заезд для клиента;– отправить клиенту по факсу подтверждение бронирования.

22


Будем считать, что будущая программа должна иметь графический интерфейс пользователя и реализовывать парадигму меню и прямого манипулирования объектами.

23

Пример реализации этапа: Пример реализации этапа: фрагмент окончательного списка фрагмент окончательного списка объектов, данных и действий объектов, данных и действий

Объекты и данные Тип объектаДействия (не характерные для

отдельных объектов)

Представительперсонала

Данные Исправить

Список клиентов Контейнер –

Клиент Контейнер / данные

Позвонить

Профиль клиента: Данные

– регистрационное имя Данные

– пароль Данные

– номер телефона Данные

Сводка о состоянии счёта Данные Заполнить

– пункты счёта Данные Найти

24

Пример реализации этапа: Пример реализации этапа: схема отношений между схема отношений между объектамиобъектами

Списокклиентов

Списокзаказов

Сводка осостоянии

счёта

Списокгостиниц

Системапоиска

Брониро-вание

Списокзаездов вгостиницу

Клиент

Профильклиента

ГостиницаХранится в

Хранится в

Хранится в

Ищет в Размещает

Со

де

рж

итДанные пере-

мещаются в

25

Пример реализации этапа: Пример реализации этапа: матрица прямого манипули-матрица прямого манипули-рования объектами рования объектами

Исходный объект

Конечный объект

КлиентСписок

клиентовБронирование

Корзина для мусора

КлиентДобавить клиента

Переместить данные для бронирования

Удалитьклиента

Списокклиентов

Брониро-вание

Привязать заказ к

клиенту

Удалить заказ

Корзина для мусора

26

Стадияпроектиро-вания ПИ

Пиктограмма

КлиентСписок

клиентовПрофильклиента

Прототиппродукта

Конечныйпродукт

Пример реализации этапа: Пример реализации этапа: определение визуального определение визуального представления системыпредставления системы

27

Пример реализации этапа: Пример реализации этапа: текстовое описание текстовое описание представлений объектовпредставлений объектов

Объект Тип объекта Вид объекта

Список клиентов Системный контейнер Окно системы поиска

Клиент Контейнер Содержимое: пиктограммы и текстовая информация

Профиль клиента Данные Просмотр/обновление:регистрационное имя; пароль; ФИО, адрес; контактные телефоны.

Список гостиниц Контейнер Содержимое: пиктограммы и текстовая информация

Гостиница Данные Информация о гостинице. Тарифы гостиницы. Наличие свободных мест. Фотографии гостиницы. Схемы проезда.

28

Пример реализации этапа: Пример реализации этапа: разработка меню для объектов разработка меню для объектов контейнера «Клиент»контейнера «Клиент»

ОбъектЭлемент

контекстного менюНазначение

Профиль клиента – Открыть – Открыть в режиме представления данных

Сводкао состоянии счёта

– Переместить

Создать новый– Вырезать

– Скопировать

– Удалить– Вывести на печать

– Переместить в другое место– Создать новый объект– Вырезать объект в буфер обмена– Скопировать объект в буфер обмена– Удалить объект– Отпечатать на прин-тере

29

Окно поискаклиентов

Окно справкиВывести список

клиентов

Начало

Конец

Открыть справку Закрыть поиск

Открыть поиск

Поиск клиента

Закрыть справку

Найден ?-

+

Окно"Клиент"

Открыть окно

Пример реализации этапа: Пример реализации этапа: фрагмент сценария фрагмент сценария пользователяпользователя

30

Контрольные вопросыКонтрольные вопросы

Перечислите основные этапы создания ПИ. Какие схемы организации итерационного

процесса проектирования ПИ вам известны? Объясните, в чём состоит основное разли-

чие между процессом проектирования по «прямой» и «обратной» спирали.

Какие цели чаще всего преследуются при разработке ПИ?

чмв лекция №6

Education