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

• Название: Содержание введение 2 введение цели работы получение навыков проектирования навигационного меню пользовательского интерфейса. Технология выполнения работы
• Анкор: проектирования навигационного меню пользовательского интерфейса.
• Дата: 04.11.2022
• Размер: 94.4 Kb.
• Имя файла: проектирование навигационного меню пользовательского интерфейса..docx
• Тип: Реферат; #770063

СОДЕРЖАНИЕ

ВВЕДЕНИЕ 2

ВВЕДЕНИЕ

Цели работы: получение навыков проектирования навигационного меню пользовательского интерфейса.
ТЕХНОЛОГИЯ ВЫПОЛНЕНИЯ РАБОТЫ
Предметная область представлена в виде информационной системы, отображающий деятельность веб-сайта интернет-магазина, который оказывает услуги продажу и поставку электрооборудования. Далее необходимо сформировать профили потенциальных пользователей информационной системы.

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

Таблица 1 – Профили пользователей

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

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

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

- создать новый заказ (1);

- сложный поиск заказа (2);

- редактирование заказа (3);

- добавление/редактирование покупателя в списке покупателей (4);

- выбор товара из списка товаров (5);

- сложный поиск товаров в списке товаров (6);

- просмотр подробных данных о товаре (7);

- добавление товара из списка товаров в заказ (8);

- формирование счета (9);

- сохранение заказа (10);

- печать заказа (11).

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

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

Анна Михайловна выполняет поиск ранее созданного заказа. Она просматривает и при необходимости добавляет в заказ новые или удаляет из заказа прописанные там товары, при необходимости редактирует в заказе информацию по некоторым товарам, сохраняет информацию и формирует счет заказа.

Анна Николаевна просматривает данные о товаре, редактирует в заказе информацию по некоторым товарам, сохраняет информацию и распечатывает ее.

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

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

- по заказам (функции 1,2,3,8,9,10,11): по общему журналу заказов и по конкретному (текущему) заказу;

- по покупателям (функции 4): по списку покупателей в целом и по конкретному покупателю;

- по товарам (функции 5,6,7,8): по списку товаров и по данному товару подробно.

Таким образом, можно вести речь о наличии в приложении трех функциональных блоков и шести экранных форм:

- Журнал заказов;

- Текущий заказ;

- Список покупателей;

- Карта покупателей;

- Список товаров;

- Карта товара.

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



Рисунок 1 – Схема навигации

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

Далее необходимо становить для отдельных функциональных блоков соответствующие им операции и объекты операций. Сгруппировать их в разделы меню.

Определим операции, которые должен выполнять пользователь в рамках возможностей, предоставляемых ему веб-сайтом (функций веб-сайта):

1. 
   создать новый заказ;
   
2. 
   задать атрибуты поиска заказа;
   
3. 
   найти заказ по текущим атрибутам поиска;
   
4. 
   открыть текущий заказ на редактирование;
   
5. 
   открыть список товаров для добавления в текущий заказ;
   
6. 
   просмотреть список покупателей;
   
7. 
   выбрать покупателя из списка покупателей;
   
8. 
   добавить атрибуты текущего покупателя к поиску заказа;
   
9. 
   редактировать данные текущего покупателя в списке покупателей;
   
10. 
    добавить текущего покупателя в текущий заказ;
    
11. 
    сохранить данные о текущем покупателе;
    
12. 
    просмотреть список товаров;
    
13. 
    задать атрибуты поиска товаров;
    
14. 
    найти товар по текущим атрибутам;
    
15. 
    выбрать товар из списка товаров;
    
16. 
    просмотреть подробные данные текущего товара;
    
17. 
    добавить атрибуты текущего товара к поиску заказа;
    
18. 
    редактировать данные по текущему товару в текущем заказе;
    
19. 
    добавить данные текущего товара в текущий заказ;
    
20. 
    сохранить текущий заказ;
    
21. 
    распечатать информацию по текущему заказу;
    
22. 
    сформировать счет по текущему заказу.
    

Соответствие приведенных операций функциональным блокам, экранным формам и навигационным переходам указано на рисунке 1.

Далее, необходимо сгруппировать операции, таким образом, чтобы их группы соответствовали пунктам главного меню.

1. Действия над объектами. В качестве объектов выступают заказ, клиент, товар (таблица 2).

Таблица 2 - Группа Действия

Действия	Объект	Примечание
Создать	Заказ	1
Открыть	Заказ Покупатель Товар	4 9 16
Сохранить	Заказ Покупатель	20 11
Выбрать (отобразить для добавления)	Покупатель Товар Атрибуты покупателя Атрибуты товара	10 (в заказ) 19 (в заказ) 8 (к поиску) 17 (к поиску)
Печать	Заказ	21
Счет	Заказ	22

2. Поиск. Специфическое действие, выделено отдельно; объекты – заказ (3), товар (14).

3. Работа со списками. Объекты – покупатель, заказ (таблица 3).

Таблица 3 – Списки

Списки	Операции	Примечание
Покупатели	Просмотреть	6
Товары	Просмотреть Открыть для выбора (добавления) в заказ	12 5

4. Стандартным являются такой раздел как Поддержка.

Его тоже следует включить в главное меню веб-сайта.

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

Рассмотрим состояния меню для приведенного примера. Для простоты не будем учитывать состояния меню, связанные доступностью стандартного раздела Поддержка и его подразделов. Различные состояния прототипа меню можно представить таблицами 4-10. Разделы меню и команды, недоступные в данном состоянии выделены серым цветом. Для доступных команд в скобках указаны номера соответствующих операций.

Таблица 4 – Журнал заказов (состояние М1)

Действия	Поиск	Списки
Создать (1) Открыть (4) Сохранить Выбрать Печать Счет	Найти (3)	Клиенты (6) Товары (12)

Таблица 5 – Текущий заказ (состояние М2)

Действия	Поиск	Списки
Создать Открыть Сохранить (20) Выбрать Печать (21) Счет (22)		Товары (5)

Таблица 6 – Список покупателей (состояние М3, переход по команде 6)

Действия	Поиск	Списки
Создать Открыть (9) Сохранить Выбрать (10) Печать Счет

Таблица 7 – Карта покупателей (состояние М4)

Действия	Поиск	Списки
Создать Открыть Сохранить Выбрать (11) Печать Счет

Таблица 8 – Список товаров (состояние М5, переход по команде 12)

Действия	Поиск	Списки
Создать Открыть (16) Сохранить Выбрать (17) Печать Счет	Найти (14)

Таблица 9 – Список товаров (состояние М6, переход по команде 5)

Действия	Поиск	Списки
Создать Открыть (16) Сохранить Выбрать (19) Печать Счет	Найти (14)

Таблица 10 – Карта товара (состояние М7)

Действия	Поиск	Списки

Граф состояний меню можно представить следующим образом (рисунок 2).



Рисунок 2 – Граф состояний меню

Следует подчеркнуть, что прототип меню создается только под одну определенную категорию пользователей. Кроме того, здесь не предусмотрено развитие программного продукта, следовательно, отсутствует расширяемость функций.