
- •Введение
- •1 Понятие пользовательского интерфейса
- •1.1 Популярные стили пользовательского интерфейса
- •1.2 Критерии эффективного интерфейса
- •1.3 Модели пользовательского интерфейса
- •1.4 Контрольные вопросы
- •2 Психология человека и пэвм
- •2. 1 Психология пользователей
- •2.2 Восприятие и внимание человека
- •2.3 Информационные процессы человека
- •2.4 Контрольные вопросы
- •3 Проектирование пользовательского интерфейса
- •3.1 Особенности графического интерфейса
- •3.2 Объектный подход к проектированию интерфейса
- •3.3 Компоненты графического интерфейса
- •3.4 Взаимодействие пользователя с приложением
- •3.5 Общие правила взаимодействия с объектами
- •3.6 Операции пересылки и создания объектов
- •3.7 Метод прямого манипулирования
- •3.8 Контрольные вопросы
- •4 Правила проектирования пользовательского интерфейса
- •4.1 Принципы проектирования пользовательского интерфейса
- •4.2 Контрольные вопросы
- •5 Этапы проектирования пользовательского интерфейса
- •5.1 Коллективный подход к разработке
- •5.2 Разработка, ориентированная на обучение
- •5.3 Четыре этапа разработки
- •5.4 Примеры результатов выполнения работ на этапах разработки пользовательского интерфейса
- •5.5 Контрольные вопросы
- •6 Инструментарий разработчика интерфейсов
- •6.1 Передача информации визуальным способом
- •6.2 Использование цвета в интерфейсе
- •6.3 Использование звука в пользовательском интерфейсе
- •6.4 Использование анимации в пользовательском интерфейсе
- •6.5 Управляющие элементы разработки интерфейса
- •6.6 Основные проблемы удобства применения гпи и опи
- •6.7 Контрольные вопросы
- •7 Тестирование пользовательского интерфейса
- •7.1 Понятие удобства применения программного продукта
- •7.2 Важность тестирования на удобство применения программного обеспечения
- •7.3 Цели и задачи тестирования
- •7.4 Преимущества тестирования на удобство применения
- •7.5 Привлечение к работе когнитивных психологов и специалистов по удобству применения
- •7.6 Условие успеха программных продуктов
- •7.7 Отчетные результаты теста
- •7.8 Контрольные вопросы
- •8 Особенности разработки web – интерфейса
- •8.1 Пользовательский интерфейс web-приложений
- •8.3 Пользовательский интерфейс системы реального времени
- •8.4 Средства разработки web-документов
- •8.5 Контрольные вопросы
- •9 Практика
- •9.1 Лабораторная работа №1
- •Методические указания к выполнению работы
- •Постановка задачи к лабораторной работе
- •6. Разработать полную схему экранов системы.
- •9.2 Лабораторная работа №2
- •Методические указания к выполнению работы
- •В радиокнопках и чекбоксах должны нажиматься не только визуальный индикатор переключения, т.Е. Кружок или квадратик, но ещё и подпись.
- •Элементы в меню нужно группировать максимально логично. Можно между группами помещать пустой элемент (разделитель) или же размещать отдельные группы в разных уровнях иерархии.
- •Постановка задачи к лабораторной работе
- •9.3 Лабораторная работа №3
- •Методические указания к выполнению работы
- •Постановка задачи к лабораторной работе
- •9.4 Лабораторная работа №4
- •Методические указания к выполнению работы
- •Значения временных интервалов
- •Постановка задачи к лабораторной работе
- •1. Тестирование
- •2. Проектирование основных экранов
- •3. Финальное тестирование
- •40. Какие методы предотвращения ошибок бывают?
- •3. Повышение разборчивости и заметности индикаторов
- •44. Какие среды передачи обучающих материалов бывают?
- •Ответы на вопросы тестов
- •Список использованных источников
5.4 Примеры результатов выполнения работ на этапах разработки пользовательского интерфейса
Рассмотрим задачу гостиничного делопроизводства: клиенты могут выполнять бронирование номеров и заселяться в них, менеджеры должны выполнять регистрацию всех заказов.
Существует несколько задач, которые могут быть решены с помощью ПС. Результаты каждого шага должны содержать детальную вспомогательную информацию по ее источникам, способам вычисления результатов, а при необходимости и по доступу к источнику данных.
В данной задаче пользователями программного продукта являются и клиенты, и представители сферы обслуживания. Результаты анализа первого этапа могут быть представлены в табличном виде (таблица 5.2).
Таблица 5.2 – Первый этап это результаты анализа требований, предъявляемых пользователями
Результаты анализа |
Клиенты |
Представители обслуживающего персонала |
Первый шаг: профиль пользователя
|
Мужчины и женщины |
Мужчины и женщины |
Взрослые |
Взрослые |
|
|
Жители разных стран |
Жители разных стран |
Русско- и англоговорящие |
Русско- и англоговорящие |
|
Минимальное владение ЭВМ |
Средний уровень владения ЭВМ |
|
Предварительные знания по программе отсутствуют |
Средний уровень владения программой |
|
Второй шаг: задачи, стоящие перед пользователями
|
Просмотр информации по гостинице и тарифам |
Просмотр информации по гостинице и тарифам |
Просмотр и обновление бронирования |
Просмотр и обновление бронирования |
|
Сохранение информации о бронировании |
Проверка информации о бронировании |
Продолжение таблицы 5.2
Результаты анализа |
Клиенты |
Представители обслуживающего персонала |
Третий шаг: требования пользователей |
Требуется небольшой тренинг |
Требуется минимальный тренинг |
|
Требуется мало времени |
Возможность использовать программу, одновременно общаясь с клиентом по телефону |
Доступность 24 часа в сутки |
Стиль интерфейса аналогичный продукту клиента |
|
|
Возможность просмотра и вывода графической и текстовой информации о гостиницах |
Потребность в минимальной технической поддержке |
Успешное выполнение задачи |
Время ответа системы, допустимое для ожидающего клиента |
|
|
Отсутствие необходимости в другом инструментарии и программах |
Выполнение задачи может быть прервано и аннулировано |
Продолжение таблицы 5.2
Результаты анализа |
Клиенты |
Представители обслуживающего персонала |
Четвертый шаг: среда пользователя |
ПК-программа, использующая локальную базу данных |
Сетевые ПК, используемые в среде обслуживания клиентов |
ПК-Internet-программы, использующие системную базу данных |
Несколько представителей обслуживающего персонала, использующие системы одновременно |
|
Возможность использования дома, в офисе или в путешествии |
Несколько представителей обслуживающего персонала, имеющих доступ к сетевой базе данных одновременно |
|
Минимальные требования к компьютерной системе и телефонному обслуживанию |
Стандартизированные ПК, рабочие станции и телефонные системы |
Продолжение таблицы 5.2
Результаты анализа |
Клиенты |
Представители обслуживающего персонала |
Пятый шаг: соответствие требований задачам, стоящим перед пользователем
|
Фотографии гостиниц, карты и другая информация должны быть доступны для просмотра и вывода на печать в соответствии с требованиями клиента |
Сетевая ПК система должна быть в состоянии обслужить несколько запросов одновременно |
|
Профиль клиента и информация по состоянию счета должны обновляться для соответствия его требованиям |
Аналогичные задачи должны решаться представителями сферы обслуживания и клиентами с помощью аналогичного интерфейса для того, чтобы первые имели возможность эффективно ответить на вопросы клиентов |
Итерационный метод подразумевает возврат к этапу анализа требований пользователя, чтобы проверить, не изменились ли в процессе проектирования и разработки профиль пользователей, задачи, характеристики среды или сами требования. Для построения качественного продукта необходимо периодически возвращаться к первому этапу, чтобы обновлять сведения о пользователях.
В таблице 5.3 приведены некоторые цели и задачи, стоящие перед системой. Именно они должны определять процесс разработки пользовательского интерфейса.
Таблица 5.3 – Второй этап: цели и задачи, стоящие перед продуктом
Цели и задачи, стоящие перед продуктом |
Клиенты |
Представители сферы обслуживания |
Удобство применения |
Цель: пользователи получают возможность использовать программу для выполнения своих задач |
Цель: пользователи получают возможность использовать программу для выполнения своих задач |
Задача: 100% потребителей смогут использовать систему для решения своей задачи уже после первой попытки |
Задача: 100% потребителей смогут использовать систему для решения своей задачи после прохождения соответствующего тренинга |
|
Эффективность |
Цель: деятельность пользователей станет более продуктивной (по сравнению с ручным методом работы) |
Цель: деятельность пользователей станет более продуктивной (по сравнению с ручным методом работы) |
Задача: 100% пользователей выполнят стоящие перед ними задачи в течение заданного промежутка времени |
Задача: 100% пользователей выполнят стоящие перед ними задачи в течение заданного промежутка времени |
|
Легкость в освоении |
Цель: пользователям потребуется минимальный тренинг |
Цель: пользователям потребуется минимальный тренинг |
|
Задача: пользователи будут в состоянии успешно работать с продуктом после прохождения соответствующего обучения |
Задача: пользователи будут в состоянии успешно работать с продуктом после прохождения 4-часового тренинга |
Продолжение таблицы 5.3
Цели и задачи, стоящие перед продуктом |
Клиенты |
Представители сферы обслуживания |
|
Оценка пользователями качества продукта
|
Цель: пользователи будут удовлетворены качеством продукта |
Цель: пользователи будут удовлетворены качеством продукта |
|
Задача: пользователи будут высоко оценивать степень своего удовлетворения качеством продукта |
Задача: пользователи будут высоко оценивать степень своего удовлетворения качеством продукта |
Сценарии действий и задачи, стоящие перед пользователями могут быть следующие.
Клиенты.
1. Сценарий: клиент желает обновить телефонный номер в профиле и посмотреть, были ли отмечены последние заезды в гостиницу, клиент также отсылает карточку с комментариями на фирму.
Задачи, стоящие перед клиентом: ввести номер счета и пароль; открыть профиль клиента; обновить телефонный номер; открыть сводку о состоянии счета; просмотреть последние записи о заездах в гостиницу; заполнить карточку с комментариями; отправить карточку.
2. Сценарий: клиент желает получить сведения о гостиницах, вывести на печать информацию о гостиницах и забронировать заезд для своей семьи на отпуск.
Задачи, стоящие перед клиентом: ввести номер счета и пароль; получить сведения о гостиницах; отпечатать фотографии гостиниц, карту и маршрут из аэропорта; проверить доступность гостиницы; проверить расценки; забронировать две комнаты для семейного отпуска.
Представители обслуживающего персонала.
1. Сценарий: клиент по телефону желает проверить, есть ли у него право бесплатного заезда в гостиницу, а также зарезервировать комнату в гостинице, клиент желает получить по факсу подтверждение бронирования и права на бесплатный заезд.
Задачи, стоящие перед представителем обслуживающего персонала: найти номер счета; подтвердить пароль члена клуба; открыть сводку о состоянии счета; проверить, есть ли у клиента право на бесплатный заезд; просмотреть гостиницы, выбранные клиентом; забронировать заезд для клиента; отправить клиенту по факсу подтверждение бронирования и возможности бесплатного заезда.
2. Сценарий: клиент звонит по телефону для того, чтобы исправить ошибку в стоимости комнаты, оплаченной во время последнего заезда в гостиницу, и получить возмещение на кредитную карточку.
Задачи, стоящие перед представителем обслуживающего персонала: найти номер счета; найти запись, подтверждающую заезд в гостиницу; проверить истинность исправления в стоимости; исправить запись, подтверждающую заезд в гостиницу; кредитовать возмещение на членскую кредитную карточку; отправить по факсу исправленную запись о заезде в гостиницу, а также квитанцию о возмещении, перечисленном на кредитную карточку.
Далее происходит определение существительных и глаголов в сценариях и задачах.
Клиенты.
1. Сценарий: клиент желает обновить телефонный номер в профиле и посмотреть, были ли отмечены последние заезды в гостиницу: клиент отсылает карточку с комментариями на фирму.
Задачи, стоящие перед клиентом: ввести номер счета; открыть профиль клиента; обновить телефонный номер; открыть сводку о состоянии счета; просмотреть последние записи о заездах в гостиницу; заполнить карточку с комментариями; отправить карточку.
2. Сценарий: клиент желает получить сведения о гостиницах; вывести на печать информацию о гостиницах и забронировать заезд для своей семьи на отпуск.
Задачи, стоящие перед клиентом: ввести номер счета; получить сведения о гостиницах, печать фотографий гостиниц, карту и маршрут из аэропорта; проверить наличие свободных мест; проверить расценки; забронировать две комнаты для семейного отпуска.
Представители обслуживающего персонала.
1. Сценарий: клиент по телефону желает проверить, есть ли у него право бесплатного заезда в гостиницу, а также забронировать комнату в гостинице; клиент желает получить по факсу подтверждение бронирования и права на бесплатный заезд.
Задачи, стоящие перед представителем обслуживающего персонала: найти номер счета; открыть сводку о состоянии счета; проверить, есть ли у клиента право на бесплатный заезд; просмотреть гостиницы, выбранные клиентом; забронировать заезд для клиента; отправить клиенту по факсу подтверждение бронирования и премии.
2. Сценарий: клиент звонит по телефону для того, чтобы исправить ошибку в стоимости комнаты, оплаченной во время последнего заезда в гостиницу.
Задачи, стоящие перед представителем обслуживающего персонала: найти номер счета; найти запись, подтверждающую заезд в гостиницу; проверить истинность исправления в стоимости; исправить запись, подтверждающую заезд в гостиницу.
В таблице 5.4 приведена часть окончательного варианта списка объектов и данных для рассматриваемой системы.
При уточнении содержания списка объектов сначала необходимо обдумать, к какому типу относится каждый из объектов.
Таблица 5.4 – Второй этап: список объектов, типов объектов и действий
Объекты и данные |
Тип объекта |
Действия, не характерные для отдельных объектов |
Список клиентов |
Контейнер |
|
Клиент |
Контейнер/ данные |
Позвонить |
Список гостиниц |
Контейнер |
Аннулировать |
Представитель сферы обслуживания |
Данные |
Исправить |
Профиль клиента: номер счета; пароль; номер телефона |
Данные Данные Данные Данные |
Кредитовать Дебетировать |
Заезд в гостиницу |
Данные |
|
Ведомость о заезде в гостиницу |
Данные |
Просмотреть |
Список забронированных мест |
Данные |
|
Тарифы в гостинице |
Данные |
Выкупить |
Свободные места в гостинице |
Данные |
Запросить |
Специальная информация о гостинице |
Данные |
Отправить |
Карточка для комментариев |
Данные |
Обновить |
Кредитная карточка |
Устройство |
Подтвердить |
Устройство поиска клиента |
Устройство |
Проверить вид |
Продолжение таблицы 5.4
Объекты и данные |
Тип объекта |
Действия, не характерные для отдельных объектов |
Принтер |
Устройство |
|
Факс |
Устройство |
|
Мусорное ведро |
Устройство |
|
Не все объекты списка станут объектами интерфейса в финальной разработке. Некоторые из них могут превратиться в специфические виды основных объектов. Гостиница, конечно, будет ключевым объектом в проекте. Однако другие элементы, например сведения о гостинице, фотографии, карты, тарифы, информация о свободных местах, могут представлять собой данные, содержащиеся в объекте «гостиница» или являющиеся отдельными его представлениями.
Схема отношений между объектами пользовательского интерфейса отличается от традиционных схем программирования. Объекты пользовательского интерфейса необязательно параллельны объектам программирования или бизнес-объектам (рисунок 5.5).
Рисунок 5.5 – Схема отношений между объектами
Далее нужно продумать, как пользователи будут напрямую манипулировать объектами – с помощью мыши или других устройств ввода, и заполнить матрицу прямого манипулирования объектами (рисунок 5.6).
Рисунок 5.6 – Матрица прямого манипулирования объектами
Позициями показаны следующие действия:
Добавить клиента в список;
Поручать клиента представителю обслуживающего персонала;
Переместить данные для бронирования;
Отпечатать всю информацию о клиентах;
Отправить по факсу информацию для клиента;
Удалить клиента;
Переместить данные о бронировании;
Распечатать профиль клиента;
Отправить по факсу профиль клиента;
Удалить профиль клиента;
Распечатать информацию для представителя обслуживающего персонала;
Отправить по факсу информацию для представителя обслуживающего персонала;
Привязать заказ к клиенту;
Назначить заказ представителю обслуживающего персонала;
Сохранить заказ в списке;
Распечатать заказ;
Отправить заказ по факсу;
Удалить заказ;
Переместить данные для бронирования;
Добавить гостиницу в список;
Распечатать информацию о гостинице;
Отправить по факсу информацию о гостинице.
Перечисляются
все ключевые объекты в левой колонке
матрицы и верхнем ряду. Если
имеет смысл
переместить какой-либо объект и сбросить
его на другой,
заполняется соответствующая ячейка
результатом
прямого
манипулирования.
Большинство ячеек этого схематического представления не заполнено. Не все объекты являются кандидатами для операции перетаскивания и сброса. Некоторые объекты всегда используются определенным способом: либо как исходный, либо как конечный объект.
Устройства (принтер, факс и мусорная корзина), как правило, будут представлять собой только конечные объекты для операций перемещения и сбрасывания. Действия, выполняемые при сбрасывании объектов, записываются в колонку для конечных объектов.
Пользователи работают с системными объектами (списки клиентов, забронированные места и гостиницы), представленными в этих списках, а не с самими списками. Такие объекты из списков не являются исходными объектами для прямого манипулирования, поэтому в их строке матрицы никаких действий нет.
В таблице 5.5 приведены варианты содержания всплывающего меню для этих объектов. Список бронирования является контейнером, следовательно, его действия из всплывающего меню соответствуют объекту-контейнеру.
Таблица 5.5 – Варианты всплывающих меню для объектов
Объект |
Вариант из всплывающего меню |
Назначение |
Профиль клиента |
Открыть |
Открыть в режиме представления данных |
Сводка о состоянии счета |
Переместить Создать новый Вырезать Копировать Удалить Вывести на печать Отправить Отправить по факсу |
Переместить в другое место Создать новый объект Вырезать объект в буфер обмена Скопировать объект в буфер обмена Удалить объект Отпечатать на принтере Отправить другому лицу Отправить другому лицу по факсу |
Список бронирования |
Открыть Содержание...
Переместить Создать новый Вырезать Копировать Удалить Вывести на печать Отправить Отправить по факсу |
Открыть в режиме вида содержания Просмотреть содержимое, не открывая окна Переместить в другое место Создать новый объект Вырезать объект в буфер обмена Скопировать объект в буфер обмена Удалить объект Отпечатать на принтере. Отправить другому лицу Отправить другому лицу по факсу. |