Человеко-машинное взаимодействие. Учебное пособие
.pdf
3.6. О вежливых программах
Вежливая программа умалчивает о своих проблемах. Программы должны молчать о своих проблемах и интересоваться вашими. Программа не только должна молчать о своих проблемах, но и должна уметь решать их сама.
Вежливая программа хорошо информирована. С другой стороны, все мы должны знать, что происходит. Когда я ищу информацию в Интернет через поисковую машину, я не могу быть уверен, что не наткнусь на неработающую ссылку. Я выбираю нужную мне ссылку и получаю противное сообщение об ошибке «404 Link Not Found». Разве поисковая машина не может периодически проверять каждую ссылку? Если ссылка неверна, ее можно удалить из списка, и мне не придется тратить время на ожидание ее загрузки.
Вежливая программа восприимчива. Я раскрываю на весь экран окно любой запущенной программы. Затем я использую Панель Задач для переключения между запущенными приложениями. Но программы, которые я запускаю, не замечают этот факт. Я так часто максимизирую окна, что мои предпочтения должны быть ясными и однозначными. Другие пользователи работают с программами в маленьком окне, чтобы видеть Рабочий Стол. Так просто для программы понять это и предугадать действия пользователя.
Вежливая программа уверена в себе. Я ожидаю от служащих, с которыми я общаюсь определенной смелости и уверенности в себе. Если я прошу компьютер удалить файл, я не хочу чтобы он спрашивал у меня «Вы уверены?» Конечно, я уверен, иначе бы я не спрашивал. Я хочу, чтобы он имел смелость в своих убеждениях и удалил файл. С другой стороны, если компьютер имеет какие-то подозрения, что я могу ошибаться — что может быть всегда — он должен предусмотреть это, и подготовиться к возможному восстановлению файла, если я вдруг передумаю. В любом случае, программа должна быть уверенной в своих действиях, а не перекладывать ответственность на меня.
Вежливая программа не задает лишних вопросов. Adobe Photoshop например осыпает пользователя множеством ненужных маленьких вопросов, каждый в отдельном окне. Невежливая программа задает множество раздражающих вопросов. Когда выбор предлагают насильственно — это тяжелое испытание. Выбирать можно разными способами.
Вежливая программа является подстраиваемой. Когда система руч- ной обработки информации переносится на компьютеры, что-ни- будь всегда теряется. Чаще всего система компьютеризируется для увеличения объемов обрабатываемой информации, а не для изменения свой функциональности. Однако системам, работающим вручную, присуща гибкость — свойство, которое на так просто выделить среди остальных. Хотя автоматизированная система ввода
21
3. ГПИ — графический ПИ
заказов может обработать в миллион раз больше заказов, чем простой служащий, служащий всегда может подстроить работу системы. В автоматизированной системе эта возможность исчезает. Нет практически никакой возможности изменить работу той или иной функции. Принцип здесь простой — позволить пользователю делать все что он захочет, но подробно записывать все его действия, так что ответственность остается.
Вежливая программа приносит удовлетворение. В программировании трудно достичь удовлетворения. Компьютер не сделает ничего, пока вы не затратите огромных усилий на написание программы. Поэтому программисты создают свои программы точно такими же. Их программы заставляют пользователя вводить всю возможную информацию, а сами и пальцем не пошевелят. Если бы кто-то из людей вел себя подобным образом, вам бы он очень не нравился. Мы можем сделать программы значительно более вежливыми, если они будут работать для того, чтобы предоставить пользователю всю возможную информацию без значительных усилий с его стороны.
Вежливая программа внушает доверие. Друзья доверяют друг другу, потому что зависят друг от друга, и всегда готовы пожертвовать собой. Когда компьютеры ведут себя совершенно неуправляемо и неохотно выполняют задания пользователей, ни о каком доверии и речи быть не может. Я доверяю банковскому служащему, потому что он улыбается мне, но я всегда пересчитываю свои деньги после банкомата, потому что попросту не доверяю тупой машине. Программы раздражают нас не из-за недостатка возможностей, а из-за отсутствия вежливости.
22
4. Визуальное проектирование процессов
4.1. Введение
Объекты приложения могут быть визуально представлены на рабочем столе в виде значков (пиктограмм) или окон. Различают приложения:
Однооконные (SDI — Single Document Interface, однодокументный интерфейс).
Многооконные (MDI — Multiple Document Interface, многодокументный интерфейс).
SDI модель облегчает пользователям ассоциативную связь между объектами и их визуальным представлением, а также существенно упрощает работу. MDI модель полезна, когда нужно использовать разные формы представления одних и тех же данных. Техника MDI заключается в использовании одного первичного окна, называемого родительским, которое содержит набор связанных с ним дочерних окон. Каждое дочернее окно — это первичное окно, на которое накладывается единственное ограничение. Оно может появиться только в пределах родительского окна и не может активизироваться автономно. Каждое дочернее окно по отдельности должно обрабатываться, как первичное окно. Приложение не должно допускать закрытия дочернего окна, если это приведет к невозможности работы с другими дочерними окнами. При закрывании родительского окна MDI приложения должны быть закрыты и все его дочерние окна.
Âлюбом приложении могут присутствовать окна:
первичные, в которых осуществляется взаимодействие пользователя с объектами приложения,
вторичные, используемые для приема от пользователя или отображения дополнительной информации.
4.2. Проектирование пиктограмм
Каждая пиктограмма должна быть реализована в трех стандартных форматах:
16 16 пикселей при 16 цветах в палитре,
32 32 пикселей при 16 цветах в палитре,
48 48 пикселей при 256 цветах в палитре.
23
4. Визуальное проектирование процессов
При отображении пиктограммы в монохромных дисплеях система автоматически переконфигурирует цветовую гамму пиктограммы. Однако разработчику пиктограммы лучше при разработке оценить качество монохромного отображения и при необходимости скорректировать исходные цвета.
В основу рисунка на пиктограмме должны быть положены те детали образа объекта реального мира, которые необходимы для однозначного восприятия объекта пользователем. Вот примеры пиктограмм разного размера, отображающих объект, ассоциирующийся с антеннами спутниковых радиосистем. На рисунке видна точечная структура пиктограмм.
Для создания и редактирования пиктограмм можно использовать любой графический редактор. Хороший пример — редактор Paint, встроенный в операционную систему Windows. Так выглядит окно этого редактора при редактировании приведенной выше пиктограммы.
4.3. Первичные окна
Âтиповом первичном окно содержатся:
Рамка, которая определяет границы окна. Внешний вид рамки определяется типом окна. Изменяемое окно после выделения имеет четкую границу в виде прямоугольника с 8-ю точками прямого манипулирования. Средние точки граней рамки используются для го-
24
4.3. Первичные окна
ризонтального или вертикального смещения границ, а угловые для одновременного перемещения границ. Если окно не может изменять размеры, то грани не отображаются.
Полоса заголовка окна. В ней слева направо размешаются пиктограмма окна, заголовок окна (который идентифицирует информацию в окне) и стандартные кнопки управления отображением окна (минимизация, расположение, закрытие). Если выбран режим с произвольным размещение окна, то полоса заголовка используется для перемещения окна на рабочем столе с помощью манипулятора мышь. В приложениях, где создается новый документ, следует предусмотреть назначение его имени. Рекомендуется новому документу по умолчанию назначать имя Безымянный (Untitled), предполагая, что пользователь при сохранении документа назначит ему желаемое имя. В тех случаях, когда семантически значимый заголовок слишком длинный и не умещается в полосе заголовка, следует использовать сокращения, не снижающие скорость восприятия. Если окно связано с файлом, сохраняемым в операционной системе, его имя должно быть согласовано с правилами именования в операционной системе, включая ограничения на используемые символы, высоту символов и др.
Вертикальная и/или горизонтальная линейки прокрутки (скроллинга) информации, когда информация не умещается в окне. В примере окна редактора Paint линеек прокрутки нет, так как вся информация умещается в окне.
Главное меню, располагаемое под заголовком и содержащее пере- чень пунктов, объединяющих команды определенного функционального назначения. При выборе пункта отображается выпадающее меню со списком выбора действий.
Панели инструментов, в которых размещаются пиктограммы. Выбор пиктограммы из панели приводит к исполнению команды, связанной с ней. В панели инструментов помещают пикограммы, связанные с наиболее часто исполняемыми действиями, для ускорения выбора. Число и размещение панелей инструментов произвольное.
Рабочее поле, в котором размещаются объекты приложения.
Строка состояния в нижней части окна. Здесь обычно выводятся данные о состоянии системы или советы пользователю по выбору действий в текущий момент времени.
Контекстное меню, вызываемое щелчком по заголовку окна правой кнопки манипулятора мышь. Контекстное меню содержит команды управления окном. Возможны окна, в которых нет главное меню, а доступно только контекстное.
Ñокнами могут выполняться следующие операции:
1. Изменение состояния окна. В каждый момент времени пользователь выполняет действия в пределах текущего окна, которое называется актив-
25
4. Визуальное проектирование процессов
íûì. Активное окно — окно самого высокого уровня, оно отображается поверх других окон. Визуально активное окно отличается цветом фона полосы заголовка (более ярким, чем у пассивных окон). Активизация окна происходит путем его выбора манипулятором мышь. При этом состояние всех других окон изменяется автоматически. Можно переключать активное окно и с помощью клавиатуры, используя комбинации клавиш Alt+Tab èëè Shift+Alt+Tab (в обратном порядке). При повторной активизации окна любой предшествующий выбор в этом окне должен сохраниться.
2. Открытие и закрытие окна. При открытии первичного окна оно автоматически делается активным. Если пользователь пытается открыть уже открытое окно, то нужно просто активизировать уже открытое окно, используя следующие рекомендации
Тип файла |
Действия при повторном выполнении операции |
|
Открыть. |
||
|
||
|
|
|
Документ или данные |
Активизируется существующее окно. |
|
Приложение |
Выводится сообщение о том, что файл уже |
|
|
открыт. Пользователю предлагается |
|
|
переключиться на открытое окно, либо |
|
|
создать новое окно. В любом случае окно |
|
|
активизируется. |
|
Уже открыт в MDI |
Активизируется существующее окно файла. |
|
приложении |
Родительское окно MDI приложения |
|
|
располагается на верхнем уровне. |
|
Не открыт, но открыто |
Открывается новый экземпляр MDI |
|
связанное с ним MDI |
приложения (поверх других окон). В |
|
приложение |
родительском окне отображается дочернее |
|
|
окно файла. |
|
|
|
При закрытии первичного окна не забудьте закрыть и все подчиненные вторичные окна. Однако закрытие окна принтера не должно сопровождаться удалением задания из очереди на печать.
3.Перемещение и изменение размеров окна. Пользователь может сделать это с помощью манипулятора мышь, либо клавиатурно (используя клавиши стрелок). Важно не допускать перемещения окна так, чтобы оно стало недоступным.
4.Развертывание, сворачивание и восстановление окна. Команда развернуть автоматизирует изменение размеров окна до максимально возможного. Она инициируется кнопкой максимизации, располагаемой в полосе заголовка приложения. После исполнения команды кнопка максимизации должна быть заменена на кнопку возврата, при нажатии которой происходит возврат к отображению окна до максимизации. При сворачивании окна происходит его дезактивация, удаление с рабочего окна. Для свернутого дочернего окна MDI приложения должна быть создана
26
4.3. Первичные окна
кнопка ввода, расположенная в пределах родительского окна (например, в нижней части) и содержащая идентифицирующую надпись. Восстановление окна должно выполняться по команде, вызываемой нажатием указанной кнопки ввода. При этом окно активизируется и размещается там же и с теми же конфигурационными установками, что до сворачивания.
5.Прокрутка окна. Должна осуществляться в тех случаях, когда информация в окне не умещается. Для прокрутки используются полосы прокрутки, содержащие стрелки и ползунок, размеры и положение которого отображают место и размеры области, наблюдаемой в окне. Стрелки используются для выбора направления прокрутки на один шаг. Ползунок применяется для быстрого выбора наблюдаемой области путем его перемещения манипулятором мышь.
6.Автоматическая прокрутка окна. В некоторых случаях целесообразно в зависимости от результата действий в приложении автоматически выбирать просматриваемую в окне область, избавляя пользователя от руч- ного поиска.
7.Клавиатурная прокрутка. Для ее поддержки могут использоваться клавиши навигации, инициирующие прокрутку. В качестве таких клавиш обычно употребляются стрелки управления курсором, PageUp и PageDown.
Окно может разделяться на несколько относительно независимых частей, называемых подокнами. С помощью подокон можно:
просматривать одновременно разные части документа,
просматривать одну и ту же часть документа в разной форме.
Âкачестве примера подокон можно рассматривать Проводник Windows,
âлевом подокне которого отображается иерархически организованный список папок, а в правом — содержимое папки выбранной в левом подокне.
27
4. Визуальное проектирование процессов
4.3.1. Вторичные окна
Вторичные окна по сравнению с первичными имеют следующие особенности:
Не имеет кнопок Развернуть и Свернуть, так как данные операции
êвторичным окнам не применяются.
Могут быть независимыми и модальными. Независимое вторичное окно позволяет пользователю работать с другими окнами, его полезно использовать при необходимости повторить действие, в нем определенное. При работе с независимыми вторичными окнами возможна ситуация нагромождения вторичных окон. Эта проблема может быть решена путем ограничения числа таких окон.
Модальное вторичное окно требует от пользователя ввести данные и закрыть окно, прежде чем продолжить работу за пределами окна. Модальные окна используются только в определенных ситуациях, например, когда необходимо приостановить работу до выполнения некоторого условия, чтобы не возникла фатальная системная ошибка.
Вторичное окно должно быть удобно для пользователя. При открытии в первый раз окно следует расположить в месте, не мешающем пользователю работать с другими объектами приложения. При повторном открытии окно следует размещать в той же позиции. Вторичные окна часто создаются с помощью кнопок ввода, расположенных в первичном окне. Если таких кнопок много, то самую главную из них целесообразно сделать предопределенной, на экране она отображается с утолщенной границей и активизируется при нажатии клавиши Enter.
Используйте вторичные окна для вывода пользователю подтверждения правильности вводимых данных. Для уменьшения вероятности ошибок целесообразно ограничить возможности пользователя, разрешив ему ввод данных только в определенном диапазоне. Однако и в этом случае следует контролировать данные. При обнаружении ошибки можно:
—запретить ввод,
—использовать визуальную или звуковую обратную связь, предупреждающую об ошибке.
—вывести пояснения об ошибке и запросить данные повторно.
Вторичные окна широко используются для отображения свойств и контроля параметров объектов. Панель свойств — это независимое вторичное окно, в котором отображаются доступные пользователю свойства объекта. Не все свойства нужно показывать и не обязательна возможность их изменения. Обычно в панели свойств применяют три командные кнопки:
28
4.3. Первичные окна
OK. Передает приложению все внесенные изменения и закрывает окно свойств.
Apply (Применить). Передает приложению все внесенные изменения, но оставляет окно свойств открытым.
Cancel (Отменить). Отменяет все сделанные изменения и закрывает окно свойств. Не отменяет уже реализованных изменений.
Âпанель свойств можно ввести образец, иллюстрирующий результат сделанных изменений. Пример — панель свойств Абзац текстового редактора Word.
Панель контроля параметров — это модальное вторичное окно, связанное с тем объектом, свойства которого оно отображает. Окно модально, так как вводимые данные должны быть использованы перед продолжением работы.
Диалоговая панель обеспечивает обмен информацией или ведение диалога между пользователем и приложением. В отличие от панели свойств в диалоговой панели для выполнения действия приложение должно от пользователя получить дополнительную информацию. Название диалоговой панели должно отражать имя связанной с ней команды, например Сохранить как.
Примеры диалоговых панелей (например, из приложения Paint):
—Open (Открыть). Открывает файл. Содержит средства выбора места расположения файла, панель со списком файлов для выбора, поле отображения выбранного имени файла, поле выбора типа файла со вложенным списком, кнопки Open (Открыть), Cancel (Отменить).
29
4. Визуальное проектирование процессов
—Print (Печать). Осуществляет печать файл. Содержит средства выбора принтера, панель конфигурационных установок, поле задания числа копий, панель выбора печатаемых страниц, кнопки Print (Печать), Cancel (Отменить).
30