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

Пользовательский интерфейс или человеко-машинный диалог — это набор приемов взаимодействия с компьютером. Грамотно построенный интерфейс сокращает число ошибок и способствует тому, что пользователь чувствует себя комфортнее. От этого, в конечном итоге,зависит производительность работы — основной показатель качества пользовательского интерфейса.

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

• дизайн интерфейса отвечает правилам эргономики;

• присутствует естественность (интуитивность) работы с программой;

• нагрузка на память пользователя, по возможности, минимальна;

• стандартность приемов работы (согласованность с прошлым навыком);

• подсказки, позволяющие пользователю принять решение в создавшейся ситуации;

v интерактивная помощь (возможность ее вызова из любого места программы);

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

• действия пользователя должны быть обратимыми (т. е. должнапредоставляться возможность отмены (undo));

• возможность использования «горячих» клавиш; экстренный выход из программы.

Проектирование человеко-машинного диалога начинается с выбора диалогового языка.

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

Выбор диалогового языка должен осуществляться с ориентацией на пользователя, а диалог — проектироваться с учетом принципа «дружественности».

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

В настоящее время человеко-машинный диалог чаще всего осуществляется на основе ММР-интерфейса, реализуемого операционной системой Windows. Аббревиатура WIMP (Windows Image Menu Pointer) означает Окна, Образ, Меню, Указатель. При этом в окнах на экране компьютера присутствуют кнопки-пиктограммы и световые меню, которые выбираются указателем.

В перспективе предусматривается распространение интерфейса, включающего в себя речевые команды — 5Я./(-иитерфейса (Spich — речь, Image — образ, Language язык, Knowledge — знание).

Проектирование человеко-машинного диалога должно заканчиваться составлением модели диалога, отражающей порядок работы пользователя с 11 К. Модель человеко-машинного диалога в укрупненном виде можно представить как разновидность информационно-технологической схемы, включающей в себя последовательность основных этапов обрабо! ки информации с указанием для каждого этапа той информации, которую должен вводить человек, и тех диалоговых окон, которые предлагает машина для информационной поддержки принятия решении и ВВОДЯ информации.

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

Основные компоненты пользовательского интерфейса — это то, что пользователь видит на экране.

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

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

• проектирование содержания меню;

• проектирование формы меню;

• программное обеспечение меню.

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

Выбор пункта меню может завершаться:

• появлением на экране меню нижнего уровня;

• выполнением команды (например, возвратом в системное меню);

• выполнением процедуры (например, процедуры ввода или вывода информации, функциональной обработки);

• появлением «заглушки» — сообщения о том, что данный пункт еще не реализован, или же другого комментария.

В главном меню следует предусмотреть пункт «выход», который позволяет вернуться к системному меню, что удобно при отладке системы.

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

Существует ряд правил, которыми следует руководствоваться при проектировании меню. Эти правила соответствуют международным стандартам по проектированию пользовательского интерфейса. Один из этих стандартов CUA (Common User Access).

Приведем следующие рекомендации;

1. Количество уровней в меню должно быть не более 2-3.

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

3. Пункты меню не нумеруются.

4. Название пунктов горизонтального меню должно быть коротким —из одного слова.

5. Заглавной должна быть только первая буква названия пункта.

6. Пункт меню может быть выбран по первой (выделенной) буквенного названия. Если первая буква названия пункта меню не является уникальной, то можно назначить любую выделенную букву.

7. Для выбора пункта всплывающего меню должна быть предназначена «горячая» клавиша (hot key), поскольку путь к нему через главное меню может быть долгим.

8. Пункты, к которым часто обращаются, должны быть расположены в начале меню. Если присутствует пункт «Помощь», то он располагается в начале главного меню, а пункт «Выход» — в конце.

9. Логически взаимосвязанные пункты всплывающего меню объединяются в группы сплошной горизонтальной линией и могутполучить свои подзаголовки.

10. При формировании меню может быть выбрана цветовая схема (color scheme). Вертикальное (всплывающее) меню может быть выделено тенью (shadow).

Проектирование экранных форм

Экранные формы в настоящее время образуют основу интерфейса в человеко-машинном диалоге.

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

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

• использовать для выполнения вычислений в электронных формах как стандартные операции, так и специальные финансовые и статистические функции;

• использовать средства для установления связи между формами;

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

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

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

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

Программы обработки электронных документов позволяют:

• вносить элементы настройки типа «персонифицированных» командных кнопок, но базовые формы не могут быть изменены;

• быстро имитировать бумажные формы;

Бумажные формы

Требуют затрат на печать, распространение и доставку

Если необходимо внести изменения, форму приходится проектировать заново.

Отпечатанные ранее формы использовать по назначению больше нельзя

Требуют материальных затрат и внушительных пространств для хранения

На обработку могут поступать формы, заполненные неправильно или не полностью

Не настраиваемые на тип пользователя

Электронные формы

Доступны в режиме on-line; печать осуществляется по требованию

Благодаря графическим инструментам проектирования форм легко поддаются модификации

Вообще не требуют места в шкафах и работы обслуживающих их клерков.

Материальные затраты, хотя и иные, но остаются

Включают интеллектуальные элементы, в числе которых, например, проверка правильности и целостности заполнения, автоматически вычисляемые поля, заполнение из справочников

Могут динамически адаптироваться под конкретного пользователя (изменяются, например, количество и размер полей)

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

К первым средствам создания ЭД, подготавливаемым заранее, хранящимся в базах шаблонов документов и используемым затем для заполнения и последующего использования, можно отнести средства MS Office. Компоненты этой системы позволяют автоматизировать, помимо процессов заполнения и вычисления полей ЭД, отсылку по электронной почте.

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

Помимо них в настоящее время используют специализированные программные продукты, например «1C. Документооборот», которые позволяют встраивать ЭД в подсистему электронного документооборота, включаемую как одну из функциональных подсистем в проект ЭИС предприятия.

Можно назвать несколько видов форм, имеющих различный тип технологии обработки:

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

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

Содержание экранной формы зависит от ее назначения. По назначению можно выделить 4 класса экранных форм:

• для ввода информации в базу данных, т. е. для формирования ведения базы данных;

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

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

• комбинированные экранные форм ы, предусматривающие многоцелевое назначение (диалоговые окна);

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

• проектирование ее формы представления (формы экрана);

• программное обеспечение экранной формы.

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

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

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

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

Контроль количественных реквизитов может состоять в проверке на соответствие области допустимых значений (табл. 10.4).

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

Таблица

. Контроль количественных реквизитов

Наименование	Машинное имя (Name)	Диапазон (Range)
		min	max

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

Результатом проектирования содержания экранной формы является ее реквизитный состав с указанием методов контроля и связи с файлами базы данных (табл. 10.5).

Таблица