Лабораторная работа №1

Разработка пользовательского интерфейса: этапы предварительного и высокоуровневого проектирования
1 Цели работы

Целями лабораторной работы являются:

1.1 Закрепить теоретические знания по разработке пользовательского интерфейса.

1.2 Получить практические навыки по проведению этапов предварительного и высокоуровневого проектирования интерфейса пользователя.
2 Краткие теоретические сведения

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

Наиболее общий шаблон профиля содержит в себе следующие разделы:

• 
  социальные характеристики;
  
• 
  навыки и умения работы с компьютером;
  
• 
  мотивационно-целевая среда;
  
• 
  рабочая среда;
  
• 
  особенности взаимодействия с компьютером (специфические требования пользователей, необходимые информационные технологии и др.).
  

Профили пользователей могут по необходимости расширяться за счет добавления других (значимых с точки зрения проектировщика) характеристик пользователей.

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

---

В то же время, у разработчика имеется информация, необходимая для формализации функциональности приложения. А после формирования сценариев становится известным перечень отдельных функций. В приложении функция представлена функциональным блоком с соответствующей экранной формой (формами). Возможно, что несколько функций объединяются в один функциональный блок. Таким образом, на этом этапе устанавливается необходимое число экранных форм. Важно определить навигационные взаимосвязи функциональных блоков. На практике установлено наиболее подходящим число связей для одного блока равное трем. Иногда, когда последовательность выполнения функций жестко определена, между соответствующими функциональными блоками можно установить процессуальную связь. В этом случае их экранные формы вызываются последовательно одна из другой. Такие случаи имеют место не всегда, поэтому навигационные связи формируются либо исходя из логики обработки данных с которыми работает приложение, либо основываясь на представлениях пользователей (карточная сортировка). Навигационные связи между отдельными функциональными блоками отображаются на схеме навигационной системы. Возможности навигации в приложении передаются через различные навигационные элементы.

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

Формирование меню начинается с анализа функций приложения. Для этого в рамках каждой из них выделяют отдельные элементы: операции, выполняемые пользователями, и объекты, над которыми осуществляются эти операции. Следовательно, известно какие функциональные блоки должны позволять пользователю осуществлять какие операции над какими объектами. Выделение операций и объектов удобно проводить на основе пользовательских сценариев и функционала приложения. Выделенные элементы группируются в общие разделы главного меню. Группировка отдельных элементов происходит в соответствии с представлениями об их логической связи. Таким образом, главное меню может иметь каскадные меню, выпадающие при выборе какого либо раздела. Каскадное меню ставит в соответствие первичному разделу список подразделов.

---

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

• 
  группы функционально связанных разделов отделяют разделителями (черта или пустое место);
  

• 
  не используют в названиях разделов фраз (желательно не больше 2 слов);
  
• 
  названия разделов начинают с заглавной буквы;
  
• 
  названия разделов меню, связанных с вызовом диалоговых окон заканчивают многоточием;
  
• 
  названия разделов меню, к которым относятся каскадные меню, заканчивают стрелкой;
  
• 
  используют клавиши быстрого доступа к отдельным разделам меню. Их выделяют подчеркиванием;
  
• 
  допускают использовать «горячие клавиши», соответствующие комбинации клавиш отображают в заголовках разделов меню;
  
• 
  допускают использовать включение в меню пиктограмм;
  
• 
  измененным цветом показывают недоступность некоторых разделов меню в ходе работы с приложением;
  
• 
  допускают делать недоступные разделы невидимыми.
  

Недоступность некоторых разделов меню обуславливается следующим. Главное меню является статическим и присутствует на экране в течение всего времени работы с приложением. Таким образом, при работе с разными экранными формами (взаимодействии с разными функциональными блоками) не все разделы меню имеют смысл. Такие разделы принято являются недоступными. Поэтому в зависимости от контекста решаемых пользователем задач (иногда от контекста самого пользователя) главное меню приложения выглядит различным образом. О подобных различающихся внешних представлениях меню принято говорить как о различных состояниях меню. В отличие от схемы навигационной системы, составленной ранее и необходимой, в основном, разработчику, с меню пользователь входит в непосредственное взаимодействие. Поэтому следует составить граф состояния меню. Вершинами этого графа являются различные состояния меню (внешние представления одного и того же меню с доступными и недоступными разделами). Каждая вершина имеет пояснения о соответствии данного состояния меню отдельным экранным формам. Дуги графа состояний соответствуют операциям (командам меню), переводящим его из одного состояние в другое.

---

Подобный граф используют при формировании тестовых заданий на последних стадиях проектирования интерфейса. В связи с этим, важно при его формировании выполнить проверку соответствия пользовательских сценариев возможным переходам по графу.
3 Задание на лабораторную работу

