Проектирование пользовательского интерфейса

Лекция 11. Проектирование пользовательского интерфейса Оглавление 11.1. Планирование приложения ....................................................................... 1 11.2. Эскиз меню приложения ............................................................................ 2 11.2.1. Эскиз пользовательского интерфейса ................................................ 2 11.2.2. Описание пунктов пользовательского интерфейса ........................... 7 11.3. Требования, предъявляемые к пользовательскому интерфейсу .......... 11 Хорошо разработанное законченное приложение может использоваться пользователем любой квалификации. Такое приложение имеет свое собственное меню и содержит команды, предназначенные для выполнения конкретных задач. 11.1. Планирование приложения Перед тем как приступить непосредственно к созданию приложения, необходимо создать все требуемые объекты:  базу данных;  входящие в нее таблицы;  экранные формы;  отчеты;  запросы. Затем отдельные объекты могут быть объединены посредством меню. После того, как спроектированы таблицы, входящие в состав базы данных, и определены основные требования, предъявляемые к приложению, можно приступать к созданию структуры меню приложения или, как его часто называют, дерева меню. Дерево меню можно организовать:  на основе функций, выполняемых приложением (например, Продажа, Поступление товара); 1  или же на основе таблиц, используемых в приложении (например, Покупатели, Товар). Оба варианта широко используются на практике, выбор одного из них или использование альтернативного принципа построения дерева меню определяется конкретными требованиями. 11.2. Эскиз меню приложения Прежде чем начинать описывать структуру меню, нарисуйте его эскиз на бумаге и посоветуйтесь с пользователями приложения по поводу его структуры. Пока меню нарисовано только на бумаге, его можно легко изменить, добавить новые пункты и удалить лишние. Проектирование пользовательского интерфейса включает в себя: 1) построение эскиза пользовательского интерфейса; 2) описание пунктов пользовательского меню. 11.2.1. Эскиз пользовательского интерфейса В качестве примера рассмотрим базу данных «Автоматизация работы директора организации по проведению праздников (на примере компании «Stop time» г. Пермь)». Доступ к базе данных будут иметь три категории пользователей: директор, ведущий и организатор. Для входа в основное меню, каждый из этих категорий должен пройти авторизацию, т.е. ввести корректный логин и пароль. Проектирование пользовательского интерфейса будет состоять из двух этапов: эскиз интерфейса и описание пунктов пользовательского интерфейса. На рисунке 1 представлен эскиз Главного меню, через которое пользователи попадают в соответствующее меню. 2 Меню организатора Главное меню Меню директора Директор Заказчики Организатор Заказы Ведущий Сотрудники Выход Арендодатели площадок Заказчики Заказы Сотрудники Арендодатели площадок Арендодатели авто Меню ведущего Статистика Заказы Организация Статистика Назад Организация Статистика Организация Назад Назад Рисунок 1.Эскиз меню «Главное меню» На рисунках 2, 3 и 4 представлены эскизы меню для категорий директор, ведущий и организатор. 3 Заказчики Арендодатели площадок Добавить Удалить Меню директора Добавить Редактировать Заказчики Удалить Поиск по ФИО Назад Редактировать Заказы Список арендодателей Сотрудники Назад Арендодатели площадок Заказы Статистика Добавить Организация Удалить Редактировать Назад Статистика Объем продаж у сотрудника Поиск по дате Назад Сотрудники Добавить Удалить Мероприятие – лидер Объем продаж Организация Сотрудник – лидер Добавить Назад Редактировать Просмотр информации Назад Редактировать Поиск по ФИО Список ведущих Список организаторов Назад Рисунок 2-Эскиз меню "Директор" 4 Заказчики Меню организатора Добавить Заказчики Арендодатели площадок Редактировать Заказы Список арендодателей Поиск по ФИО Сотрудники Поиск по стоимости Назад Арендодатели площадок Заказы Добавить Редактировать Поиск по вместимости Назад Статистика Организация Статистика Назад Поиск по дате Объем продаж у сотрудника Назад Мероприятие – лидер Организация Сотрудники Поиск по ФИО Просмотр информации Назад Объем продаж Сотрудник – лидер Список ведущих Назад Список организаторов Назад Рисунок 3- Эскиз меню "Организатор" 5 Заказы Меню ведущего Просмотр заказов Заказы Поиск по дате Сотрудники Назад Статистика Организация Просмотр информации Статистика Кол-во мероприятий за период Сотрудник – лидер Назад Организация Назад Назад Рисунок 4- Эскиз меню "Ведущий" 6 11.2.2. Описание пунктов пользовательского интерфейса Рассмотрим подробнее описание пунктов пользовательского меню проектируемой базы данных. 11.2.2.1. Описание пунктов меню «Главное меню» В таблице 8.1 описаны пункты меню «Главное меню». Таблица 8.1. Команды и назначения пунктов меню авторизации Команда Авторизация пользователя Выход Назначение Открываются поля для ввода логина и пароля Выход из приложения 11.2.2.2. Описание пунктов меню «Директор» В таблицах 8.2-8.9 описаны пункты меню «Директор». Таблица 8.2. Главное меню «Директор» Команда Заказчики Заказы Сотрудники Арендодатели площадок Арендодатели авто Статистика Организация Назад Назначение Вывод на экран меню «Заказчики» Вывод на экран меню «Заказы» Вывод на экран меню «Сотрудники» Вывод на экран меню «Арендодатели площадок» Вывод на экран меню «Арендодатели авто» Вывод на экран меню «Статистика» Вывод на экран меню «Организация» Возврат к меню авторизации Таблица 8.3. Меню «Заказчики» (Директор) Команда Добавить Удалить Редактировать Поиск по ФИО Назад Назначение Создание записи о новом заказчике Удаление записи о заказчике Редактировать запись о заказчике Вывод на экран заказчика по Запрошенному ФИО Возврат к меню авторизации 7 Таблица 8.4. Меню «Заказы» (Директор) Команда Добавить Удалить Редактировать Поиск по дате Назад Назначение Создание записи о новом заказе Удаление записи о заказе Редактировать запись о заказе Вывод на экран заказы по запрошенной дате Возврат к меню авторизации Таблица 8.5. Меню «Сотрудники» (Директор) Команда Добавить Удалить Редактировать Поиск по ФИО Список ведущих Список организаторов Назад Назначение Создание записи о новом сотруднике Удаление записи о сотруднике Редактировать запись о сотруднике Вывод на экран сотрудника по запрошенному ФИО Просмотр списка ведущих Просмотр списка организаторов Возврат к меню авторизации Таблица 8.6. Меню «Арендодатели площадок» (Директор) Команда Добавить Удалить Редактировать Список Договор Назад Назначение Создание записи о новом арендодателе площадки Удаление записи об арендодателе площадки Редактировать запись об арендодателе площадки Просмотр списка арендодателей площадок Создание договора об оказании услуг Возврат к меню авторизации Таблица 8.7. Меню «Арендодатели авто» (Директор) Команда Добавить Удалить Редактировать Список Договор Назад Назначение Создание записи о новом арендодателе авто Удаление записи об арендодателе авто Редактировать запись об арендодателе авто Просмотр списка арендодателей авто Создание договора об оказании услуг Возврат к меню авторизации 8 Таблица 8.8. Меню «Статистика» (Директор) Команда Объем продаж у сотрудника Мероприятие – лидер Объем продаж Сотрудник – лидер Назад Назначение Вывод на экран Вывод Возврат к меню авторизации Таблица 8.9. Меню «Организация» (Директор) Команда Редактировать информацию Просмотр информации Назад Назначение Редактировать запись об организации Вывод на экран информации об организации Возврат к меню авторизации 11.2.2.3. Описание пунктов меню «Организатор» В таблицах 8.10 – 8.17 описаны пункты меню «Организатора». Таблица 8.10. Главное меню «Организатор» Команда Заказчики Заказы Сотрудники Арендодатели площадок Арендодатели авто Статистика Организация Назад Назначение Вывод на экран меню «Заказчики» Вывод на экран меню «Заказы» Вывод на экран меню «Сотрудники» Вывод на экран меню «Арендодатели площадок» Вывод на экран меню «Арендодатели авто» Вывод на экран меню «Статистика» Вывод на экран меню «Организация» Возврат к меню авторизации Таблица 8.11. Меню «Заказчики» (Организатор) Команда Добавить Редактировать Поиск по ФИО Назад Назначение Создание записи о новом заказчике Редактировать запись о заказчике Вывод на экран заказчика по Запрошенному ФИО Возврат к меню авторизации 9 Таблица 8.12. Меню «Заказы» (Организатор) Команда Добавить Редактировать Поиск по дате Назад Назначение Создание записи о новом заказе Редактировать запись о заказе Вывод на экран заказы по запрошенной дате Возврат к меню авторизации Таблица 8.13. Меню «Сотрудники» (Организатор) Команда Поиск по ФИО Список ведущих Список организаторов Назад Назначение Вывод на экран сотрудника по запрошенному ФИО Просмотр списка ведущих Просмотр списка организаторов Возврат к меню авторизации Таблица 8.14. Меню «Арендодатели площадок» (Организатор) Команда Список Поиск по вместимости Поиск по стоимости Назад Назначение Просмотр списка арендодателей площадок Вывод на экран арендодателей по запрошенной вместимости Вывод на экран арендодателей по запрошенной стоимости Возврат к меню авторизации Таблица 8.15. Меню «Арендодатели авто» (Организатор) Команда Список Поиск по вместимости Поиск по стоимости Назад Назначение Просмотр списка арендодателей авто Вывод на экран арендодателей по запрошенной вместимости Вывод на экран арендодателей по запрошенной стоимости Возврат к меню авторизации Таблица 8.16. Меню «Статистика» (Организатор) Команда Мероприятие – лидер Сотрудник – лидер Назад Назначение Возврат к меню авторизации 10 Таблица 8.17. Меню «Организация» (Организатор) Команда Просмотр информации Назад Назначение Вывод на экран информации об организации Возврат к меню авторизации 11.2.2.4. Описание пунктов меню «Ведущий» Таблица 8.18. Главное меню «Ведущий» Команда Назначение Вывод на экран меню «Заказы» Вывод на экран меню «Статистика» Вывод на экран меню «Организация» Возврат к меню авторизации Заказы Статистика Организация Назад Таблица 8.19. Меню «Заказы» (Ведущий) Команда Поиск по дате Мои заказы Назад Назначение Вывод на экран заказы по запрошенной дате Вывод на экран таблица с заказами сотрудника Возврат к меню авторизации Таблица 8.20. Меню «Статистика» (Ведущий) Команда Сотрудник – лидер Мои мероприятия Назад Назначение Возврат к меню авторизации Таблица 8.21. Меню «Организация» (Ведущий) Команда Просмотр информации Назад Назначение Вывод на экран информации об организации Возврат к меню авторизации 11.3. Требования, предъявляемые к пользовательскому интерфейсу Пользовательский интерфейс приложений базы данных является одним из самых важнейших компонентов системы. Интерфейс должен быть удобным и обеспечивать все функциональные возможности, предусмотренные в спецификациях требований пользователей. 11 Специалисты рекомендуют при проектировании пользовательского интерфейса использовать следующие основные характеристики:  содержательное название;  ясные и понятные инструкции;  логически обоснованные группировки и последовательности полей;  визуально привлекательный вид окна формы или отчета;  легко узнаваемые названия полей;  согласованную терминологию и сокращения;  согласованное использование цветов;  визуальное выделение пространства и границ полей ввода данных;  средства вывода сообщений об ошибках при вводе недопустимых значений данных;  особое выделение необязательных для ввода полей;  средства вывода пояснительных сообщений с описанием полей;  средства вывода сообщения об окончании заполнения формы. 12