1. 
   Выполнить этапы предварительного и высокоуровневого проектирования при разработке пользовательского интерфейса приложения для предметной области, соответствующей варианту задания.
   
2. 
   Разработать главное меню в среде разработки приложения с анализом и обоснованием его различных состояний.
   

4 Порядок выполнения работы

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

1. 
   Сформировать профили потенциальных пользователей программного обеспечения информационной системы.
   

Потенциальными пользователями приложения являются, например, менеджеры по направлению товара, торговые представители, представители обслуживающего персонала и т.д. Примерные профили некоторых из названных категорий пользователей могут выглядеть следующим образом (таблица 1).

Таблица 1

Пользователи	Менеджер по направлению товара	Представители обслуживающего персонала
Социальные характеристики	Мужчины, женщины Взрослые Русскоязычные Средний уровень владения компьютером	Женщины Взрослые Русскоязычные Низкий уровень владения компьютером
Мотивационно целевая среда	Прямая производственная необходимость, удобство Мотивация к обучению высокая	Производственная необходимость, Престиж Мотивация к обучению низкая
Навыки и умения	Должны иметь значительный тренинг работы с программой	Прошли предварительный тренинг работы с программой
Требования к ПО ИС	Возможность использования ПО ИС в локальной сети Отсутствие жестких ограничений по времени Обеспечение текущей информацией по содержанию заказов Обеспечение текущей информацией по товарам Возможность проводить обобщение информации по заказам	Возможность использования программы одновременно с телефонным общением с клиентом Время реакции ПО ИС, допустимое для ожидания клиента Обеспечение текущей информацией по содержанию заказов Обеспечение текущей информацией по товарам Возможность формирования новых заказов
Задачи пользователя	Просмотр/фильтрация информации по заказам/клиентам/товарам Сортировка информации по заказам/клиентам/товарам Агрегирование информации по заказам/клиентам/товарам	Просмотр данных по товарам Создание/поиск/модификация заказа Сохранение/печать заказа Формирование счета по заказу
Рабочая среда	Стандартизированные ПК, локальная сеть	Стандартизированные ПК, специализированное телефонное обслуживание

---

2. 
   Определить функциональность приложения, исходя из целей и задач пользователей.
   

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

• 
  создать новый заказ (1);
  
• 
  сложный поиск заказа (2);
  
• 
  редактирование заказа (3);
  
• 
  добавление клиента из списка клиентов в заказ (4);
  
• 
  ввод/редактирование клиента в списке клиентов (5);
  
• 
  выбор товара из списка товаров (6);
  
• 
  сложный поиск товаров в списке товаров (7);
  
• 
  просмотр подробных данных о товаре (8);
  
• 
  добавление товара из списка товаров в заказ (9);
  
• 
  сохранение заказа (10);
  
• 
  печать заказа (11);
  
• 
  формирование счета (12).
  

Сформировать множество пользовательских сценариев для выделенных профилей пользователей.

Примером могут служить приведенные ниже сценарии действий пользователей.

1. 
   Анна Петровна общается с клиентами по телефону. По просьбе клиента она предварительно просматривает данные о запрошенных им товарах, затем приступает к формированию нового заказа. Она вводит данные клиента, после чего выбирает указанный(ые) товар(ы) из списка и добавляет его (их) в заказ и сохраняет заказ.
   
2. 
   Анна Сергеевна общаясь с клиентами по телефону, создает новые заказы. При формировании нового заказа, она выбирает клиента из списка, если его там нет, то вводит клиента в список клиентов. Затем добавляет в заказ необходимые товары, используя сложный поиск. Она распечатывает информацию заказа, после этого она сохраняет ее.
   
3. 
   Анна Михайловна выполняет поиск указанного заказа по данным клиента. Она просматривает и при необходимости редактирует данные клиента, добавляет в заказ новые или удаляет из заказа прописанные там товары, при необходимости редактирует в заказе информацию по некоторым товарам, сохраняет информацию и формирует счет заказа.
   
4. 
   Анна Николаевна просматривает данные о товаре, выполняет поиск заказа по товару, редактирует в заказе информацию по некоторым товарам, сохраняет информацию и распечатывает ее.
   

Определить функциональные блоки приложения, составить схему навигационной системы.

---

Смотрите также файлы

• Информация о ктру справочная информация.doc

• 1. Общая характеристика учреждения здравоохранения.docx

• Super u Вопрос 1.pptx

• Ибс. Классификация. Тактика медсестры.docx

• Отчет по расчетнографическому заданию 2.docx